-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
75 lines (63 loc) · 2.76 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
<!DOCTYPE html>
<html>
<head>
<title>UNDERCULTURE</title>
<link rel="stylesheet" href="assets/css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bungee&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Bungee&family=Comfortaa&display=swap" rel="stylesheet">
</head>
<body>
<!-- MAIN TITLE -->
<div class="titles">
<div id="names">misha mistry - shannen yang - sheryl muttath - rohan shinkre - olivia doshas</div>
<div id="underculture">
<div id="under">UNDER</div>
<div id="culture">CULTURE</div>
</div>
</div>
<div id="frontphoto">
<img class="front" id="andrew" src="assets/img/andrew.jpg">
<img class="front" id="hippo" src="assets/img/hippo.jpg">
</div>
<div id="enter">
<div>enter</div>
<a href="#first"> <img id="arrow" src="assets/img/arrow.png"></a>
</div>
<!-- HAMBURGER MENU -->
<div class="nav">
<a href="javascript:void(0);" class="hamburger" onclick="menuClick()">
<img id="menubutton" src="assets/img/hamburger.png"></a>
<div id="links">
<a href="#andrew">home</a>
<!-- <a href="#about">about</a> -->
<a href="#first">interviews</a>
<div id = "circle"></div>
</div>
</div>
<!-- NICK AND JULIEN -->
<div id="first">
<div id= "nick">
<img id="nickimage" src="assets/img/nick.png">
<div class="textbox">
<h2>OUR INTERVIEW WITH</h2>
<h1>NICK LENG</h1>
<p>South Africa-born, Los Angeles-based artist Nick Leng built his reputation gently psychedelic music — echo-laden, polyphonic, laid-back songs that sound more like a microdose than a full-blown freak-out.</p>
<p id="coming">coming soon<p>
</div>
</div>
</div>
<!-- <div id="second">
<div id= "nick">
<img id="nickimage" src="assets/img/jul.png">
<div class="textbox">
<h2>OUR INTERVIEW WITH</h2>
<h1>JULIEN CHANG</h1>
<p>Nineteen-year-old Julien Chang is a Baltimore native shares his motivations with the world. "I want to shock people," says Chang. "I wanted to make something insecret, with no expectations, something that would challenge an image of me that people had become familiar with."</p>
<p id="coming">coming soon<p>
</div>
</div>
</div> -->
</body>
<script src="assets/script/script.js"></script>
</html>