-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (97 loc) · 5.55 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="description" content="">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>NEXL - Home Decor & Architecture</title>
<link rel="shortcut-icon" href="./image/logo.png">
<link rel="apple-touch-icon" href="./image/logo.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
</head>
<body>
<!--Loader-->
<div class="loader">
<img src="./image/loader.gif" alt="simple loader gif">
</div>
<div class="pages">
<div>
<h2 style="display: none; z-index: -1;">HOME</h2>
<!--Hero section-->
<section class="hero">
<div class="container">
<div class="content">
<img src="./image/NEXL. logo.png" alt="NEXL" class="logo">
<hr>
<h1>take you to <br> the <span>next level</span></h1>
<p>An excellent solution for your personal interior design needs.</p>
<a href="#products" class="btn">Shop Now</a>
<a href="https://richapurba.github.io" class="btn btn2">© <script>document.write(new Date().getFullYear());</script> Richa Purba</a>
</div>
<div class="sidebar"></div>
</div>
</section>
</div>
<div>
<h2>ABOUT</h2>
<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/MCT0s1Yk8NA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<div class="about">
<p class="desc">WELCOME! It's a pleasure to have you here. We are an excellent architecture and design interior company base in Indonesia, the leader in the market. With those awesome experience, we're here to give you the best quality of services and result ever. To know more about us, please kindly watch the video above. Thank you.</p>
</div>
</div>
<div id="products">
<h2>PRODUCTS</h2>
<div class="slider"></div>
</div>
<div>
<h2>CONTACT</h2>
<!--Contact form-->
<section class="container-form">
<div class="form">
<div class="contact-info">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3982.1367088326137!2d98.69905545134277!3d3.5559606259498784!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3031306115e62f69%3A0xddad46537035318b!2sGg.%20Klp.%20VII%2C%20Sudirejo%20II%2C%20Kec.%20Medan%20Kota%2C%20Kota%20Medan%2C%20Sumatera%20Utara!5e0!3m2!1sid!2sid!4v1609073556147!5m2!1sid!2sid" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</div>
<div class="contact-form">
<form action="index.html">
<h3 class="title">Contact us</h3>
<div class="input-container">
<input type="text" name="name" class="input">
<label for="">Username</label>
<span>Username</span>
</div>
<div class="input-container">
<input type="email" name="email" class="input">
<label for="">Email</label>
<span>Email</span>
</div>
<div class="input-container">
<input type="tel" name="phone" class="input">
<label for="">Phone (optional)</label>
<span>Phone (optional)</span>
</div>
<div class="input-container textarea">
<textarea name="message" class="input"></textarea>
<label for="">Message</label>
<span>Message</span>
</div>
<input type="submit" value="Send" class="btn3">
</form>
</div>
</div>
</section>
</div>
</div>
<ul class="menu">
<li><a href="">HOME</a></li>
<li><a href="">ABOUT</a></li>
<li><a href="">PRODUCTS</a></li>
<li><a href="">CONTACT</a></li>
</ul>
<script src="https://code.jquery.com/jquery-3.5.1.js"></script>
<script src="./script.js"></script>
</body>
</html>