-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
108 lines (100 loc) · 4.26 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
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
<!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">
<title>Home</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- Navigation Bar -->
<header id="header">
<nav>
<div class="logo"><a href="index.html"><img src="assets/images/1.png" alt="Logo"></a></div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="#about_section">About</a></li>
<li><a href="forum.html">FAQ</a></li>
<li><a class="active" href="app.html">Get Started</a></li>
</ul>
</nav>
</header>
<div class="flex">
<div class="flex_row">
<div class="flex_column_left">
<p>No-Code Machine Learning</p>
<h5>Train a computer to recognize your own images, create a machine learning model and, export.</h5>
<a href="app.html"><button class="flex_btn">Get Started</button></a>
</div>
<div class="flex_column_right">
<img src="assets/images/education-flex.png" alt="svg" style="width: 700px;">
</div>
</div>
</div>
<!-- ABOUT -->
<div class="about_section" id="desc">
<br><br>
<center>
<p style="font-size: 50px; margin-top: 100px;">What is No Code Machine Learning?</p>
<div class="desc">
<br><img src="assets/images/2.png" alt=""><br><br>
<p>NOML is a web-based tool that makes creating machine learning models fast, easy, and accessible to everyone. You can feed in images in the tool, Instantly train the model over the given categories and Export the model and easily integrate in various applications.
</p>
</div>
</center>
</div>
<!-- How to use -->
<div class="about_section" id="about_section">
<center>
<p style="font-size: 50px; margin-top: 100px;">How to use it?</p>
</center>
<div class="about_row">
<div class="about_column">
<img src="assets/images/about-1.png" alt="">
<h2>1. Gather</h2>
<p>Gather and group your examples into classes, or categories, that you want the computer to learn.</p>
</div>
<div class="about_column">
<img src="assets/images/about-2.png" alt="" style="width: 300px;">
<h2>2. Train</h2>
<p>Train your model, then instantly test it out to see whether it can correctly classify new examples.</p>
</div>
<div class="about_column">
<img src="assets/images/about-3.png" alt="">
<h2>3. Export</h2>
<p>Export your model for your projects: sites, apps, and more. You can download your model or host it online.</p>
</div>
</div>
</div>
<!-- ABOUT -->
<br><br>
<div class="about_section" id="desc">
<br><br>
<center>
<p style="font-size: 50px; margin-top: 100px;">More Questions?</p>
<div class="desc">
<a href="forum.html"><p>Check our FAQ</p></a>
<a href="app.html" id="left"><button>Click to Get Started</button></a>
</div>
</center>
</div>
<br><br><br><br>
<!-- FOOTER -->
<footer>
<div class="footer-container">
<div class="left-col">
<img src="assets/images/1.png" style="width: 100px;">
<p class="rights-text"><b>Created By</b> Yashvardhan Gupta</p>
<p>Vellore Institute of Technology, Chennai.</p>
</div>
<div class="right-col">
<h1 style="color: #fff">End of Page</h1>
<div class="border"></div>
</div>
</div>
</footer>
</body>
</html>