-
Notifications
You must be signed in to change notification settings - Fork 1
/
takeaction.html
160 lines (154 loc) · 6.47 KB
/
takeaction.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="takeaction.css">
<title>Take Action</title>
</head>
<body>
<header>
<div class="group">
<img class="the_logo" src="imagess/symbol.png" alt="the_logo" />
<img class="imag" src="imagess/ENliven.png">
</div>
<nav>
<ul class="nav_links">
<b>
<li><a href="index.html">Home</a></li>
<li><a href="#ab">About</a></li>
<li><a href="#formm">Contact</a></li>
</b>
</ul>
</nav>
<a class="cta" href="#">
<h2>Log In</h2>
</a>
</header>
<div class="container">
<div class="top-container">
<h1>Take Action</h1>
</div>
<div class="labour-laws">
<div class="section-left">
<h2>LABOUR LAWS</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores nulla voluptate aliquid asperiores illo labore dolore neque sunt veritatis quod porro quidem sit, obcaecati nesciunt facere sapiente enim animi nisi ipsum magni! Impedit
quasi fugit iure id ullam ipsa nobis beatae sit tempora illum ducimus, totam, ex laboriosam alias laborum! Quisquam praesentium fugiat, doloribus facere, deserunt amet obcaecati repudiandae magnam perferendis aperiam iste officiis minus
voluptate quae quaerat quo! Repudiandae, quo laborum vitae esse sapiente corrupti nobis facere nulla reprehenderit autem atque amet asperiores soluta quidem repellat rerum. Enim modi temporibus at fugiat? Accusamus, facilis dolorum error
veniam eius quam!</p>
</div>
<div class="section-right">
<img id="labour-laws-img" src="https://images.unsplash.com/photo-1648725645264-74c19f1e7f56?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHx0b3BpYy1mZWVkfDI1fHJuU0tESHd3WVVrfHxlbnwwfHx8fA%3D%3D&auto=format&fit=crop&w=1400&q=60" alt="">
</div>
</div>
<div class="legal">
<h2>LEGAL ADVISORS</h2>
<div class="gallery">
<!-- <div class="card">
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.EolDVcHXbRBC7KN96fQihwHaHa%26pid%3DApi&f=1" alt="Avatar">
<div class="container">
<h4><b>KK Venugopal</b></h4>
<p>Ph No: 9244466 / 29243366</p>
<p>Email: [email protected]</p>
<input type="text" placeholder="send message">
<input type="submit" value="Post">
</div>
</div>
<div class="card">
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse1.mm.bing.net%2Fth%3Fid%3DOIP.X7812YYtW5kQmRcQCZydOAHaFT%26pid%3DApi&f=1" alt="Avatar">
<div class="container">
<h4><b>Harish Salve</b></h4>
<p>Ph No: +44 (0)207 5831770</p>
<p>Email: [email protected]</p>
<input type="text" placeholder="send message">
<input type="submit" value="Post">
</div>
</div>
<div class="card">
<img src="https://image.scoopwhoop.com/w620/s4.scoopwhoop.com/anj/sw/18085c65-f647-4524-8f40-278df0f7d4a7.jpg.webp" alt="Avatar">
<div class="container">
<h4><b>Karuna Nundy</b></h4>
<p>Ph No: +(91)9818258357</p>
<p>Email: [email protected]</p>
<input type="text" placeholder="send message">
<input type="submit" value="Post">
</div>
</div>
</div> -->
<div class="carousel">
<div class="carousel-inner">
<input class="carousel-open" type="radio" id="carousel-1" name="carousel" aria-hidden="true" hidden="" checked="checked">
<div class="carousel-item">
<img src="imagess/kk_venugopal.png">
</div>
<input class="carousel-open" type="radio" id="carousel-2" name="carousel" aria-hidden="true" hidden="">
<div class="carousel-item">
<img src="imagess/harish_salve.png">
</div>
<input class="carousel-open" type="radio" id="carousel-3" name="carousel" aria-hidden="true" hidden="">
<div class="carousel-item">
<img src="imagess/karuna_nundy.png">
</div>
<label for="carousel-3" class="carousel-control prev control-1">‹</label>
<label for="carousel-2" class="carousel-control next control-1">›</label>
<label for="carousel-1" class="carousel-control prev control-2">‹</label>
<label for="carousel-3" class="carousel-control next control-2">›</label>
<label for="carousel-2" class="carousel-control prev control-3">‹</label>
<label for="carousel-1" class="carousel-control next control-3">›</label>
<ol class="carousel-indicators">
<li>
<label for="carousel-1" class="carousel-bullet">•</label>
</li>
<li>
<label for="carousel-2" class="carousel-bullet">•</label>
</li>
<li>
<label for="carousel-3" class="carousel-bullet">•</label>
</li>
</ol>
</div>
</div>
</div>
<div class="roadmap">
<h2>ROADMAP</h2>
<div class="roadmap-img">
<img id="roadmap-just" src="imagess/roadmap.png" alt="roadmap of justice">
</div>
</div>
</div>
<!-- <div class="foot">
<p class="ven">ENLiven</p>
<p class="ven ben">Be a helping hand</p>
<table class="tab">
<tr>
<td><img class="block_pic" src="imagess/face.png" alt=""></td>
<td><img class="block_pic" src="imagess/insta.png" alt=""></td>
<td><img class="block_pic" src="imagess/twit.png" alt=""></td>
<td><img class="block_pic" src="imagess/link.png" alt=""></td>
</tr>
</table>
</div>
<pre class="final" >About us<br>Contact us<br>Terms and conditions<br>Privacy Policy</pre>
<script>
function myFunction() {
var input, filter, table, tr, td, i, txtValue;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
table = document.getElementById("myTable");
tr = table.getElementsByTagName("tr");
for (i = 0; i < tr.length; i++) {
td = tr[i].getElementsByTagName("td")[0];
if (td) {
txtValue = td.textContent || td.innerText;
if (txtValue.toUpperCase().indexOf(filter) > -1) {
tr[i].style.display = "";
} else {
tr[i].style.display = "none";
}
}
}
}
</script> -->
</body>
</html>