-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
78 lines (70 loc) · 3.17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
<title>Crime Index Application</title>
</head>
<body>
<div class="pimg1">
<div class="ptext">
<span class="border">
Crime In India
</span>
<br></br>
<button type="submit" onclick="location.href='main.html'" class="button" >Get started <i class="fas fa-angle-double-right"></i> </button>
</div>
</div>
<section class="section section-light">
<h2>How Safe We Are?</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt ea molestiae nam nesciunt assumenda magnam perspiciatis ullam ad omnis minus eum voluptates ex quo magni eaque deleniti explicabo illo quas, dicta harum impedit dolore
doloremque ducimus! Pariatur modi, dolor fuga, sequi expedita delectus deserunt facere consectetur quod nam quisquam cupiditate! Quos fugiat rerum ratione! Iste alias, itaque aliquam dolorem ab, error aperiam dicta maxime sit eum officiis ea
facere, sunt. Nisi, delectus qui? Quo, fuga, eum. Officiis ullam totam suscipit delectus eaque aperiam nisi iure provident consectetur. Alias nemo quae aliquam iure, odit assumenda vel, commodi, adipisci illo illum architecto.</p>
</section>
<div class="pimg2">
<div class="ptext">
<span class="border">
Crime against Women
</span>
</div>
</div>
<section class="section section-dark">
<h2>Section Two</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt ea molestiae nam nesciunt assumenda magnam perspiciatis ullam ad omnis minus eum voluptates ex quo magni eaque deleniti explicabo illo quas, dicta harum impedit dolore
doloremque ducimus! Pariatur modi, dolor fuga, sequi expedita delectus deserunt facere consectetur quod nam quisquam cupiditate! Quos fugiat rerum ratione! Iste alias, itaque aliquam dolorem ab, error aperiam dicta maxime sit eum officiis ea
facere, sunt. Nisi, delectus qui? Quo, fuga, eum. Officiis ullam totam suscipit delectus eaque aperiam nisi iure provident consectetur. Alias nemo quae aliquam iure, odit assumenda vel, commodi, adipisci illo illum architecto.</p>
</section>
<div class="pimg3">
<div class="ptext">
<span class="border">
Juvenlille crime
</span>
</div>
</div>
<section class="section section-dark">
<div class="counters">
<div class="container">
<div>
<div class="counter" data-target="405861">0</div>
<h1>Crime against Women</h1>
</div>
<div>
<div class="counter" data-target="360089">0</div>
<h1>Murders</h1>
</div>
<div>
<div class="counter" data-target="148185">0</div>
<h1>Crime against Childern</h1>
</div>
</div>
</div>
</section>
<div class="pimg1">
</div>
<script src="app.js" charset="utf-8"></script>
</body>
</html>