diff options
| author | Logan Hunt <loganthebean222@gmail.com> | 2017-07-11 21:14:14 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-07-11 21:14:14 -0700 |
| commit | 2d108095a2cec042375dbb935b5261e2339e4fcc (patch) | |
| tree | 969f4e7f3eba70e5e7e9699750bc3db7c4af880f /webcomic.html | |
| parent | cd928ffaae6ff879df180600b337edeb04e2ad62 (diff) | |
| download | old-src-backup-2d108095a2cec042375dbb935b5261e2339e4fcc.tar.gz old-src-backup-2d108095a2cec042375dbb935b5261e2339e4fcc.zip | |
Add files via upload
Diffstat (limited to 'webcomic.html')
| -rw-r--r-- | webcomic.html | 133 |
1 files changed, 133 insertions, 0 deletions
diff --git a/webcomic.html b/webcomic.html new file mode 100644 index 0000000..20810f3 --- /dev/null +++ b/webcomic.html @@ -0,0 +1,133 @@ +<!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-4 w3-margin w3-indigo"> + <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> |