-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
134 lines (124 loc) · 5.65 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
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>com:Phanny - Contact</title>
<link rel="stylesheet" href="./styles/styles.css">
<link rel="stylesheet" href="./vendor/fontawesome/css/all.min.css">
<link rel="shortcut icon" href="./images/logo/comphanny-icon-color.png" type="image/png">
</head>
<body id="top">
<nav class="navbar sticky-top navbar-expand-lg navbar-dark bg-cphy-primary shadow-sm">
<a class="navbar-brand" href="./">
<i class="fas fa-elephant" style="width:-100%;"></i>
com:Phanny
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="./">
<i class="fas fa-home fa-fw"></i> Home <span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./product-list.html">
<i class="fas fa-box fa-fw"></i> Products
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./about.html">
<i class="fas fa-elephant fa-fw"></i> About
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="./contact.html">
<i class="fas fa-phone"></i> Contact
</a>
</li>
</ul>
</div>
</nav>
<main>
<nav aria-label="breadcrumb">
<ol class="breadcrumb bg-cphy-primary-xlight">
<li class="breadcrumb-item"><a href="./"><i class="fal fa-elephant"></i></a></li>
<li class="breadcrumb-item active" aria-current="page">Contact</li>
</ol>
</nav>
<section class="container contact mx-auto my-5">
<div class="mb-3 d-flex justify-content-center align-items-center">
<div class="text-center">
<h2 class="section-heading"><i class="fal fa-phone"></i> Contact</h2>
</div>
</div>
<blockquote class="blockquote-primary shadow-sm mb-5">
<h5 class="blockquote-heading">Inquire the Phamily?</h5>
<p class="small mb-0">
<i class="fal fa-mobile fa-fw"></i> +65 9369 3752<br>
<i class="fal fa-envelope fa-fw"></i> comphanny@example.com<br>
<i class="fal fa-map-marker fa-fw"></i> Street #unit-no building, zip code
</p>
</blockquote>
<form>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon1"><i class="fal fa-user"></i></span>
</div>
<input type="text" class="form-control" placeholder="Name" aria-label="Name" aria-describedby="basic-addon1">
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon2"><i class="fal fa-envelope"></i></span>
</div>
<input type="text" class="form-control" placeholder="Email" aria-label="Email" aria-describedby="basic-addon2">
</div>
<div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text" id="basic-addon3"><i class="fal fa-pen"></i></span>
</div>
<select class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon3">
<option value="">Subject</option>
<option value="career">Career / Jobs</option>
<option value="work">Work / Projects</option>
<option value="hangout">Get to know</option>
<option value="misc">Others</option>
</select>
</div>
<div class="form-group mb-3">
<textarea class="form-control" placeholder="Message" rows="3"></textarea>
</div>
<button type="button" class="btn btn-primary btn-lg btn-block">Send <i class="fal fa-paper-plane"></i></button>
</form>
</main>
<footer class="container-fluid bg-dark text-light px-3 py-3">
<div class="text-center">
<h6 class="text-weight-normal text-italic">Need a <span class="text-cphy-secondary-light">digital product</span>?</h6>
<p><a href="./contact.html" class="text-cphy-secondary">Contact us</a> at:<br>
<span itemprop="email">comphanny@example.com</span><br>
<span itemprop="telephone">+65 1234 5678</span>
</p>
<address itemprop="address" itemscope itemtype="https://schema.org/PostalAddress">
Find us at:<br>
<span itemprop="streetAddress">8030 Paddocks Mill Dr</span><br>
<span itemprop="addressLocality">Cumming</span>, Georgia(<span itemprop="addressRegion">GA</span>), <span itemprop="postalCode">30041</span>
</address>
</div>
<p class="text-center text-muted text-italic small">Handcrafted by Davina Leong</p>
<p class="text-center text-muted text-italic small">Note: com:Phanny is <strong>NOT</strong> a real company.</p>
</footer>
<a class="btn btn-cphy-secondary btn-floating-action shadow-sm" href="#top">
<i class="fa fa-angle-up fa-2x"></i>
</a>
<a class="text-cphy-primary-light github-fab" href="https://github.com/DavinaLeong/proj-comphaanyy-template">
<i class="fab fa-github fa-3x"></i>
</a>
<script src="./vendor/jquery.min.js"></script>
<script src="./vendor/popper.min.js"></script>
<script src="./vendor/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>