forked from Anshulgangwar63/cybersecure
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (100 loc) · 4.81 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
<!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="style.css">
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Playfair+Display" rel="stylesheet">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<title> Secure </title>
</head>
<body>
<div class="preloader"></div>
<header>
<nav class="MyNav">
<ul class = "logo">
<li>Logo</li>
</ul>
<ul class="nav_bar">
<li><a href="index.html">Home</a></li>
<li><a href="#">Traning</a></li>
<li><a href="operating.html">OS</a></li>
<li><a href="#">Penetration Testing</a></li>
<li><a href="">About Us</a></li>
</ul>
</nav>
<div class="hero">
<p class="hero-text-min">Want to Become</p>
<p class="hero-text">Cyber Security Expert</p>
<a href="#" class="hero_button">Explore More</a>
</div>
<div class="arrow">
<i class="fa fa-angle-double-down fa-3x" aria-hidden="true"></i>
</div>
</header>
<section class="about_us">
<h2 class="about_us_header">About Cyber Secure</h2>
<div class="about_para">
<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus vitae reiciendis corporis quam molestias! Dicta nam nobis impedit veritatis omnis placeat sed illo, dolor at doloremque veniam commodi eaque maiores, consectetur. Et rerum fugiat, explicabo esse aut saepe, labore. Praesentium asperiores, ipsa eaque voluptatum! Nemo placeat minus, omnis voluptates accusamus.</p>
</div>
</section>
<section class="features">
<h2 class="about_us_header">Some Features</h2>
<div class="feature_para">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. In odit error, vero reiciendis <br>nesciunt fuga quibusdam doloribus tempore ab.
</div>
<div class="features_item">
<div class="item item_content">
<h3 class="item_header">Training</h3>
<p class="item_para">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora deserunt eligendi ratione provident. Necessitatibus consectetur odio consequatur doloribus sit explicabo? </p>
<a href="#" class="item_link" target="_blank">Learn More</a>
</div>
<div class="item"></div>
<div class="item item_content">
<h3 class="item_header">Penetration Testing</h3>
<p class="item_para">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora deserunt eligendi ratione provident. Necessitatibus consectetur odio consequatur doloribus sit explicabo? </p>
<a href="#" class="item_link" target="_blank">Learn More</a>
</div>
<div class="item"></div>
<div class="item item_content">
<h3 class="item_header">Operating System</h3>
<p class="item_para">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora deserunt eligendi ratione provident. Necessitatibus consectetur odio consequatur doloribus sit explicabo? </p>
<a href="#" class="item_link" target="_blank">Learn More</a>
</div>
</div>
</section>
<section class="contact">
<ul class="contact_us">
<li class="contact_logo"><i class="fa fa-id-card-o fa-5x" aria-hidden="true"></i></li>
<li class="contact_header">
<p class="head-1">Contact Us Now</p>
<p class="head-2">Learn More about us Today</p>
</li>
<li class="contact_link"><a href="#">Get In Touch</a></li>
</ul>
</section>
<footer>
<h3 class="footer_header">Cyber Secure</h3>
<ul class="footer_nav">
<li><a href="#">Home</a></li>
<li><a href="#">Training</a></li>
<li><a href="#">Operating System</a></li>
<li><a href="#">Penetration Testing</a></li>
<li><a href="#">About Us</a></li>
</ul>
<h3 class="social_head">Follow Us on:-</h3>
<ul class="social_link">
<li><a href=""><i class="fa fa-youtube-square fa-2x" aria-hidden="true"></i></a></li>
<li><a href=""><i class="fa fa-facebook-square fa-2x" aria-hidden="true"></i></a></li>
<li><a href=""><i class="fa fa-twitter-square fa-2x" aria-hidden="true"></i></a></li>
<li><a href=""><i class="fa fa-instagram fa-2x" aria-hidden="true"></i></a></li>
</ul>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script>
<script src="script.js"></script>
</body>
</html>