forked from mm-intro-js/exploring-dom
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·94 lines (88 loc) · 7.47 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Moonflower's Coffee :: About</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Moonflower's Coffee Shop</h1>
</header>
<aside>
<img id="aside-image" src="images/cappuccino.jpg" alt="a warm cappuccino">
<h2>Weekly Specials</h2>
<ul>
<li>Bakery Goods 15% off!</li>
<li>Drink of the week: Double Mint Mocha $3</li>
</ul>
</aside>
<section id="story">
<h2>Our Story</h2>
<article id="origin">
<h3>In the beginning</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae quam et felis accumsan sollicitudin. Aenean sapien est, faucibus ut quam at, ultrices tempor ipsum. Integer ac commodo eros, id tristique ante. Curabitur ac velit a dui vestibulum scelerisque eu a lorem. Suspendisse eget tincidunt risus. Fusce convallis suscipit arcu. Mauris volutpat, ipsum ac bibendum luctus, velit enim sodales augue, eget fermentum sapien dui vitae tortor. Sed sit amet aliquam tellus. Pellentesque porta nisl mauris, eu rutrum dolor egestas vel. Phasellus eget efficitur elit. Nunc ultrices lectus ultricies interdum tincidunt.
</p>
</article>
<article id="move">
<h3>On the Move</h3>
<p>
Pellentesque nisi felis, pharetra a erat vitae, posuere lacinia metus. Nullam lacinia porttitor consectetur. Vivamus ac leo orci. In at lacus pellentesque, vestibulum ipsum ac, blandit nulla. Morbi efficitur ligula vitae lectus rhoncus tempor. Nulla nec diam a nibh suscipit ullamcorper imperdiet vitae nisl. Duis euismod purus ut urna dictum mattis. Proin luctus accumsan urna, in aliquet ex pharetra at. In sit amet nunc et ligula lacinia scelerisque ut vel libero. Mauris lorem magna, fringilla at odio sed, sagittis suscipit magna. Aenean condimentum neque at sapien pellentesque feugiat. In nulla nisi, gravida nec augue in, interdum euismod enim.
</p>
<p>
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec molestie purus sit amet dolor venenatis, a tincidunt sem gravida. Ut convallis mollis quam nec vulputate. Cras condimentum elit odio, sed faucibus enim varius tincidunt. Sed sit amet dapibus sem. Vestibulum ornare ultricies elit eu placerat. Etiam nisi tellus, condimentum id auctor id, volutpat et neque. Donec quis magna dignissim, rhoncus orci consectetur, aliquam nunc. Vestibulum congue ipsum sem. Vestibulum quis tortor gravida, tincidunt purus vitae, hendrerit mi. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sit amet condimentum justo. Etiam vehicula aliquam varius. Ut pellentesque nisl nec vestibulum pharetra.
</p>
</article>
<article id="newLoc">
<h3>Sister Shop</h3>
<p>
Mauris eu turpis odio. Praesent suscipit eu ex venenatis sagittis. Quisque lobortis risus sit amet justo maximus commodo. Donec a tellus ac risus pretium pulvinar eget a justo. Proin nec nibh dolor. Suspendisse lectus ante, congue et enim at, tempus posuere libero. Fusce metus sapien, rutrum ac odio vel, ullamcorper convallis elit.
</p>
<p>
Cras luctus neque nec placerat pharetra. Sed a nibh non mi luctus maximus nec et risus. Praesent vel nisl diam. Morbi maximus et dui in euismod. Curabitur eget laoreet lorem. Ut imperdiet, eros id sollicitudin tincidunt, diam est commodo neque, sit amet pellentesque eros augue ac nibh. Nulla eu mollis purus. Duis sagittis ultricies eros, eget vehicula est mollis non. Pellentesque at tempus est. Donec vitae dolor at ex porttitor consectetur. Vestibulum mattis nisi nec egestas porta. Vivamus pharetra lectus id nulla laoreet ultricies. In euismod pellentesque velit. Suspendisse elementum vitae odio non tincidunt.
</p>
</article>
</section>
<section id="people">
<h2>Our Team</h2>
<article id="moonflower">
<h3>Moonflower</h3>
<p>
Integer ac commodo eros, id tristique ante. Curabitur ac velit a dui vestibulum scelerisque eu a lorem. Suspendisse eget tincidunt risus. Fusce convallis suscipit arcu. Mauris volutpat, ipsum ac bibendum luctus, velit enim sodales augue, eget fermentum sapien dui vitae tortor. Sed sit amet aliquam tellus. Pellentesque porta nisl mauris, eu rutrum dolor egestas vel. Phasellus eget efficitur elit. Nunc ultrices lectus ultricies interdum tincidunt.
</p>
</article>
<article id="kisa">
<h3>Kisa</h3>
<p>
Nulla nec diam a nibh suscipit ullamcorper imperdiet vitae nisl. Duis euismod purus ut urna dictum mattis. Proin luctus accumsan urna, in aliquet ex pharetra at. In sit amet nunc et ligula lacinia scelerisque ut vel libero. Mauris lorem magna, fringilla at odio sed, sagittis suscipit magna. Aenean condimentum neque at sapien pellentesque feugiat. In nulla nisi, gravida nec augue in, interdum euismod enim.
</p>
<p>
Suscipit eu ex venenatis sagittis. Quisque lobortis risus sit amet justo maximus commodo. Donec a tellus ac risus pretium pulvinar eget a justo. Proin nec nibh dolor. Suspendisse lectus ante, congue et enim at, tempus posuere libero. Fusce metus sapien, rutrum ac odio vel, ullamcorper convallis elit.
</p>
</article>
<article id="rin">
<h3>Rin</h3>
<p>
Praesent suscipit eu ex venenatis sagittis. Quisque lobortis risus sit amet justo maximus commodo. Donec a tellus ac risus pretium pulvinar eget a justo. Proin nec nibh dolor. Suspendisse lectus ante, congue et enim at, tempus posuere libero. Fusce metus sapien, rutrum ac odio vel, ullamcorper convallis elit.
</p>
</article>
<article id="leilah">
<h3>Leilah</h3>
<p>
Donec molestie purus sit amet dolor venenatis, a tincidunt sem gravida. Ut convallis mollis quam nec vulputate. Cras condimentum elit odio, sed faucibus enim varius tincidunt. Sed sit amet dapibus sem. Vestibulum ornare ultricies elit eu placerat. Etiam nisi tellus, condimentum id auctor id, volutpat et neque. Donec quis magna dignissim, rhoncus orci consectetur, aliquam nunc.
</p>
</article>
<article id="rose">
<h3>Rose</h3>
<p>
Sed a nibh non mi luctus maximus nec et risus. Praesent vel nisl diam. Morbi maximus et dui in euismod. Curabitur eget laoreet lorem. Ut imperdiet, eros id sollicitudin tincidunt, diam est commodo neque, sit amet pellentesque eros augue ac nibh. Nulla eu mollis purus. Duis sagittis ultricies eros, eget vehicula est mollis non. Pellentesque at tempus est. Donec vitae dolor at ex porttitor consectetur.
</p>
<p>
Molestie purus sit amet dolor venenatis, a tincidunt sem gravida. Ut convallis mollis quam nec vulputate. Cras condimentum elit odio, sed faucibus enim varius tincidunt. Sed sit amet dapibus sem. Vestibulum ornare ultricies elit eu placerat. Etiam nisi tellus, condimentum id auctor id, volutpat et neque. Donec quis magna dignissim, rhoncus orci consectetur, aliquam nunc.
</p>
</article>
</section>
<!-- javascript -->
<script src="js/script.js"></script>
</body>
</html>