134 lines
4.1 KiB
HTML
134 lines
4.1 KiB
HTML
<!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 -->
|
|
|
|
<!-- 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>
|
|
<h5>Post 3 <span class="w3-opacity">7 July 2017</span></h5>
|
|
<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>
|
|
<h5>Post 2 <span class="w3-opacity">3 July 2017</span></h5>
|
|
<p>Sketches of Jeff, Timmy, Shaun, Mason, Paul.</p>
|
|
</div>
|
|
|
|
<div class="w3-container">
|
|
<p></p>
|
|
<div class="w3-row">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="w3-col l20 s500">
|
|
<!-- Blog entry -->
|
|
<div class="w3-card-1 w3-margin w3-white">
|
|
<div class="w3-container">
|
|
<h3><b>WELCOME TO ML COMICS</b></h3>
|
|
<h5>Post 1, <span class="w3-opacity">3 July, 2017</span></h5>
|
|
</div>
|
|
|
|
<div class="w3-container">
|
|
<p>ML comics, founded by Miranda and Logan Hunt, is a webcomic with much inspiration from xkcd.</p>
|
|
<div class="w3-row">
|
|
</div> </div>
|
|
</div>
|
|
<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>
|