-
-
Notifications
You must be signed in to change notification settings - Fork 99
/
index.html
101 lines (92 loc) · 4.41 KB
/
index.html
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
<!DOCTYPE html>
<html lang='en'>
<head>
<base href=".">
<link rel="shortcut icon" type="image/png" href="assets/favicon.png"/>
<link rel="stylesheet" type="text/css" media="all" href="assets/main.css"/>
<meta name="description" content="Conference Template">
<meta name="resource-type" content="document">
<meta name="distribution" content="global">
<meta name="KeyWords" content="Conference">
<title>Conference Template</title>
</head>
<body>
<div class="banner">
<img src="assets/banner.jpg" alt="Conference Template Banner">
<div class="top-left">
<span class="title1">Conference</span><span class="title2">Template</span> <span class="year">2525</span>
</div>
<div class="bottom-right">
June 31, 2525 <br> University Name, and City Maybe
</div>
</div>
<table class="navigation">
<tr>
<td class="navigation">
<a class="current" title="Conference Home Page" href=".">Home</a>
</td>
<td class="navigation">
<a title="Register for the Conference" href="registration">Registration</a>
</td>
<td class="navigation">
<a title="Conference Program" href="program">Program</a>
</td>
<td class="navigation">
<a title="Directions to the Conference" href="directions">Directions</a>
</td>
<td class="navigation">
<a title="Conference Flyer" href="flyer">Flyer</a>
</td>
</tr>
</table>
<h2>What is This Website?</h2>
<p>
This website is a template that you could use for a (small) academic conference.
It’s got a page for registration, where you can embed a Google Form or some other way for participants to register.
It’s got a program page to list the schedule for the conference.
It’s got a directions page to add a bunch of instructions how to get to the conference.
It’s got a page to put up the flyers and other promotional materials for folks to download.
</p>
<p>
You can use this template by cloning all the files from this
<a target="_blank" href="https://github.com/mikepierce/conference-website-template">GitHub repo here</a>.
This template was created from a website I made for
<a target="_blank" href="http://math.ucr.edu/~mathconn/">MathConnections 2019</a>,
in case you want to see an example of this template being used in the wild.
</p>
<p>
This paragraph is just some filler text to give the homepage some volume:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum dignissim et est et euismod. Fusce et metus tempus, pellentesque ex at, convallis nulla. Ut fringilla commodo tincidunt. Fusce sed est eu massa placerat iaculis eu at mauris. Nullam ut mollis nisi, quis malesuada risus. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam ipsum tortor, suscipit non tincidunt vel, bibendum in libero. Nulla facilisi. Pellentesque vitae neque metus. Cras quis est pharetra, vestibulum nisl et, viverra ipsum. Etiam porta dignissim purus, quis tempor metus volutpat eu. Praesent pulvinar libero eget purus tincidunt finibus.
</p>
<h2>Organizers</h2>
<p>
Here’s a good place to list the organizers and sponsors of the conference,
as well as list contact information for the organizers,
and show off the logos of the sponsors.
It looks like his conference was sponsored by kittens!
</p>
<table class="sponsors">
<tr>
<td class="sponsor">
<a href="http://www.eyebleach.me/">
<img src="assets/kitten1.jpg" alt="First Sponsor Name">
</a>
</td>
<td class="sponsor">
<a href="http://www.eyebleach.me/">
<img src="assets/kitten2.jpg" alt="Second Sponsor Name" style="width: 80%">
</a>
</td>
<td class="sponsor">
<a href="http://www.eyebleach.me/">
<img src="assets/kitten3.jpg" alt="Third Sponsor Name">
</a>
</td>
</tr>
</table>
<footer>
© Conference Organizers
| Design by <a href="https://github.com/mikepierce">Mike Pierce</a>
</footer>
</body>
</html>