-
Notifications
You must be signed in to change notification settings - Fork 4
/
contact.html
161 lines (143 loc) · 5.86 KB
/
contact.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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="AG" content="guide" />
<title>ArmedGeniuses - Contact Page</title>
<link rel="icon" href="img/logo.png">
<link href="css/style.css" rel="stylesheet" />
<link href="css/icon.css" rel="stylesheet" />
<link href="css/button.css" rel="stylesheet" />
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body class="light">
<div class="container">
<div class="placeholder">
<div class="window">
<div class="header">
<div class="header-inner" data-aos="flip-up">
<img src="img/logo.png" alt="Logo" class="site-logo" />
<div class="site-text-box">
<h1 class="site-title">Armed Geniuses</h1>
<h6 class="site-description">Ethical Hacking Simplified</h6>
</div>
<nav class="nav">
<ul class="nav-ul">
<li class="nav-li"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-li"><a href="setup.html" class="nav-link">Get Started</a></li>
<li class="nav-li"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-li"><a href="contact.html" class="nav-link active">Contact</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
<button class="btn active spacing" id="myBtn" style="--green-color: var(--btn-background); color: var(--btn-color);">
<span class="btn__content">Theme</span>
<span class="btn__glitch"></span>
<span class="btn__label">1337</span>
</button>
<div id="myModal" class="modal">
<!-- Modal content -->
<div class="modal-content">
<div class="modal-header">
<span class="close">×</span>
<h2>Change Theme</h2>
</div>
<div class="modal-body">
<br /><br /><a class="theme-btn" id="light" href="#">light ☀️</a> <br />
<br /><br /><a class="theme-btn" id="dark" href="#">dark ☾</a> <br /><br />
</div>
</div>
</div>
<main>
<header class="welcome-section">
<h2 class="text-center section-title" style="color: var(--header-color)">Contact Me</h2>
<p class="text-center">If you're happy with my ethical hacking/ pentesting guides, please let us
know. Or even if you feel something is missing or if something isn't correctly mentioned, we'd love
to hear from you. </p>
<p class="text-center">If you want to give us your valueable feedback, please visit the page below <br /> <br />
<button type="submit" class="btn" onclick="window.location.href = 'feedback.html';">
<span class="btn__content">FeedBack</span>
<span class="btn__glitch"></span>
<span class="btn__label">1337</span>
</button>
</p>
</header>
<div class="container-inner-2 contact-section" data-aos="fade-down">
<form method="POST" class="contact-form">
<div class="form-group">
<input type="text" id="name1" class="form-control" placeholder="Name" required />
</div>
<div class="form-group">
<input type="email" id="email1" class="form-control" placeholder="Email" required />
</div>
<div class="form-group">
<textarea rows="5" id="message1" class="form-control" placeholder="Message"
required></textarea>
</div>
<p class="guide-body"> Do you want to receive our newsletter? </p>
<div class="form-group">
<p class="guide-body">Yes, I'd love to ---------->
<input type="radio" id="yes" name="radio" required />
</p>
</div>
<div class="form-group">
<p class="guide-body">No, someday else... ----->
<input type="radio" id="no" name="radio" required />
</p>
</div>
<div class="form-group d-flex">
<button type="button" class="btn" name="submit" onclick="validate();">
<span class="btn__content">Send</span>
<span class="btn__glitch"></span>
<span class="btn__label">1337</span>
</button>
</div>
</form>
<div class="address-box" data-aos="zoom-in-down">
<h4 class="info-title text-address">My Address</h4>
<address>
Nitte Meenakshi Institute of Technology, P.B.No.6429, Yelahanka, Bangalore 560064.
</address>
<a href="tel:9545852106" class="contact-link">
<i class="cnt phone contact-icon"></i>+91 **********
</a>
<a href="mailto:kaushal.bhat@yahoo.com" class="contact-link">
<i class="cnt envelope contact-icon"></i>*********@********.com
</a>
<div class="contact-social">
<a href="#" class="social-link"><i
class="lnk linkedin social-icon"></i></a>
<a href="#" class="social-link"><i
class="lnk dev social-icon"></i></a>
<a href="#" class="social-link"><i
class="lnk github social-icon"></i></a>
<a href="#"
class="social-link"><i class="lnk youtube social-icon"></i></a>
</div>
</div>
</div>
<div class="container-inner-2 map-section" data-aos="flip-left">
<div class="map">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3885.5374304316138!2d77.58511931482364!3d13.128464090753072!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bae170d10bb559b%3A0x2bb3892a626cf9ba!2sNitte%20Meenakshi%20Institute%20of%20Technology!5e0!3m2!1sen!2sin!4v1579070840954!5m2!1sen!2sin"
frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
</div>
</div>
</main>
<footer class="footer text-center">
<p>From GitHub
| View: <a rel="nofollow" href="https://github.com/theParanoidScripts">Here</a></p>
</footer>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init();
</script>
<script src="js/popup.js" type="text/javascript"></script>
<script src="js/theme.js" type="text/javascript"></script>
<script src="js/validate.js" type="text/javascript"></script>
</body>
</html>