-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
74 lines (62 loc) · 4.03 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Intro to YOLO</title>
<!-- google fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital@1&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap" rel="stylesheet">
<!-- css stylesheet -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="favicon.ico">
<!-- bootstrap scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</head>
<body>
<!--Nav bar-->
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" style="color: #66BFBF;"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#demo" style="color: #66BFBF;">Demo</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#pickle" style="color: #66BFBF;">Pickle file download</a>
</li>
</ul>
</div>
</div>
</nav>
<!--Nav bar-->
<center>
<h1 class="title">Training made simple for object detection using YOLOv5</h1>
<p class="abc">Hey guys!</p>
</center>
<div class="info-para">
<p class="txt">Have you ever wondered or been concerned about the burden that the police department is facing in purchasing <a href="https://en.wikipedia.org/wiki/File:Yolov5.jpg">YOLOv5</a> (object detection software) for providing security to the society? The police play a crucial role in maintaining public safety and order, and they are an important resource for citizens. As responsible citizens, we should do something to help the police department. The idea of object detection using YOLOv5 came from this. We can provide this software to the police department for free, which in turn reduces their burden. Our team personally believes that, "The real value of our education is achieved when it helps others."</p>
<img class="YOLO_img" src="https://miro.medium.com/max/624/1*vnt4DlXUo_oYYYbtQu9qXw.png" alt="YOLOv5">
</div>
<hr class="a">
<div class="middle-container" id="demo">
<p class="link_txt">Have a look at these awesome photos and a video demo on YOLO by navigating to this link.</p>
<a class="demo_link btn" href="demo.html">Click here</a>
</div>
<hr class="ab">
<div class="bottom-container" id="pickle">
<p class="link_txt_1">Wanna get access to this awesome tool? Then head over to this link and download the pickle file.</p>
<a class="demo_link_1 btn" href="pickle.html">Click here</a>
</div>
</body>
</html>