-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
145 lines (114 loc) · 6.19 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
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<title>Document</title>
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script text="text/javascript" src="index.js">
</script>
</head>
<body>
<div class="top">
<header class="upar" style="background-color: black;">
<h1 class="header1">Welcome to my website</h6>
</header>
<nav id="navbar" class="navbar1">
<ul class="inside">
<div class="image"><img src="download.jpg" alt="logo" id="images" style="height: 50; width:50px; border-radius:20px 0px; text-align:center; border-color: 10px solid black;"></div>
<li class="link"><a href="#" style="text-decoration:none; color:black;" class="navlink">Home</a></li>
<li class="link"><a href="#" style="text-decoration:none; color:black;" class="navlink">About</a></li>
<li class="link"><a href="#" style="text-decoration:none; color:black;" class="navlink">Contact</a></li>
<li class="link"><a href="#" style="text-decoration:none; color:black;" class="navlink">Services</a></li>
<input type="text" id="tsearch" name="search" placeholder="Search" style="float: left; border-radius:15px">
<button id="search">Submit</button>
</ul>
</nav>
</div>
<div class="sectiona">
<section>
<!-- <div class="secimg"><img src="" alt="background-image" class="down"></div> -->
<div class="firsttext">
<h1 class="swagat">Welcome</h1>
</div>
<div class="indies">
<p class="infosis">Welcome Hacker,Coders <br>and programmers.</p>
</div>
<div class="indexpy">
<img src="https://source.unsplash.com/400x500/?hacker,programmer,gamer,kali linux" alt="coders progarmmer images" style="height: 400px; width:500px;box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);border-radius:10px">
</div>
</section>
</div>
<!-- <canvas id="DemoCanvas" width="500" height="600"></canvas> -->
<!-- <hr style="color:white; height:50px;position:relative; top:540px;"> -->
<!-- <div class="index22">
<article>
<h1 class="contact1" style="text-align: center; color:aqua">About Us</h1>
<p class="get">We are coders and hackers and we are unkown
if you want to join this group please come at belsand</p>
<ul class="aboutlista">
<li>We have computers</li>
<li>We have a team</li>
<li>We have licence</li>
<li>We have server</li>
<li>We have community</li>
</ul> -->
<!-- <p class="geta">Cybersecurity Services
Transform your business and manage risk with a global industry leader in cybersecurity consulting, cloud and managed security services
Get the 2020 Cost of a Data Breach Report Read the X-Force Threat Intelligence Index Report</p> -->
<!--
</article>
<hr class="horia">
</div>
<div class="servicesa">
<h1 class="services-up-text" style="position: relative; top:600px; color:aqua; text-align:center" >Services</h1>
<hr class="horib">
<p class="geta">Cybersecurity Services
Transform your business and manage risk with a global industry leader in cybersecurity consulting, cloud and managed security services.<br>
<!--
Get the 2020 Cost of a Data Breach Report
<br> Read the X-Force Threat Intelligence Index Report</p> --> -->
<!-- <p class="getb">Cybersecurity Services
Transform your business and manage risk with a global industry leader in cybersecurity consulting, cloud and managed security services <br></p>
<ul>
<li>Get the 2020 Cost of a Data Breach </li>
<li>Read the X-Force Threat Intelligence Index Report</li>
</ul>-->
/
<div class="gallry" style="position: relative;top:650px;">
<h1>Gallry</h1>
<img src="https://source.unsplash.com/400x500/?hacker,programmer,gamer,kali linux" alt="">
<img src="https://source.unsplash.com/401x302/?nature,hapiness
" alt="">
</div>
<div class="footer">
<footer>
<hr class="horic">
<h1 class="lowerfooter">Contact</h1>
<hr class="horid">
<h3 style="color: aqua;" class="footertexta" id="gettingtext">
Enter you details for contacting us
</h3>
<input type="text" name="name" id="entername" placeholder="Name" onmousein="clickone()">
<input type="email" name="emil" id="entermail" placeholder="E-mail" onclick="clicktwo()">
<input type="numeric" name="MobileNO." id="mobileno" placeholder="Mobile No." onclick="clickthree()">
<!-- <a href="https://www.facebook.com/ratnesh.thakur.771" target="_blank" `class="fa fa-facebook"></a> -->
</footer>
<!-- <div class="wrap center"> <!-- Just to center ver and hor -->
<!-- <div class="wrap-label">
<label for="name">Your Name</label>
<p class="iconicfill-pen-alt2"><i class="fas fa-pencil-alt"></i></p>
</div>
<input type="text" id="name" >
</div> -->
</div>
<hr class="horie">
<div class="socialaccount">
<a href="https://www.facebook.com/ratnesh.thakur.771" traget="_blank" class="fa fa-facebook"></a>
<a href="https://myaccount.google.com/?tab=kk" target="_blank" class="fa fa-google"></a>
<a href="https://www.youtube.com/channel/UCmhRlbIdLWqXi2QdLtltRkQ?view_as=subscriber" target="_blank" class="fa fa-youtube"></a>
</div>
</body>
</html>