forked from PirateKingSteve-0/DigitalTailor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
137 lines (127 loc) · 5.89 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
<html>
<head>
<!-- Enable viewport and media queries -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Load Font -->
<link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- Custom CSS -->
<link rel="stylesheet" type="text/css" href="css/about.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<!-- JS, Popper,js, and JQuery from Bootstrap CDN -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<title>About Us</title>
</head>
<nav class="navbar navbar-expand-lg navbar-dark">
<a class="navbar-brand" href="#welcome.html">Digital Tailor</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<div class="navbar-nav mr-auto">
<a class="nav-item nav-link active" href="welcome.html">Home <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link btn btn-secondary bg-transparent border-0" data-toggle="modal" data-target="#loginpage">Login</a>
<a class="nav-item nav-link" href="#bottomBackground">More</a>
</div>
</div>
</nav>
<!-- Modal -->
<div class="modal fade" id="loginpage" tabindex="-1" role="dialog" aria-labelledby="modalTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title text-center" id="modalTitle">Login</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" class="form-control" id="shareTheirEmail" aria-describedby="emailHelp" placeholder="Enter email">
<small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
</div>
<div class="form-group">
<label for="password">Password:</label>
<input type="password" class="form-control" id="shareTheirName" placeholder="Enter password">
</div>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<a href="dressingRoom.html"><button type="button" class="btn btn-primary">Login</button></a>
</div>
</div>
</div>
</div>
<body class = "background">
<div class="container-fluid">
<!-- Main Content -->
<div class="row">
<div class="col-12">
<div class="about">
<h1>About Us</h1>
<hr>
<p> Digital Tailor is a new and upcoming startup that seeks to be an outlet for those who are in need of a new style. We here at Digital Tailor believe that everyone has the right to look good. Through our website, you will be paired with a tailor who can help you find a style thats right for you. So go ahead and try out out new wardrobe styling now.</p>
<hr>
<p> Have a good sense of style? Click the link below to find out how you can become a Digital Tailor and help style others.<br> <a href="#"> Become a Tailor (Coming Soon) </a></p>
</div>
</div>
</div>
<!-- Footer -->
<!--
<div class="row">
<div class="col-12">
<footer>
© 2019 Stephen Lastimosa George Steven Andrew All Rights Reserved
</footer>
</div>
</div>
</div>
</body>
</html>
-->
<footer>
<div id="bottomBackground">
<div class="content">
<div class="col">.</div>
<!-- <div class="logo">
<img src="assets/images/icons/loginIcon.svg" width="100" height="100">
</div> -->
<div class="col1">
<h2>Company</h2>
<ul>
<li><a href="about.html">About</a></li>
<li><a href="#">Jobs</a></li>
<li><a href="#">For Record</a></li>
</ul>
</div>
<div class="col2">
<h2>Communities</h2>
<ul>
<li><a href="#">Brands</a></li>
<li><a href="#">Vendors</a></li>
<li><a href="#">Investors</a></li>
</ul>
</div>
<div class="col2">
<h2>Useful Links</h2>
<ul>
<li><a href="#">Help</a></li>
<li><a href="#">For Artists</a></li>
<li><a href="#">Developers</a></li>
</ul>
</div>
</div>
<div class="bottomContent">
<img src="images/instagram.png" width="70" height="50">
<img src="images/twitter.png" width="70" height="50">
<img src="images/facebook.png" width="70" height="50">
</div>
</div>
</footer>
</html>