-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
117 lines (107 loc) · 3.63 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html>
<head>
<title>Neon Website| A Demo</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="icon" type="image/jpg" href="images/icon.jpg">
</head>
<body>
<header>
<div class="container flex">
<div class="logo">
<h2>Neon<span>Outsiders</span></h2>
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Products</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact US</a></li>
<li><a href="#">Buy Now</a></li>
</ul>
</nav>
</div>
<div class="container">
<div class="banner-section">
<h3>Explore The Night Life</h3>
<span></span>
<h1>A Night Full Of Neon</h1>
<a href="#" class="learn1">Learn More</a>
</div>
</div>
</header>
<section>
<div class="quote">
<p>" Be like a neon light, and quit hiding your magic. Life is better when you're with the neon lights."</p>
<h3>-BTS</h3>
</div>
</section>
<section class="Events">
<div class="container flex">
<div class="events-section">
<h3>Upcoming Events</h3>
<span></span>
</div>
<div class="event-card flex">
<img src="images/c1.jpg" class="c1">
<img src="images/c2.jpg" class="c2">
</div>
<div class="event-card-det flex">
<div class="det-1">
<div class="details">
<h3>Night Parties</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<a href="#" class="learn">Learn More</a>
</div>
</div>
<div class="det-2">
<div class="details">
<h3>One Night Stand</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
<a href="#" class="learn">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<section class="banner">
<div class="container flex justify_end">
<div class="banner-detail">
<h2>Explore the world</h2>
<span></span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
</p>
<a href="#">Learn More</a>
</div>
</div>
</section>
<section class="gallery">
<div class="container flex">
<div class="column1">
<h2>Upcoming Products and Exciting Adventures</h2>
<span></span>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<a href="#">Learn More</a>
</div>
<div class="column2">
<img src="images/japan.jpg" alt="images" class="small">
<img src="images/pexels.jpg" alt="images" class="large">
</div>
<div class="column3">
<img src="images/ryan.jpg" alt="images" class="large">
<img src="images/buildings.jpg" alt="images" class="small">
</div>
</div>
</section>
<footer>
<div class="footer">
<p>123 Fifth Avenue, NY 10160, NEW YORK, USA | Phone: 800-123-456 | Email: [email protected]</p>
<p>copyright © 2020 Neon Outsiders</p>
</div>
</footer>
</body>
</html>