forked from bloominstituteoftechnology/Tabs-Components
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (77 loc) · 4.3 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
<!DOCTYPE html>
<html>
<head>
<title>Advanced Components</title>
<link rel="stylesheet" href="./CSS/index.css">
</head>
<body>
<script defer="defer" src="./components/Dropdown/Dropdown.js"></script>
<script defer="defer" src="./components/Tabs/Tabs.js"></script>
<div class="header-container">
<div class="dropdown">
<div class="dropdown-button">Dropdown</div>
<div class="dropdown-content dropdown-hidden">
<a class="dropdown-link" href="https://lambdaschool.com/" target="_blank">Lambda</a>
<a class="dropdown-link" href="https://www.google.com/" target="_blank">Google</a>
<a class="dropdown-link" href="https://developer.mozilla.org/en-US/" target="_blank">MDN</a>
</div>
</div>
<img src="./lambda_logo_light_small.png" class="header" />
</div>
<div class="section">
<div class="box">
<div class="box-title">Box Title 1</div>
<div class="box-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce risus nibh, gravida nec felis quis, facilisis facilisis lectus. Nulla ac orci pretium, condimentum orci quis, accumsan nisi. Aliquam erat volutpat. Curabitur cursus mattis libero, at viverra risus hendrerit quis. Fusce imperdiet tristique tortor non tincidunt. Mauris accumsan urna nec augue feugiat porta. Proin vitae magna in ex malesuada laoreet eget a nulla. Aliquam tristique et elit at consequat. In hac habitasse platea dictumst.</div>
</div>
<div class="box">
<div class="box-title">Box Title 2</div>
<div class="box-description">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce risus nibh, gravida nec felis quis, facilisis facilisis lectus. Nulla ac orci pretium, condimentum orci quis, accumsan nisi. Aliquam erat volutpat. Curabitur cursus mattis libero, at viverra risus hendrerit quis. Fusce imperdiet tristique tortor non tincidunt. Mauris accumsan urna nec augue feugiat porta. Proin vitae magna in ex malesuada laoreet eget a nulla. Aliquam tristique et elit at consequat. In hac habitasse platea dictumst.</div>
</div>
</div>
<div class="section">
<div class="tabs">
<div class="tabs-links">
<div class="tabs-link tabs-link-selected" data-tab="1">Tab 1</div>
<div class="tabs-link" data-tab="2">Tab 2</div>
<div class="tabs-link" data-tab="3">Tab 3</div>
<div class="tabs-link" data-tab="4">Tab 4</div>
</div>
<div class="tabs-items">
<div class="tabs-item tabs-item-selected" data-tab="1">
<div class="tabs-item-title">Quote 1</div>
<div class="tabs-item-description">
Don’t Panic.
</div>
</div>
<div class="tabs-item" data-tab="2">
<div class="tabs-item-title">Quote 2</div>
<div class="tabs-item-description">
Curiously enough, the only thing that went through the mind of the bowl of petunias as it fell was Oh no, not again. Many
people have speculated that if we knew exactly why the bowl of petunias had thought that we would know a lot more about the
nature of the Universe than we do now.
</div>
</div>
<div class="tabs-item" data-tab="3">
<div class="tabs-item-title">Quote 3</div>
<div class="tabs-item-description">
It is known that there are an infinite number of worlds, simply because there is an infinite amount of space for them to
be in. However, not every one of them is inhabited. Therefore, there must be a finite number of inhabited worlds. Any finite
number divided by infinity is as near to nothing as makes no odds, so the average population of all the planets in the Universe
can be said to be zero. From this it follows that the population of the whole Universe is also zero, and that any people
you may meet from time to time are merely the products of a deranged imagination.
</div>
</div>
<div class="tabs-item" data-tab="4">
<div class="tabs-item-title">Quote 4</div>
<div class="tabs-item-description">
There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will
instantly disappear and be replaced by something even more bizarre and inexplicable. There is another theory which states
that this has already happened.
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>