2017-07-12 00:14:14 -04:00
<!DOCTYPE html>
< html >
< title > ML Comics< / title >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< link rel = "stylesheet" href = "https://www.w3schools.com/w3css/4/w3.css" >
< link rel = "stylesheet" href = "https://fonts.googleapis.com/css?family=Raleway" >
< style >
body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
< / style >
< body class = "w3-teal" >
<!-- w3 - content defines a container for fixed size centered content,
and is wrapped around the whole page content, except for the footer in this example -->
< div class = "w3-content" style = "max-width:1400px" >
<!-- Header -->
< header class = "w3-container w3-center w3-padding-32" >
< img src = "logo.png" alt = "logo" style = "width:50%" > < p > Comic about computer science, chess, and more. < br > < span class = "w3-tag" > ML< / span > < / p >
< / header >
<!-- Grid -->
< div class = "w3-row" >
<!-- Blog entries -->
2017-07-12 11:29:19 -04:00
< div class = "w3-card-1 w3-margin w3-indigo" >
< div class = "w3-container" >
< h3 > < b > WELCOME TO ML COMICS< / b > < / h3 >
2017-07-12 11:34:29 -04:00
< p > ML comics, founded by Miranda and Logan Hunt, is a webcomic with much inspiration from xkcd.< / p >
2017-07-12 11:31:37 -04:00
2017-07-12 00:14:14 -04:00
<!-- Blog entry -->
<!-- 'ctrl + /' to comment -->
< div class = "w3-card-1 w3-margin w3-white" >
< img src = "SCAN0003.JPG" alt = "Thing" style = "width:100%" >
< div class = "w3-container" >
< h3 > < b > Python 3 Troubles< / b > < / h3 >
2017-07-12 11:29:19 -04:00
< h5 > Post 2 < span class = "w3-opacity" > 7 July 2017< / span > < / h5 >
2017-07-12 00:14:14 -04:00
< p > Paul and Timmy.< / p >
< / div >
< div class = "w3-container" >
< p > < / p >
< div class = "w3-row" >
< / div >
< / div >
< div class = "w3-card-1 w3-margin w3-white" >
< img src = "SCAN0002.JPG" alt = "Gang" style = "width:100%" >
< div class = "w3-container" >
< h3 > < b > Meet the Gang< / b > < / h3 >
2017-07-12 11:29:19 -04:00
< h5 > Post 1 < span class = "w3-opacity" > 3 July 2017< / span > < / h5 >
2017-07-12 00:14:14 -04:00
< p > Sketches of Jeff, Timmy, Shaun, Mason, Paul.< / p >
< / div >
< div class = "w3-container" >
< p > < / p >
< div class = "w3-row" >
< / div >
< / div >
2017-07-12 11:31:37 -04:00
< / div >
2017-07-12 00:14:14 -04:00
< div class = "w3-col l20 s500" >
<!-- Blog entry -->
2017-07-12 11:29:19 -04:00
2017-07-12 00:14:14 -04:00
< hr >
<!-- Blog entry -->
<!-- END BLOG ENTRIES -->
< / div >
<!-- Introduction menu -->
< div class = "w3-col l4" >
<!-- About Card -->
< div class = "w3-card-2 w3-margin w3-margin-top" >
< div class = "w3-container w3-white" >
< h4 > < b > Miranda Hunt - Artist< / b > < / h4 >
< p > Miranda is a creative young woman wtih a lot of talent. She is a great artist, is very good at playing the piano, and loves hanging out with her friends.
< br >
< br >
< / p >
< h4 > < b > Logan Hunt - Story< / b > < /h4
< p > Logan is a programmer, speedcuber, speedrunner, violin player, and is the story writer. He loves being in science bowl and went to the National Science Bowl with his team.< / p >
< / div >
< / div >
<!-- Posts -->
<!-- <div class="w3 - card - 2 w3 - margin">
< div class = "w3-container w3-padding" >
< h4 > Popular Posts< / h4 >
< / div >
< ul class = "w3-ul w3-hoverable w3-white" >
< li class = "w3-padding-16" >
< img src = "/w3images/workshop.jpg" alt = "Image" class = "w3-left w3-margin-right" style = "width:50px" >
< span class = "w3-large" > Lorem< / span > < br >
< span > Sed mattis nunc< / span >
< / li >
< li class = "w3-padding-16" >
< img src = "/w3images/gondol.jpg" alt = "Image" class = "w3-left w3-margin-right" style = "width:50px" >
< span class = "w3-large" > Ipsum< / span > < br >
< span > Praes tinci sed< / span >
< / li >
< li class = "w3-padding-16" >
< img src = "/w3images/skies.jpg" alt = "Image" class = "w3-left w3-margin-right" style = "width:50px" >
< span class = "w3-large" > Dorum< / span > < br >
< span > Ultricies congue< / span >
< / li >
< li class = "w3-padding-16 w3-hide-medium w3-hide-small" >
< img src = "/w3images/rock.jpg" alt = "Image" class = "w3-left w3-margin-right" style = "width:50px" >
< span class = "w3-large" > Mingsum< / span > < br >
< span > Lorem ipsum dipsum< / span >
< / li >
< / ul >
< / div >
< hr > -->
<!-- END Introduction Menu -->
< / div >
<!-- END GRID -->
< / div > < br >
<!-- END w3 - content -->
< / div >
< / body >
< / html >