-
Notifications
You must be signed in to change notification settings - Fork 0
/
new.html
134 lines (121 loc) · 6.06 KB
/
new.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Virtual Legal Assistant</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>
<link rel="stylesheet" href="new.css">
</head>
<body>
<header>
<h1 class="pad">NYAAY SAHAAYAK</h1>
</header>
<nav>
<ul>
<li class="pad1"><a href="#">Home</a></li>
<li class="pad1"><a href="#">Services</a></li>
<li class="pad1"><a href="#">About Us</a></li>
<li class="pad1"><a href="#">Contact</a></li>
</ul>
</nav>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="https://res.cloudinary.com/dtnvkccyy/image/upload/v1697015952/samples/law2_f8ih3c.jpg" class="d-block w-100 cor" alt="...">
</div>
<div class="carousel-item">
<img src="https://res.cloudinary.com/dtnvkccyy/image/upload/v1697016009/samples/law1_mjg8u5.jpg" class="d-block w-100 cor" alt="...">
</div>
<div class="carousel-item">
<img src="https://res.cloudinary.com/dtnvkccyy/image/upload/v1697015994/samples/law3_qrrxoq.jpg" class="d-block w-100 cor" alt="...">
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<main>
<div>
<section class="hero">
<div>
<h2>Welcome to Our Nyaay Sahaayak Platform</h2>
<p class="pad">We're here to help you with your legal needs.</p>
</div>
<!-- <section class="hero">
</section> -->
<div id="search" class = "search">
<input type="text" id="search-input" placeholder="Search..." class="search1">
<button id="search-button" class=" cta-button pad1">Search</button>
</div>
<div id="language-selector" class="search3">
<label for="language-dropdown" class="pad1">Select Language:</label>
<select id="language-dropdown" class="search4">
<option value="en">English</option>
<option value="te">Telugu</option>
<option value="hi">Hindi</option>
<option value="mr">Marathi</option>
<option value="ta">Tamil</option>
<option value="kn">Kannada</option>
</select>
<!-- <div class="text">
<a href="#" class="cta-button pad1">Get Started</a>
</div> -->
</div>
</section>
</div>
<section class="services">
<!-- <h2>Know Your Rights</h2> -->
<div>
<section id="rights-framework">
<h2>Your Legal Rights</h2>
<ul id="rights-list">
<!-- Rights adding dynamically/ by developers here using JavaScript -->
</ul>
</section>
</div>
<div>
<section id="legal-documents">
<h2>Legal Documents</h2>
<div id=""language-selector>
Language:
<select id="language-select">
<option value="en">English</option>
<option value="hin">Hindi</option>
<option value="mar">Marathi</option>
<option value="tam">Tamil</option>
<option value="kan">Kannada</option>
<option value="tel">Telugu</option>
</select>
</div id="document-content">
</div>
</section>
</div>
<div>
<h2>Our Services</h2>
<ul>
<li class="pad1">Legal Consultation</li>
<li class="pad1">Contract Review</li>
<li class="pad1">Legal Research</li>
<li class="pad1">Document Preparation</li>
</ul>
<div/>
</section>
</main>
<footer>
<p>© 2023 Virtual Legal Assistant</p>
</footer>
<script src="script.js"></script>
</body>
</html>