-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.html
100 lines (88 loc) · 4.19 KB
/
test.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
<!--<div class="bike-finder">
<h2>FIND YOUR MOTOBIKE</h2>
<div class="container">
<div class="selector">
<label for="bike-brand">Brand</label>
<select name="bike-brand" id="bike-brand">
<option selected disabled>- Select Brand -</option>
<option value="kawasaki">Kawasaki</option>
<option value="bmw">BMW</option>
<option value="ktm">KTM</option>
<option value="Yamaha">Yamaha</option>
</select>
</div>
<div class="selector">
<label for="bike-model">Model</label>
<select name="bike-model" id="bike-model">
<option selected disabled>- Select Model -</option>
<option value="xt">XT</option>
<option value="x50">X50</option>
<option value="rcs">RCS</option>
<option value="sce">SCE</option>
</select>
</div>
<div class="selector">
<label for="bike-engine">Engine</label>
<select name="bike-engine" id="bike-engine">
<option selected disabled>- Select Engine -</option>
<option value="cylinedr">CYLINEDR</option>
<option value="automatic">AUTOMATIC</option>
<option value="electric">ELECTRIC</option>
<option value="petrol">PETROL</option>
</select>
</div>
<div>
<button class="find-button">Find</button>
</div>
</div>
</div> -->
<div class="newsletter">
<div class="newsletter-container">
<div class="newsletter-content">
<h2 class="newsletter-title">Subscribe to Our <span class="colored-text">Newsletter</span></h2>
<p class="newsletter-description">Don't hesitate; opt for this and receive 2% off instantly!</p>
</div>
<div class="newsletter-subscribe">
<form class="newsletter-subscribe-form" action="#">
<label>
<input class="newsletter-subscribe-input" placeholder="Enter Your Email..." type="text">
</label>
<button class="newsletter-subscribe-button" type="submit">Subscribe Now</button>
</form>
</div>
</div>
</div>
<section id="scroll-down-button">
<a href="#"><span></span><span></span><span></span></a>
</section>
<div class="bike-headlight"></div>
/* Bike Headlight*/
.bike-headlight {
width: 20px;
height: 20px;
background-color: #f5f5f5;
border-radius: 50%;
position: relative;
animation: blink 1s infinite alternate;
z-index: 5;
}
.light {
position: absolute;
top: 0;
left: 50%;
width: 60%;
height: 60%;
background-color: #fff;
border-radius: 50%;
opacity: 0.7;
transform: translate(-50%, -50%);
}
@keyframes blink {
0%, 100% {
box-shadow: 0 0 20px rgba(255, 255, 255, 0.8), 0 0 40px rgba(255, 255, 255, 0.8), 0 0 60px rgba(255, 255, 255, 0.8);
}
50% {
box-shadow: none;
}
}
https://themeholy.com/html/malen/index.html