-
Notifications
You must be signed in to change notification settings - Fork 0
/
lab-week5.html
74 lines (58 loc) · 5.24 KB
/
lab-week5.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
<!DOCTYPE html>
<html>
<head>
<title> JQuery - Week 5 Lab </title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<ul id="nav">
<li class="button-color-1"> <a id="Btn1" href="#" title="My fancy link">Link Text</a> </li>
<li class="button-color-2"> <a id="Btn2" href="#" title="My fancy link">Link Text</a> </li>
<li class="button-color-3"> <a id="Btn3" href="#" title="My fancy link">Link Text</a> </li>
<li class="button-color-4"> <a id="Btn4" href="#" title="My fancy link">Link Text</a> </li>
</ul>
<!-- blank content box as a placeholder -->
<div id = "placeHolder" class="placeHolder">
</div>
<!-- content box is added directly but a hidden class is also added to prevent them from showing up initially-->
<<<<<<< HEAD
<div id="nav1" class="contentBox hiddenBox">
=======
<div id="nav1" class=" hiddenBox">
>>>>>>> origin/gh-pages
<h1>Nav 1</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis blandit odio, scelerisque porttitor nulla tincidunt non. Praesent non lobortis nibh. Morbi volutpat erat tellus, quis euismod massa suscipit ut. Proin justo lacus, ultrices imperdiet tristique ac, ultrices nec risus. Proin lectus felis, ultricies in placerat non, viverra nec orci. Quisque mollis leo nec urna feugiat, non dapibus magna vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras malesuada nunc at nisi sodales, in lobortis lectus luctus. In ut orci arcu. Nullam hendrerit posuere molestie. Sed vulputate, ipsum non suscipit consequat, mi sem iaculis turpis, sed porta felis mi tincidunt eros. Donec venenatis, nibh a sollicitudin aliquam, lectus purus eleifend diam, ultrices commodo justo enim facilisis felis. Aliquam iaculis vitae justo ac convallis. Integer dignissim elit ut metus egestas pharetra eget a urna.
</div>
<<<<<<< HEAD
<div id="nav2" class="contentBox hiddenBox">
=======
<div id="nav2" class=" hiddenBox">
>>>>>>> origin/gh-pages
<h1>Nav 2</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis blandit odio, scelerisque porttitor nulla tincidunt non. Praesent non lobortis nibh. Morbi volutpat erat tellus, quis euismod massa suscipit ut. Proin justo lacus, ultrices imperdiet tristique ac, ultrices nec risus. Proin lectus felis, ultricies in placerat non, viverra nec orci. Quisque mollis leo nec urna feugiat, non dapibus magna vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras malesuada nunc at nisi sodales, in lobortis lectus luctus. In ut orci arcu. Nullam hendrerit posuere molestie. Sed vulputate, ipsum non suscipit consequat, mi sem iaculis turpis, sed porta felis mi tincidunt eros. Donec venenatis, nibh a sollicitudin aliquam, lectus purus eleifend diam, ultrices commodo justo enim facilisis felis. Aliquam iaculis vitae justo ac convallis. Integer dignissim elit ut metus egestas pharetra eget a urna.
</div>
<<<<<<< HEAD
<div id="nav3" class="contentBox hiddenBox">
=======
<div id="nav3" class=" hiddenBox">
>>>>>>> origin/gh-pages
<h1>Nav 3</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis blandit odio, scelerisque porttitor nulla tincidunt non. Praesent non lobortis nibh. Morbi volutpat erat tellus, quis euismod massa suscipit ut. Proin justo lacus, ultrices imperdiet tristique ac, ultrices nec risus. Proin lectus felis, ultricies in placerat non, viverra nec orci. Quisque mollis leo nec urna feugiat, non dapibus magna vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras malesuada nunc at nisi sodales, in lobortis lectus luctus. In ut orci arcu. Nullam hendrerit posuere molestie. Sed vulputate, ipsum non suscipit consequat, mi sem iaculis turpis, sed porta felis mi tincidunt eros. Donec venenatis, nibh a sollicitudin aliquam, lectus purus eleifend diam, ultrices commodo justo enim facilisis felis. Aliquam iaculis vitae justo ac convallis. Integer dignissim elit ut metus egestas pharetra eget a urna.
</div>
<<<<<<< HEAD
<div id="nav4"class="contentBox hiddenBox">
=======
<div id="nav4"class=" hiddenBox">
>>>>>>> origin/gh-pages
<h1>Nav 4</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed facilisis blandit odio, scelerisque porttitor nulla tincidunt non. Praesent non lobortis nibh. Morbi volutpat erat tellus, quis euismod massa suscipit ut. Proin justo lacus, ultrices imperdiet tristique ac, ultrices nec risus. Proin lectus felis, ultricies in placerat non, viverra nec orci. Quisque mollis leo nec urna feugiat, non dapibus magna vulputate. Interdum et malesuada fames ac ante ipsum primis in faucibus. Cras malesuada nunc at nisi sodales, in lobortis lectus luctus. In ut orci arcu. Nullam hendrerit posuere molestie. Sed vulputate, ipsum non suscipit consequat, mi sem iaculis turpis, sed porta felis mi tincidunt eros. Donec venenatis, nibh a sollicitudin aliquam, lectus purus eleifend diam, ultrices commodo justo enim facilisis felis. Aliquam iaculis vitae justo ac convallis. Integer dignissim elit ut metus egestas pharetra eget a urna.
</div>
<!-- Block for Pointing to Script Files-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="pagescripts.js"></script>
</body>
<<<<<<< HEAD
</html>
=======
</html>
>>>>>>> origin/gh-pages