-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (154 loc) · 5.27 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>mrv tech</title>
<link
href="https://fonts.googleapis.com/css2?family=Heebo:wght@700&family=Kaushan+Script&family=Merriweather&family=Montserrat:ital,wght@0,300;0,400;0,500;1,700&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Heebo:wght@500;700&family=Lobster&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="./style.css" />
</head>
<body>
<div class="intro">
<div class="intro-text">
<h1 class="hide">
<span class="text">Created and</span>
</h1>
<h1 class="hide">
<span class="text">Designed by</span>
</h1>
<h1 class="hide mrv">
<span class="text"> mrV</span>
</h1>
</div>
</div>
<div class="slider"></div>
<nav>
<div class="log">
<h4><a href="./index.html"> MRV Tech </a></h4>
</div>
<ul class="nav-links">
<li><a href="#" class="dashed">home</a></li>
<li><a href="./models/index.html">Features</a></li>
<li><a href="./img gallery/index.html"> Gallery</a></li>
<li><a href="./About Us/index.html">About Us</a></li>
<li><a href="./contact.html">Contact Us</a></li>
</ul>
<div class="burger">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
</nav>
<section class="header1">
<div class="view-1 active1 tags" data-bg="#272727" data-delay="0">
<h1>We are future</h1>
</div>
<div class="view-2 tags" data-bg="#000000ce" data-delay="3.8">
<h1>we are luxury</h1>
</div>
<div
class="view-3 tags"
data-bg="#e2d2c0"
data-imgsrc="landing"
data-delay="7.7"
>
<h1>Your search for smartphone ends here</h1>
</div>
<div class="img">
<img src="./landing.jpg" alt="cover" />
</div>
<div class="heading"><h1>MRV Tech</h1></div>
</section>
<section class="part-2 bg" data-bgg="#000000">
<div>
<h3>DESIGNED TO PUSH BEYOND EXCELLENCE</h3>
<p>
Revolutionary thinking is at the heart of every idea at Mrv Tech.
Going beyond accepted limits is part of our philosophy. The M1
advances every concept of performance, immediately establishing itself
as the benchmark for the super smart phone. Giving a glimpse of the
future today, it comes from a family of smartphones already considered
legendary.
</p>
<img class="set1" src="./dual.jpg" alt="dual" />
</div>
</section>
<div class="pack">
<div class="logo bg" data-bgg="#ffcc00">
<h1>MRV</h1>
</div>
</div>
<section class="part-3" data-bgg="#ffcc00">
<div>
<h3>DESIGN</h3>
<p>
Each and every detail of the M1 bears the hallmarks of the House of
the beast. It is a true masterpiece of design that expresses dynamism
and power, with the carbon-fiber monocoque the jewel in its crown. The
interior combines high-level technology and luxury equipment, crafted
by skilled artisans.
</p>
<img src="./yellow.jpg" alt="f8" class="left bg" data-bgg="#FDCA00" />
<img
src="./blue-black.jpg"
alt="lambo"
class="right bg set1"
data-bgg="#030C2A"
/>
</div>
</section>
<section class="part-4 bg" data-bgg="#000000">
<img src="./blue.jpg" alt="22" class="set1" />
<p>Blows other phones out of the water.</p>
<h3>SIAN Psyalpha M1</h3>
</section>
<section class="part-5 bg" data-bgg="#ffffff">
<!-- <img src="./unnamed.jpg" alt="lambo" class="left-5 set1" /> -->
<div>
<h2>Luxury At A Glance</h2>
<p>
The technological look of carbon fiber and metal, coexists with a
design of clear luxurious inspiration, while the leather and Alcantara
adds a bold touch of exclusivity to the luxurious phone.
</p>
<button>Discover more</button>
</div>
<img src="./feat.jpg" alt="interior" class="right-5" />
</section>
<footer>
<h1>MRV TECH</h1>
<div>
<h6>Product</h6>
<li>Overview</li>
<li>Pricing</li>
<li>Marketplace</li>
<li>Features</li>
<li>Integrations</li>
</div>
<div>
<h6>Company</h6>
<li>Company</li>
<li>Team</li>
<li>Blog</li>
<li>Careers</li>
</div>
<div>
<h6>Connect</h6>
<li>Contact</li>
<li>Newsletter</li>
<li>LinkedIn</li>
</div>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/ScrollTrigger.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.0/TextPlugin.min.js"></script>
<script src="./app.js"></script>
</body>
</html>