-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·79 lines (78 loc) · 5.5 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="deroulantcss.css">
<title>menu_deroulant</title>
</head>
<body>
<!-------------------------Top section------------------------------------>
<div id="menudiv">
<a href="lunpullypun-zxbpyyls.github.io"><img src="images/your-logo-here.png" id="topImg" alt="CAI logo"/></a>
<!------------dropdown---------->
<div id="topmenudiv" class="centerdiv">
<a href="#" id="drop1" class="dropdown">
<button class="dropbtn">Home</button>
<!--<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>-->
</a>
<div id="drop2" class="dropdown">
<button class="dropbtn">About</button>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<div id="drop3" class="dropdown">
<button class="dropbtn">Links</button>
<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>
</div>
<a href="#" id="drop4" class="dropdown">
<button class="dropbtn">FAQ</button>
<!--<div class="dropdown-content">
<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>
</div>-->
</a>
</div>
<!--<p id="main-menu">
<a href="#" class="menulink">home</a>
<a href="#" class="menulink">about</a>
<a href="#" class="menulink">links</a>
<a href="#" class="menulink">FAQ</a>
</p>-->
</div>
<!--------------main content------------------>
<div id="maindiv" class="centerdiv">
<p class="paragraph">
<a href="images/test-image.jpg" download><img src="images/test-image.jpg" id="testimg" alt="image test"/></a>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet neque nec quam molestie, id rhoncus arcu viverra. Sed ante enim, ornare eu eleifend et, tincidunt pharetra risus. Nunc porta nisl tellus, sed vehicula diam placerat venenatis. Cras in orci id purus imperdiet eleifend. Nulla imperdiet erat et tortor mollis finibus. Aenean porttitor, libero maximus molestie semper, lectus lacus maximus augue, sit amet venenatis risus justo ut risus. Nam et nulla nec erat varius maximus eget nec nisl. Mauris eget egestas velit.<br/>
<br/>
Phasellus rutrum rutrum mollis. Donec dignissim finibus malesuada. Etiam nisi ipsum, fermentum sodales orci at, varius porta enim. Integer maximus, dolor quis vestibulum viverra, ante felis venenatis sapien, sed tincidunt nulla purus sit amet urna. Nulla feugiat tincidunt neque ut ultricies. Donec hendrerit nulla sed consequat semper. Cras a tellus a lorem blandit lobortis. Aenean a risus rutrum, tincidunt velit at, posuere est. Sed elementum neque ullamcorper, faucibus nisl mollis, porttitor ligula. Suspendisse eget venenatis libero. Cras eget nisl vitae dui iaculis consectetur. Nunc at nisi vel lectus bibendum bibendum vel a sem. Duis tristique est et leo consequat, sed lobortis magna ornare. Praesent eget feugiat metus.<br/>
<br/>
Vivamus facilisis, augue quis ultrices tincidunt, arcu dui congue nulla, vitae scelerisque mi ex nec nunc. Praesent sit amet dui a mauris viverra pharetra non quis orci. Duis at urna augue. Sed sit amet tortor non odio fringilla dignissim efficitur eu orci. Maecenas a est ac justo aliquet accumsan egestas eget purus. Nunc vehicula, mi ut laoreet egestas, ex nulla cursus libero, eget feugiat libero mi vitae felis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis non nisi in risus tempus pretium vitae ut felis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nulla nec ultrices urna. Nam luctus tristique fermentum. Nulla porta bibendum interdum. Aliquam scelerisque, arcu maximus tempor vestibulum, odio nulla hendrerit risus, eu imperdiet lectus urna non turpis.<br/>
<br/>
Aliquam lobortis eget metus non venenatis. Curabitur nec aliquam ex. Curabitur maximus nunc eu euismod varius. Proin vehicula, sapien at vulputate vulputate, est massa rutrum sem, nec vestibulum turpis eros in lectus. Donec aliquet ex vitae euismod molestie. Maecenas sollicitudin varius dolor, ut feugiat tellus efficitur posuere. Sed volutpat, augue vehicula pellentesque tempus, nunc nibh viverra massa, a faucibus orci tellus at turpis. Donec cursus malesuada orci, non vestibulum quam pulvinar et. Cras tincidunt turpis sit amet ante sodales commodo. Curabitur vel elit a quam auctor rutrum in id diam. Sed in est sed enim vestibulum feugiat vel nec massa. Etiam ut rhoncus orci.<br/>
<br/>
Aenean a ultrices sem. Integer ullamcorper blandit mauris, sed faucibus nulla porttitor sed. Donec eu ipsum a nulla consequat euismod id vel arcu. Suspendisse ornare tincidunt erat ac accumsan. Mauris venenatis arcu at mauris viverra, vel luctus risus ultrices. Morbi vitae leo tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br/>
</p>
<!--div id="bottomdiv">
<p id="bottomwords">
<img src="images/double_m_sig.png" id="sig" height="40px" alt="C.M"/>Design by Callum Mills.
</p>
</div-->
</div>
<a href="https://www.youtube.com/"><img src="images/youtube-icon.png" id="youtube-icon" alt="youtube"/></a>
<a href="https://www.facebook.com/"><img src="images/facebook-icon.png" id="facebook-icon" alt="facebook"/></a>
<a href="https://www.twitter.com/"><img src="images/twitter-icon.png" id="twitter-icon" alt="twitter"/></a>
</body>
</html>