-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
113 lines (110 loc) · 7.55 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Home - Brand</title>
<link rel="icon" type="image/png" sizes="500x500" href="assets/img/WebSniffer%20Logo%20500px%20trans.png">
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora">
<link rel="stylesheet" href="assets/fonts/fontawesome-all.min.css">
<link rel="stylesheet" href="assets/fonts/font-awesome.min.css">
<link rel="stylesheet" href="assets/fonts/simple-line-icons.min.css">
<link rel="stylesheet" href="assets/fonts/fontawesome5-overrides.min.css">
<link rel="stylesheet" href="assets/css/Article-Clean.css">
<link rel="stylesheet" href="assets/css/Article-List.css">
<link rel="stylesheet" href="assets/css/Brands.css">
<link rel="stylesheet" href="assets/css/clean-responsive-pricing-1.css">
<link rel="stylesheet" href="assets/css/clean-responsive-pricing.css">
<link rel="stylesheet" href="assets/css/Contact-Form-Clean.css">
<link rel="stylesheet" href="assets/css/Features-Boxed.css">
<link rel="stylesheet" href="assets/css/Highlight-Clean.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<link rel="stylesheet" href="assets/css/Map-Clean.css">
<link rel="stylesheet" href="assets/css/Navigation-with-Button.css">
<link rel="stylesheet" href="assets/css/Team-Clean.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean-button">
<div class="container"><a class="navbar-brand" href="/"><img src="assets/img/WebSniffer%20Logo%20500px%20trans.png" width="35" height="35" alt="WebSniffer Logo" style="margin-bottom: 3px;margin-right: 2px;">WebSniffer</a><button data-bs-toggle="collapse" class="navbar-toggler" data-bs-target="#navcol-1"><span class="visually-hidden">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse" id="navcol-1">
<ul class="navbar-nav me-auto">
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" aria-expanded="false" data-bs-toggle="dropdown" href="#">Features</a>
<div class="dropdown-menu"><a class="dropdown-item" href="/ip">Lookup IP</a><a class="dropdown-item" href="/domain">Lookup Domain</a><a class="dropdown-item" href="/my">Lookup Browser</a></div>
</li>
<li class="nav-item"><a class="nav-link" href="/pricing">Pricing</a></li>
<li class="nav-item"><a class="nav-link" href="/about">About Us</a></li>
</ul><span class="navbar-text actions"> <a class="login" href="#">Log In</a><a class="btn btn-light action-button" role="button" href="#" style="background: rgb(0,123,255);">Sign Up</a></span>
</div>
</div>
</nav>
<header class="text-center text-white masthead" style="background: url("assets/img/contact.jpg") bottom / cover;filter: blur(0px);padding: 50px 0px;">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto position-relative">
<h1 class="mb-5"><br>Contact WebSniffer</h1>
</div>
</div>
</div>
</header>
<section class="contact-clean">
<form method="post">
<h2 class="text-center">Contact us</h2>
<div class="mb-3"><input class="form-control" type="text" name="name" placeholder="Name"></div>
<div class="mb-3"><input class="form-control is-invalid" type="email" name="email" placeholder="Email"><small class="form-text text-danger">Please enter a correct email address.</small></div>
<div class="mb-3"><textarea class="form-control" name="message" placeholder="Message" rows="14"></textarea></div>
<div class="mb-3"><button class="btn btn-primary" type="submit">send </button></div>
</form>
</section>
<section class="text-center text-white call-to-action" style="background: url("assets/img/newsletter.jpg") center center / cover no-repeat;">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-xl-9 mx-auto position-relative">
<h2 class="mb-4">Subscribe to receive WebSniffer updates!</h2>
</div>
<div class="col-md-10 col-lg-8 col-xl-7 mx-auto position-relative">
<form>
<div class="row">
<div class="col-12 col-md-9 mb-2 mb-md-0"><input class="form-control form-control-lg" type="email" placeholder="Enter your email..."></div>
<div class="col-12 col-md-3"><button class="btn btn-primary btn-lg" type="submit">Subscribe!</button></div>
</div>
</form>
</div>
</div>
</div>
</section>
<footer class="bg-light footer">
<div class="container">
<div class="row">
<div class="col-lg-6 text-center text-lg-start my-auto h-100">
<ul class="list-inline mb-2">
<li class="list-inline-item"><a href="/about">About</a></li>
<li class="list-inline-item"><span>⋅</span></li>
<li class="list-inline-item"><a href="/contact">Contact</a></li>
<li class="list-inline-item"><span>⋅</span></li>
<li class="list-inline-item"><a href="/terms">Terms of Use</a></li>
<li class="list-inline-item"><span>⋅</span></li>
<li class="list-inline-item"><a href="/privacy">Privacy Policy</a></li>
</ul>
<p class="text-muted small mb-4 mb-lg-0">© <a href="/">WebSniffer</a> 2022. All Rights Reserved.</p>
</div>
<div class="col-lg-6 text-center text-lg-end my-auto h-100">
<ul class="list-inline mb-0">
<li class="list-inline-item"><a href="https://www.youtube.com/channel/UCHtLNbdagCIfir1ulloAEhQ?sub_confirmation=1" target="_blank"><i class="fa fa-youtube-play fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://www.linkedin.com/company/websniffer/" target="_blank"><i class="fa fa-linkedin fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://www.facebook.com/websniffer.cc/" target="_blank"><i class="fa fa-facebook fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://twitter.com/Web_Sniffer" target="_blank"><i class="fa fa-twitter fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://www.instagram.com/websniffercc/" target="_blank"><i class="fa fa-instagram fa-2x fa-fw"></i></a></li>
<li class="list-inline-item"><a href="https://github.com/WebSnifferHQ" target="_blank"><i class="fa fa-github-alt fa-2x fa-fw"></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/bs-init.js"></script>
</body>
</html>