-
Notifications
You must be signed in to change notification settings - Fork 0
/
case_studies.html
154 lines (154 loc) · 4.38 KB
/
case_studies.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Case Studies</title>
<link
rel="icon"
type="image/x-icon"
href="https://www.shareicon.net/data/2016/06/28/788021_computer_512x512.png"
/>
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"
/>
<link rel="stylesheet" href="styles.css" />
<style>
body {
font-family: Arial, sans-serif;
background-color: #f9f9f9;
margin: 0;
padding: 0;
}
#btn-case {
color: #fff;
}
#btn-app,
#btn-home {
color: #ffffff80;
}
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
h1 {
padding: 40px;
text-align: center;
color: #333;
font-size: 50px;
font-weight: 100px;
}
.section {
background-color: #fff;
border-radius: 10px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
padding: 20px;
margin-bottom: 20px;
}
.section h2 {
color: #007bff;
}
.section p {
font-size: 16px;
line-height: 1.6;
}
.cta {
text-align: center;
margin-top: 30px;
}
.cta a {
display: inline-block;
margin: 10px;
padding: 10px 20px;
background-color: #007bff;
color: #fff;
text-decoration: none;
border-radius: 5px;
}
img {
overflow: hidden;
width: 100%;
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
<a class="navbar-brand" href="#" style="font-size: 25px"
>Vikshit Bharat</a
>
<button
class="navbar-toggler"
type="button"
data-toggle="collapse"
data-target="#navbarNav"
aria-controls="navbarNav"
aria-expanded="false"
aria-label="Toggle navigation"
>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a id="btn-home" class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item">
<a id="btn-app" class="nav-link" href="application.html"
>Application</a
>
</li>
<li class="nav-item">
<a id="btn-case" class="nav-link" href="case_studies.html"
>Case Studies</a
>
</li>
</ul>
</div>
</nav>
</header>
<div class="container">
<h1>Case Studies</h1>
<div class="section">
<h2>Smart Cities</h2>
<p>
AI-driven urban planning optimizes infrastructure, reduces traffic
congestion, and enhances waste management. Examples include smart
traffic lights, predictive maintenance of public facilities, and
efficient waste collection.
</p>
<img
src="https://images.pexels.com/photos/599982/pexels-photo-599982.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
alt="smart city"
/>
</div>
<div class="section">
<h2>Rural Development</h2>
<p>
AI-powered solutions benefit rural areas by improving agriculture,
water management, and renewable energy. Precision farming techniques,
water conservation algorithms, and solar energy optimization
contribute to sustainable rural development.
</p>
<img
src="https://images.pexels.com/photos/1654125/pexels-photo-1654125.jpeg?auto=compress&cs=tinysrgb&w=1260&h=750&dpr=1"
alt="Rural development"
/>
</div>
<div class="cta">
<a href="https://innovateindia.mygov.in/viksitbharat2047/"
>Learn More</a
>
<a href="https://auth.mygov.in/user/login?destination=oauth2/authorize"
>Get Involved</a
>
</div>
</div>
<footer class="bg-dark text-white text-center py-4">
<p>© 2024 Vikshit Bharat AI Initiative</p>
<p>Made with ❤️ by Aman Kumar</p>
</footer>
</body>
</html>