-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
159 lines (151 loc) · 11.9 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
<!doctype html>
<html>
<head>
<title>Website</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="../css/webcs.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-light container-fluid">
<span class="logo"><img src="../img/realme.png" style="width: 35px;"></img></span>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<li class="nav-item list-i"><button class="nav-i dropdown" type="button" data-toggle="dropdown">Phone</button>
<div class="dropdown-menu" style="border: none;width: 100%;">
<div class="dropdown-item container-fluid men ">
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20200206/1580961135759.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 110%;">realme C3</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 6,999</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20200109/1578553871415.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 110%;">realme 5i</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 8,999</a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20191217/1576563025724.png"></img><br><a href="#" class="text-dark text-decoration-none " style="font-size: 110%;">realme X2</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 16,999</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20191119/1574164288433.png"></img><br><a href="#" class="text-dark text-decoration-none " style="font-size: 110%;">realme 5s</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 9,999</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20190913/1568362321878.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 110%;">realme XT</a><br><a class="text-danger " href="#" style="font-weight: bold;font-size: 120%">Rs 15,999</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20190703/1562171756416.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 130%;">realme C2</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 7,999</a></a></div>
</div>
</li>
<li class="nav-item list-i">
<button class="nav-i dropdown" type="button" data-toggle="dropdown">Accessories</button>
<div class="dropdown-menu" style="border: none;width: 100%;">
<div class="dropdown-item container-fluid men">
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20200205/1580879889490.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 110%;">realme Buds Cover</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 399</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20200124/1579841531795.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 110%;">realme Power Bank</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 1,999</a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20200121/1579605485608.png"></img><br><a href="#" class="text-dark text-decoration-none " style="font-size: 110%;">realme X2 Case</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 399</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20191217/1576558029983.png"></img><br><a href="#" class="text-dark text-decoration-none " style="font-size: 110%;">realme Buds Air</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 3,999</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20190913/1568360352661.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 110%;">realme Buds Wireless</a><br><a class="text-danger " href="#" style="font-weight: bold;font-size: 120%">Rs 1,799</a></a></div>
<div class="text-center dec"><a href="#"><img class="w-75" src="https://image01.realme.net/general/20190703/1562171989055.png"></img><br><a href="#" class="text-dark text-decoration-none" style="font-size: 110%;">Tech BackPack</a><br><a class="text-danger" href="#" style="font-weight: bold;font-size: 120%">Rs 1,799</a></a></div>
</div>
</li>
<li class="nav-item list-i"><a href="https://www.realme.com/in/" class="nav-i">Brand</a></li>
<li class="nav-item list-i"><a href="https://www.realme.com/in/" class="nav-i">Support</a></li>
<li class="nav-item list-i"><a href="https://www.realme.com/in/" class="nav-i">Community</a></li>
<li class="nav-item list-i"><i class="material-icons icon">search</i></li>
<li class="nav-item list-i"><i class="material-icons icon">account_circle</i></li>
</ul>
</div>
</nav>
<div class="container-fluid">
<div class="carousel slide" id="caro" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#caro" data-slide-to="0" class="active"></li>
<li data-target="#caro" data-slide-to="1"></li>
<li data-target="#caro" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active sz">
<img src="https://image01.realme.net/general/20191213/1576255200723.jpg" class=" d-block image">
<span class="buy1">
<label style="font-size: 1.6vw">realme 5s</label><br>
<label style="font-size: 2vw">48 MP Quad Camera Powerhouse</label><br>
<label style="font-size: 1.6vw">From Rs 9,999</label><br>
<button class="buy-button">Buy Now</button></span></img>
</div>
<div class="carousel-item">
<img src="https://image01.realme.net/general/20200109/1578553489368.jpg" class=" d-block image">
<span class="buy1">
<label style="font-size: 1.6vw">realme 5i</label><br>
<label style="font-size: 2vw">The Stylist Powerhouse</label><br>
<label style="font-size: 1.6vw">From Rs 8,999</label><br>
<button class="buy-button">Buy Now</button>
</span></img>
</div>
<div class="carousel-item">
<img src="https://image01.realme.net/general/20200205/1580876532810.jpg" class=" d-block image">
<span class="buy1">
<label style="font-size: 1.6vw">realme X2</label><br>
<label style="font-size: 2vw">64 MP Performance Expert</label><br>
<label style="font-size: 1.6vw">From Rs 16,999</label><br>
<button class="buy-button">Buy Now</button></span></img>
</div>
</div>
</div>
<a class="carousel-control-prev" href="#caro" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#caro" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container-fluid fix">
<label class="phone">Phones</label>
<div class="container">
<div class="row" style="height:27vw;">
<div class="col-6"><a href="#top"><img src="../img/realmext.jpg" class="dis"></img></a>
<span class="detail">
<label style="font-size:1.5vw">realme xt</label><br>
<label style="font-size:1.3vw">India's First 64MP Quad</label><br><label style="font-size: 1.3vw">Camera</label><br>
<label style="color:darkred;font-size:1.5vw">From</label> <label style="font-size:1.5vw;color:darkred">Rs. 14,999</label>
</span>
</div>
<div class="col-6"><a href="#top"><img src="../img/realmex2.jpg" class="dis"></img></a>
<span class="detail container">
<label style="font-size:1.5vw">realme x2 </label><label class=pro>Pro</label><br>
<label style="font-size:1.3vw">India's Fastest Charging</label><br><label style="font-size:1.3vw">Flagship</label><br>
<label style="color:darkred;font-size:1.5vw">From</label> <label style="font-size:1.5vw;color:darkred">Rs. 27,999</label>
</span>
</div>
</div>
<div class="row " style="height:27vw;">
<div class="col-6"><a href="#top" class="text-dark"><img src="../img/realmec2.jpg" class="dis"></img>
<span class="detail container">
<label style="font-size:1.5vw">realme C2</label><br>
<label style="font-size:1.3vw">Desh Ka Real</label><br><label style="font-size:1.3vw">Choice</label><br>
<label style="color:darkred;font-size:1.5vw">From</label> <label style="font-size:1.5vw;color:darkred">Rs. 6,999</label>
</span></a>
</div>
<div class="col-6"><a href="#top"><img src="../img/realmex.jpg" class="dis"></img></a>
<span class="detail container">
<label style="font-size:1.5vw">realme x</label><br>
<label style="font-size:1.3vw">Pop-up Generation</label><br>
<label style="color:darkred;font-size:1.5vw">From</label> <label style="font-size:1.5vw;color:darkred">Rs. 14,999</label>
</span>
</div>
</div>
<div class="row" style="height:27vw;">
<div class="col-6"><a href="#top"><img src="../img/realme5.jpg" class="dis"></img></a>
<span class="detail container">
<label style="font-size:1.5vw">realme 5</label><br>
<label style="font-size:1.3vw">Quad Camera Powerhouse</label><br>
<label style="color:darkred;font-size:1.5vw">From</label> <label style="font-size:1.5vw;color:darkred">Rs. 8,499</label>
</span>
</div>
<div class="col-6"><a href="#top"><img src="../img/realme5pro.jpg" class="dis"></img></a>
<span class="detail container">
<label style="font-size:1.5vw">realme 5 </label><label class=pro>Pro</label><br>
<label style="font-size:1.3vw">India's First 64MP Quad</label><br><label style="font-size:1.3vw">Camera</label><br>
<label style="color:darkred;font-size:1.5vw">From</label> <label style="font-size:1.5vw;color:darkred">Rs. 11,999</label>
</span>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>