1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
|
<!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 -->
<div class="w3-card-1 w3-margin w3-indigo">
<div class="w3-container">
<h3><b>WELCOME TO ML COMICS</b></h3>
<p>ML comics, founded by Miranda and Logan Hunt, is a webcomic with much inspiration from xkcd.</p>
<!-- 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 2 <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 1 <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>
<div class="w3-col l20 s500">
<!-- Blog entry -->
<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>
|
