forked from john-smilga/javascript-basic-projects
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
91 lines (89 loc) · 3.71 KB
/
index.html
File metadata and controls
91 lines (89 loc) · 3.71 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tabs</title>
<!-- styles -->
<link rel="stylesheet" href="styles.css" />
</head>
<body>
<section class="section">
<div class="title">
<h2>about</h2>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Earum,
aperiam!
</p>
</div>
<div class="about-center section-center">
<article class="about-img">
<img src="./hero-bcg.jpeg" alt="" />
</article>
<article class="about">
<!-- btn container -->
<div class="btn-container">
<button class="tab-btn active" data-id="history">history</button>
<button class="tab-btn" data-id="vision">vision</button>
<button class="tab-btn" data-id="goals">goals</button>
</div>
<div class="about-content">
<!-- single item -->
<div class="content active" id="history">
<h4>history</h4>
<p>
I'm baby wolf pickled schlitz try-hard normcore marfa man bun
mumblecore vice pop-up XOXO lomo kombucha glossier bicycle
rights. Umami kinfolk salvia jean shorts offal venmo. Knausgaard
tilde try-hard, woke fixie banjo man bun. Small batch tumeric
mustache tbh wayfarers 8-bit shaman chartreuse tacos. Viral
direct trade hoodie ugh chambray, craft beer pork belly flannel
tacos single-origin coffee art party migas plaid pop-up.
</p>
</div>
<!-- end of single item -->
<!-- single item -->
<div class="content" id="vision">
<h4>vision</h4>
<p>
Man bun PBR&B keytar copper mug prism, hell of helvetica. Synth
crucifix offal deep v hella biodiesel. Church-key listicle
polaroid put a bird on it chillwave palo santo enamel pin,
tattooed meggings franzen la croix cray. Retro yr aesthetic four
loko tbh helvetica air plant, neutra palo santo tofu mumblecore.
Hoodie bushwick pour-over jean shorts chartreuse shabby chic.
Roof party hammock master cleanse pop-up truffaut, bicycle
rights skateboard affogato readymade sustainable deep v
live-edge schlitz narwhal.
</p>
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
<!-- end of single item -->
<!-- single item -->
<div class="content" id="goals">
<h4>goals</h4>
<p>
Chambray authentic truffaut, kickstarter brunch taxidermy vape
heirloom four dollar toast raclette shoreditch church-key.
Poutine etsy tote bag, cred fingerstache leggings cornhole
everyday carry blog gastropub. Brunch biodiesel sartorial mlkshk
swag, mixtape hashtag marfa readymade direct trade man braid
cold-pressed roof party. Small batch adaptogen coloring book
heirloom. Letterpress food truck hammock literally hell of wolf
beard adaptogen everyday carry. Dreamcatcher pitchfork yuccie,
banh mi salvia venmo photo booth quinoa chicharrones.
</p>
</div>
<!-- end of single item -->
</div>
</article>
</div>
</section>
<!-- javascript -->
<script src="app.js"></script>
</body>
</html>