-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
98 lines (98 loc) · 4.69 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
<!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>HACKON</title>
<link rel="icon" href="img/favi.png" type="image/icon type">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css ">
</head>
<body>
<nav class="navbar background h-nav-resp">
<ul class="nav-list v-class-resp">
<div class="logo">
<img src="img/favi.png" alt="logo">
<h2>HACKON</h2>
</div>
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="rightnav v-class-resp">
<button class="btn">Sign in</button>
<input type="text" name="search" id="search" placeholder="Search Catalog">
<button class="btn btn-sm"><i class="fa fa-search" style="font-size:15px;"></i></button>
</div>
<div class="burger">
<div class="line"></div>
<div class="line"></div>
<div class="line"></div>
</div>
</nav>
<section class="background firstsection">
<div class="box-main">
<div class="firsthalf">
<p class="text-big">Build better Skill</p>
<p class="text-small">The Hacker in you won’t settle and neither should you. With ONTION, technology teams know more about ethical hacking and various skills like machine learning and AI. Develop the skills you need for your top priorities.
Improve workflows with actionable data. <br><h5>Build better—every time.</h5></p>
<div class="buttons">
<button class="btn">Sign in</button>
<button class="btn">log in</button>
</div>
</div>
<div class="secondhalf">
<img src="img/hhh.jpg" alt="laptop">
</div>
</div>
</section>
<section class="section" id="services">
<div class="paras">
<p class="sectiontag">Why Ethical Hacking?</p>
<p class="sectionsubtag">* Information is one of the most valuable assets of an organization. Keeping information secure can protect an organization’s image and save an organization a lot of money.
<br> * Fake hacking can lead to loss of business for organizations that deal in finance such as PayPal.</p>
</div>
<div class="thumbnail">
<img src="img/thumb.jfif" alt="laptop" class="imgfluid">
</div>
</section>
</section>
<section class="section section-left">
<div class="paras">
<p class="sectiontag">Why Web Designing?
<br> Career Scope & Salary</p>
<p class="sections
ubtag">Web Design courses have been gaining popularity as data visibility on the internet has become an important aspect of digitisation. There is a huge demand for designers in the market and pursuing Web Designing courses can enhance the job prospects of candidates.</p>
</div>
<div class="thumbnail">
<img src="/img/web.jfif" alt="laptop" class="imgfluid">
</div>
</section>
<section class="section">
<div class="paras">
<p class="sectiontag">What Is Machine Learning?</p>
<p class="sectionsubtag">A subset of artificial intelligence (AI), machine learning (ML) is the area of computational science that focuses on analyzing and interpreting patterns and structures in data to enable learning, reasoning, and decision making outside of human interaction.</p>
</div>
<div class="thumbnail">
<img src="img/ai.jpg" alt="laptop" class="imgfluid">
</div>
</section>
<hr>
<section class="contact" id="contact">
<h2 class="text-center">Contact us</h2>
<div class="form">
<input type="text" name="name" id="name" placeholder="Enter Your Name">
<input type="number" name="number" id="number" placeholder="Enter Your Ph.no">
<input type="email" name="email" id="email" placeholder="Enter Your Email">
<textarea name="text" id="text" cols="30" rows="10" placeholder = "Elaborate Your Concern"></textarea>
<button class="btn btn-dark">Submit</button>
</div>
</section>
<footer class="background">
<div class="footer">Copyrights © 2025 - All rights reserved</div>
</footer>
<script src="js/resp.js"></script>
</body>
</html>