-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (102 loc) · 3.89 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
101
102
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>UBC Events</title>
<meta name="description" content="Description of your site goes here">
<meta name="keywords" content="keyword1, keyword2, keyword3">
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div class="main">
<div class="page">
<div class="header">
<h1>UBC Events</h1>
</div>
<div class="topmenu">
<ul>
<li style="background: transparent none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; padding-left: 0px;"><a href="index.html">Home</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">Recent articles</a></li>
<li><a href="#">Email</a></li>
<li><a href="#">Resources</a></li>
<li><a href="#">Links</a></li>
</ul>
</div>
<div class="content">
<div class="left-panel">
<div class="left-panel-in">
<h2 class="title">WELCOME</h2>
<p> </p>
<p> This site is for events and anouncements at UBC
</p>
<ul class="list1">
<li>* Lorem ipsum dolor sit amet,</li>
<li>* consectetuer adipiscing elit.</li>
<li>* Maecenas ac lacus. Etiam quis ante.</li>
<li>* Nullam accumsan metus sit amet est.</li>
<li>* Nullam diam. Nunc ac ipsum at nisl pretium congue.</li>
</ul>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus
ornare condimentum sem. Nullam a eros. Vivamus vestibulum hendrerit
arcu. Integer a orci. Morbi nonummy semper est. Donec at risus sed
velit porta dictum. Maecenas condimentum orci aliquam nunc. Morbi
nonummy tellus in nibh. Suspendisse orci eros, dapibus at, ultrices at,
egestas ac, tortor. Suspendisse fringilla est id erat. Praesent et
libero.</p>
<p> </p>
<p> </p>
<p><img src="images/hline.jpg" alt="" height="1" width="623"></p>
<p> </p>
<h3 class="subtitle">About us</h3>
<p> </p>
<p><strong>Lorem ipsum dolor sit amet,</strong> consectetuer adipiscing
elit. Phasellus ornare condimentum sem. Nullam a eros. Vivamus
vestibulum hendrerit arcu. Integer a orci. Morbi nonummy semper est.
Donec at risus sed velit porta dictum. Maecenas condimentum orci
aliquam nunc. Morbi nonummy tellus in nibh. Suspendisse orci eros,
dapibus at, ultrices at, egestas ac, tortor. Suspendisse fringilla est
id erat. Praesent et libero. Proin nisi felis, euismod a, tempus
varius, elementum vel, nisl. Fusce non magna sit amet enim suscipit
feugiat.</p>
<p> </p>
<p><strong>Fusce et leo.</strong> Maecenas massa libero, egestas sed,
ultricies tempor, laoreet eget, nisl. Nunc eleifend, orci eu aliquet
consequat, metus diam suscipit felis, in adipiscing sapien nisl vitae
ipsum. Nunc dui ante, vestibulum eget, viverra sed, ullamcorper quis,
est. Nullam varius nunc.</p>
<p> </p>
</div>
</div>
<div class="right-panel">
<div class="right-row1">
<h3 class="subtitle">Latest News</h3>
<p> </p>
<p class="green"><img src="images/right-bullet.jpg" alt="" height="8" width="17">00.00.0000</p>
<p><strong>Lorem ipsum dolor sit amet,</strong> consectetuer adipiscing
elit. Phasellus ornare condimentum sem.</p>
<p> </p>
<p class="green"><img src="images/right-bullet.jpg" alt="" height="8" width="17">00.00.0000</p>
<p><strong>Nullam a eros.</strong> Vivamus vestibulum hendrerit arcu.
Integer a orci. Morbi nonummy semper est.</p>
<p> </p>
<p class="green"><img src="images/right-bullet.jpg" alt="" height="8" width="17">00.00.0000</p>
<p><strong>Donec at risus</strong> sed velit porta dictum. Maecenas
condimentum orci aliquam nunc. </p>
<p> </p>
<p> </p>
</div>
</div>
</div>
<div class="footer">
<p>© Copyright 2017. Designed by Jason, Jonathan, Joseph, and Regina </p>
<ul>
<li style="border-left: medium none;"><a href="index.html">Home</a></li>
<li><a href="#">Events</a></li>
<li><a href="#">fdfas</a></li>
<li><a href="#">Pricing</a></li>
</ul>
</div>
</div>
</div>
</body></html>