-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
152 lines (147 loc) · 5.83 KB
/
index.html
File metadata and controls
152 lines (147 loc) · 5.83 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
152
<!doctype html>
<!--
Miniport by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Simplecode</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Nav -->
<nav id="nav">
<ul class="container">
<li><a href="#top">Top</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<!-- Home -->
<article id="top" class="wrapper style1">
<div class="container">
<div class="row">
<div class="col-4 col-5-large col-12-medium">
<span class="image fit"
><img src="images/logo/sc.png" alt=""
/></span>
</div>
<div class="col-8 col-7-large col-12-medium">
<header>
<h1><strong>redefine your limits</strong></h1>
</header>
<p>
We make quality software.
<br>
With it, we redefine your limits.
</p>
<a href="#contact" class="button large scrolly"
>Contact Us</a
>
</div>
</div>
</div>
</article>
<!-- Contact -->
<article id="contact" class="wrapper style4">
<div class="container medium">
<header>
<h2>Contact Form</h2>
<!-- <p>Use the form below to contact us for a <strong>new project and support</strong>.</p> -->
</header>
<div class="row">
<div class="col-12">
<form id="contact-form" method="post" action="/contact.php">
<div class="row">
<div class="col-6 col-12-small">
<input
type="text"
name="name"
id="name"
placeholder="Name"
/>
</div>
<div class="col-6 col-12-small">
<input
type="text"
name="email"
id="email"
placeholder="Email"
/>
</div>
<div class="col-12">
<input
type="text"
name="subject"
id="subject"
placeholder="Subject"
/>
</div>
<div class="col-12">
<textarea
name="message"
id="message"
placeholder="Message"
></textarea>
</div>
<div class="col-12">
<ul class="actions">
<li>
<input
type="submit"
value="Send Message"
/>
</li>
<li>
<input
type="reset"
value="Clear Form"
class="alt"
/>
</li>
</ul>
</div>
</div>
</form>
<script>
document.getElementById('contact-form').addEventListener('submit', function(e) {
e.preventDefault(); // Prevent default page reload
const formData = new FormData(this);
fetch('/contact.php', {
method: 'POST',
body: formData
}).then(response => {
if (response.ok) {
alert('Message sent!');
} else {
alert('Error sending message.');
}
});
});
</script>
</div>
</div>
<footer>
<ul id="copyright">
<li>© Simplecode. All rights reserved.</li>
<li>
Design: <a href="http://html5up.net">HTML5 UP</a>
</li>
</ul>
</footer>
</div>
</article>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/jquery.scrolly.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>