/
index.html
87 lines (68 loc) · 6.13 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="MMU Computing Society Home Page">
<meta name="keywords" content="MMU, Computing Society, computer science, programming">
<meta name="author" content="Michael Naylor">
<!-- meta data mainly for search engines not displayed on the page -->
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Home</title>
<!-- favicon -->
<link rel="icon" type="image/png" href="images/compSciLogo.png">
<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<!-- stylesheets -->
<link rel="stylesheet" id="pagestyle" type="text/css" href="style/style.css" />
<!-- js files -->
<script src="scripts/main.js"></script>
</head>
<body>
<header>
<nav>
<ul id="logo">
<li>
<a href="index.html" class="nav"><img id="homeImg" src="https://i.imgur.com/aESj6X4.png" title="compSciLogo" alt="compSciLogo"></a>
</li>
</ul>
<ul id="mainNav">
<!-- Navigation at top of page-->
<li><a href="index.html" class="active nav"><b>Home</b></a></li>
<!-- active class highlights this link as the current page -->
<li><a class="nav rightFloat" href="contact.html"><b>Contact Us</b></a></li>
<li><a class="nav rightFloat" href="newsletter.html"><b>Newsletter</b></a></li>
<li><a class="nav rightFloat" href="events.html"><b>Events</b></a></li>
</ul>
</nav>
</header>
<div id="container">
<section id="mainContent">
<h1> MMU Computing Society </h1>
<article id="home">
<div id="welcomeText">
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus</p>
</div>
<!-- end of welcome text -->
</article>
<!-- end peronal info article-->
</section>
<!-- end main content section-->
</div>
<!-- end container div-->
<footer>
<ul id="footerNav">
<!-- Navigation at bottom of page (social media links)-->
<li class="footerLinks">
<a href="https://twitter.com/mmucompsoc"><img src="https://i.imgur.com/8gNtMrM.png" title="Twitter link Image" alt="Twitter link image" class="socialMediaLinkPic"></a>Follow us on Twitter</li>
<li class="footerLinks">
<a href="contact.html"><img src="https://i.imgur.com/orRuwlq.png" title="Email image" alt="Email image" class="socialMediaLinkPic"></a>Send us an email</li>
<li class="footerLinks">
<a href="https://www.facebook.com/groups/MMUComputingSociety/"><img src="https://i.imgur.com/MVx5kyA.png" title="Facebook link image" alt="facebook link image" class="socialMediaLinkPic"></a>Join us on Facebook</li>
</ul>
</footer>
</body>
</html>