forked from Vishal-raj-1/Awesome-JavaScript-Projects
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
151 lines (140 loc) · 6.2 KB
/
contact.html
File metadata and controls
151 lines (140 loc) · 6.2 KB
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
<!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>Contact | Awesome JavaScript</title>
<meta name="description" content="Contact Awesome JavaScript Projects for suggesting the new projects that can be added in the website.">
<link rel="stylesheet" href="assets/css/styles.css">
<link rel="shortcut icon" href="./assets/Images/favicons/faviconss.png">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<!--CSS Preloader-->
<div id="spinner-wrapper">
<div class="sk-folding-cube">
<div class="sk-cube1 sk-cube"></div>
<div class="sk-cube2 sk-cube"></div>
<div class="sk-cube4 sk-cube"></div>
<div class="sk-cube3 sk-cube"></div>
</div>
</div>
<a id="goToTop" href="#top">
<i class="fa fa-arrow-up" aria-hidden="true"></i>
</a>
<main id="top">
<!-- Added Header -->
<header>
<nav>
<h2 class="shadow"><a href="index.html">Awesome JavaScript</a></h2>
<i class="fa fa-bars" aria-hidden="true" id="menuBar" onclick="menu()"></i>
<i class="fa fa-times" aria-hidden="true" id="menuClose" onclick="menuClose()"></i>
<ul id="menu">
<li><a href="index.html">Home</a></li>
<li><a href="index.html#about">About</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html" class="active">Contact</a></li>
<a href="https://github.com/Vishal-raj-1/Awesome-JavaScript-Projects" target="_blank" class="github githubs"><i class="fa fa-github" aria-hidden="true"></i></a>
</ul>
</nav>
<div class="bannerSection">
<div class="bannerText">
<h1>Contact Us</h1>
<h2>The great collection of JavaScript projects, <br>just for you!!!</h2>
<div class="buttonCenter">
<a href="#contact" class="commanBtn">Contact Now</a>
<a href="https://github.com/Vishal-raj-1/Awesome-JavaScript-Projects" target="_blank" class="github" ><i class="fa fa-github" aria-hidden="true"></i> Github</a>
</div>
</div>
<div class="bannerIllustration">
<img src="./assets/Images/contactaat.png" alt="Contact Illustration">
</div>
</div>
</header>
<!-- Closed Header -->
<!-- Path -->
<div class="path">
<h2>Helping you, is our aim.</h2>
<p>
<a href="index.html">Home</a> / Contact
</p>
</div>
<!-- Path -->
<!-- Added Contact -->
<section class="body contact" id="contact">
<h1>Contact Now</h1>
<hr>
<p>Be free to make your query solved with us. Contact Us Now. You can get the code on GitHub.</p>
<div class="contactForm">
<form action="" post="">
<p>
<label for="fname">First Name</label>
<input type="text" id="fname" name="fname">
</p>
<p>
<label for="lname">Last Name</label>
<input type="text" id="lname" name="lname">
</p>
<p>
<label for="email">Your Email</label>
<input type="email" id="email" name="email">
</p>
<p>
<label for="subject">Subject</label>
<input type="text" id="subject" name="subject">
</p>
<p>
<label for="message">Message</label>
<textarea name="message" id="message" cols="93" rows="10"></textarea>
</p>
<p class="button-container">
<button id="back-button" type="button" onclick="window.history.back();">Back</button>
<input type="submit" id="submit" value="Send Message">
</p>
</form>
</div>
</section>
<!-- Closed Contact -->
<!-- Added footer -->
<footer>
<p>© <script type="text/javascript">
document.write(new Date().getFullYear());
</script> Copyright. <b>Awesome JavaScript Project</b>. All Rights Reserved.</p>
<p>Design by <a href="https://cratonik.com" target="_blank" rel="follow">Cratonik</a></p>
</footer>
<!-- Closed Footer -->
</main>
</body>
<script src="./assets/js/scripts.js"></script>
<script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.5.7/lib/darkmode-js.min.js"></script>
<script>
function addDarkmodeWidget() {
new Darkmode().showWidget();
}
window.addEventListener('load', addDarkmodeWidget);
</script>
<script>
const options = {
bottom: '100px', // default: '32px'
right: 'unset', // default: '32px'
left: '32px', // default: 'unset'
time: '0.9s', // default: '0.3s'
mixColor: '#fff', // default: '#fff'
backgroundColor: '#fff', // default: '#fff'
buttonColorDark: '#100f2c', // default: '#100f2c'
buttonColorLight: '#fff', // default: '#fff'
saveInCookies: true, // default: true,
label: '🌓', // default: ''
autoMatchOsTheme: true // default: true
}
const darkmode = new Darkmode(options);
darkmode.showWidget();
</script>
<style>
.darkmode-toggle {
position: absolute;
}
</style>
</html>