-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
48 lines (46 loc) · 3.49 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="/css/styles.css" />
<title>That N3rd Life</title>
</head>
<body id='bod'>
<div id="intro">
<h1>Home</h1>
<p class="para1">Welcome! This is That N3rd Life blog! Your location for all
the best news in the nerd sphere!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris quis ex pharetra, aliquam ligula non, rutrum purus. Pellentesque non tempor nibh. Nam vehicula eros quis dapibus gravida. Nulla facilisi. In eget sem non felis suscipit accumsan non nec velit. Nam finibus ultricies consectetur. Duis in tellus a mi hendrerit cursus sit amet vel arcu. Pellentesque dignissim sapien lacus, non fermentum tellus condimentum vel. Morbi eget aliquam quam. Curabitur ac dapibus velit, id tincidunt nibh. Nulla sed nisl quis orci tincidunt fringilla in in tortor. Donec tincidunt vestibulum luctus.
Integer tincidunt odio quis lectus consequat semper. Fusce eu bibendum lacus, quis dignissim lacus. Donec commodo dictum nisl in condimentum. Donec semper nisi ac leo pulvinar, vel maximus lectus eleifend. Nam blandit ante non sapien sollicitudin volutpat et vel nisi. Cras et nulla augue. Donec turpis ante, vestibulum sit amet lorem quis, maximus molestie metus. Donec non libero nunc. Maecenas bibendum ante semper nunc lobortis, vitae sollicitudin sem cursus. Vivamus scelerisque ante ac neque commodo tristique. Suspendisse ultrices eu nunc sit amet dictum. Praesent vulputate vulputate augue, eget accumsan sem sodales ac. Aenean in mi quam. Curabitur eu massa odio.</p>
</div>
<img id="nerdposter" src="/images/websiteImages/nerdLife.jpg"/>
<div class="footer">
<p>Github: https://github.com/Snicker7/creativeAssignment.git</p>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#">Nerdz</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="../index.html">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="/pages/posts.html">Posts</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/pages/about.html">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/pages/posters.html">Posters</a>
</li>
</ul>
</div>
</nav>
</html>