-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (117 loc) · 4.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
<!-- author: abhishek gupta -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Fyle Website</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="lollipop">
<div class="lollipop_first">
<div class="topic">
Looking for a <br>lollipop alternative?
<img src="./assets/images/globe.gif" class="image" alt="globe_pic">
</div>
<div class="desc">
Lorem Ipsum is simply dummy text of the printing and typesetting <br>industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</div>
<div class="buttons">
<button class=first>
Primary CTA
</button>
<button class=second>
Secondary CTA
</button>
</div>
</div>
<div class="lollipop_second">
<div class="box">
<div class="text">
This is a heading in <br>two lines
</div>
<img src="./assets/images/Group6.png" class="image" alt="globe_pic">
</div>
</div>
<div class="lollipop_third">
<div class="topic">
Compare pricing today!
</div>
<div class="desc">
Lorem Ipsum is simply dummy text of the printing and <span class="extra">typesetting</span>.
</div>
<div class="servings">
<button class="servings_quantity" value="25">25 Serving</button>
<button class="servings_quantity" value="50">50 Serving</button>
<button class="servings_quantity" autofocus value="100">100 Serving</button>
<button class="servings_quantity" value="200">200 Serving</button>
</div>
<div class="time">
<br><div class="text">Annual<br><div class="offer">50% off</div></div>
<div class="text2">
Monthly
</div>
</div>
<label class="center">
<input type="checkbox" class="toggle-button" checked name="">
</label>
<div class="price">
<div class="box-1">
<div class="item">lollipop</div>
<div class="item-1_price">
$<span class="lollipop-cost">100 </span> <span class="duration">Per <span class="duration-option option">month</span></span>
</div>
<div class="amount">For <span class="item-quantity"> 100</span> serving</div>
</div>
<div class="wall">
</div>
<div class="box-2">
<div class="item">Icecandy</div>
<div class="item-2_price">
$<span class="icecandy-cost">200 </span> <span class="duration">Per <span class="duration-option option">month</span></span>
</div>
<div class="amount">For <span class="item-quantity"> 100</span> serving</div>
</div>
<div class="savings">
<div class="desc">Your savings<br> with lollipop</div>
<div class="saved-money">$<span class="saved-amount">100</span></div>
<div class="duration">Per <span class="duration-option option">month</span></div>
</div>
</div>
</div>
<div class="lollipop_fourth">
<div class="customers">Here’s what our customers have to say </div>
<img src="./assets/images/profile.png" name="slide">
<div class="text">
<span class="quotes">“</span><span class="customer-quotes">Lorem Ipsum is simply dummy text of the<br>   printing and typesetting industry. Lorem Ipsum<br>  has been the industry's standard dummy text<br>  ever since the 1500s.</span>
</div>
<div class="customer-name">
Raja Ram
</div>
<div class="location">
Tip World
</div>
<div class="oval">
<div class="sample-oval oval-active"></div><div class="sample-oval oval-dead"></div><div class="sample-oval oval-dead"></div><div class="sample-oval oval-dead"></div>
</div>
<div class="experts">
Loved by users,<br> recommended by experts
<div class="desc">
Lorem Ipsum is simply dummy text of the printing<br> and typesetting industry. Lorem Ipsum has been the<br> industry's standard dummy text ever since the<br> 1500s.
</div>
<div class="last">
<button class="buttons-last">
<div class="last-text">Primary CTA</div>
</button>
</div>
<picture>
<source srcset="./assets/images/Group4.png">
<img src="./assets/images/Group4.png">
</picture>
</div>
</div>
</div>
<script src="./functions.js">
</script>
</body>
</html>