-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
143 lines (120 loc) · 5.75 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>X-Badge - About</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/FormValidation.js"></script>
<script src="js/register.js"></script>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div class="jumbotron">
<div class="container text-center" id="bannerback">
<img src="img/XbadgeLogoWide.png" alt="X-Badge Logo" height="250"/>
</div>
</div>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="index.html">X-Badge.com</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="index.html">Home</a></li>
<li class="active"><a href="about.html">About Us</a></li>
<li><a href="products.html">Products</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="cart.html"><span class="glyphicon glyphicon-shopping-cart"></span> Cart</a></li>
</ul>
</div>
</div>
</nav>
<!------------ ABOUT PAGE ------------>
<div class="container margin-bottom">
<div class="row inset col-sm-12 col-lg-8">
<div class="jumbotron headings">
<h1>About Us</h1>
</div>
<p>
We specialize in crossing sew-on, pin-on, and iron-on patches with cross-stitch patterns. These patches can easily be sewn onto clothing, bags, and other accessories.
</p>
<p>
Each badge is hand-stitched with embroidery thread onto a piece of wool felt in the colors of your choice, allowing the badges to be fully customizable. Patterns are available to begin, but if you have a special request, then we are able to negotiate that as well. DIY kits include felt, thread, waste cloth (for the cross-stitch grid), a patch backing to preserve the integrity of the strings, an embroidery needle, and a set of instructions on how to make your own patch.
</p>
</div>
</div>
<div class="container contact-form">
<div class="col-sm-12 col-lg-8 inset">
<h3>Have a question or idea? Send us a message!</h3>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6">
<h4>First Name<span class="txt-red">*</span></h4>
<input type="text" class="form-control js-required" name="firstName">
<div class="error txt-red hidden">Please enter your first name.</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<h4>Last Name<span class="txt-red">*</span></h4>
<input type="text" class="form-control js-required">
<div class="error txt-red hidden">Please enter your last name.</div>
</div>
</div>
<div class="row">
<div class="col-sm-12 col-md-6 col-lg-6">
<h4>Email<span class="txt-red">*</span></h4>
<input type="text" class="form-control js-required" name="email">
<div class="error txt-red hidden">Please enter your email.</div>
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<h4>Phone Number<span class="txt-red">*</span></h4>
<input type="text" class="form-control js-required" name="phoneNumber">
<div class="error txt-red hidden">Please enter your phone number.</div>
</div>
</div>
<div class="row margin-top margin-bottom">
<div class="col-sm-12">
<textarea class="col-sm-12 form-control js-required" rows="8" placeholder="Enter your message"></textarea>
<div class="error txt-red hidden">Please enter a message.</div>
</div>
</div>
<button type="button" class="btn btn-danger float-right margin-bottom js-submit">Send</button>
<div class="js-success txt-green hidden">Your message has been sent!</div>
</div>
</div>
<!------------ END ABOUT PAGE ------------>
<!------------ FOOTER ------------>
<footer class="container-fluid text-center">
<div class="container contact-form">
<div class="col-sm-12 col-md-4 col-lg-4 inset">
<form id="reg" name="email_form" onsubmit="reg()" method="get" class="form"><h3>Get the Newsletter</h3>
<input type="email" id="email_1" name="email_1" class="form-control" size="50" placeholder="Email Address">
<span class="txt-red" id="email_1_error"> </span><br>
<input type="email" id="email_2" name="email_2" class="form-control" size="50" placeholder="Repeat Email Address">
<span class="txt-red" id="email_2_error"> </span><br>
<input type="text" id="name" name="name" class="form-control" size="50" placeholder="Your Name">
<span class="txt-red" id="name_error"> </span><br>
<button type="button" id="join" name="join" class="btn btn-danger">Sign Up</button>
<button class="btn btn-danger" name="reset" type="reset">Reset</button>
</form>
</div>
<small><br>Copyright X-Badge Team 2016</small>
</div>
</footer>
<script>
FormValidation.init({
'container': '.contact-form',
'selector': '.js-required',
'submit': '.js-submit',
'success': '.js-success'
});
</script>
</html>