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
128
129
130
131
132
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>
|
