-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontact.html
More file actions
184 lines (163 loc) · 8.69 KB
/
contact.html
File metadata and controls
184 lines (163 loc) · 8.69 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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
<!-- start coded_template: id:5787404207 path:generated_layouts/5787404190.html -->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en" > <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8" lang="en" > <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9" lang="en" > <![endif]--><!--[if gt IE 8]><!-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Tommy LAMBERT - Contact</title>
<!-- Meta Data -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<meta name="author" content="Tommy LAMBERT">
<meta name="description" content="Tommy LAMBERT">
<!-- Twitter data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@platformcore">
<meta name="twitter:title" content="platformcore">
<meta name="twitter:description" content="platformcore">
<meta name="twitter:image" content="assets/images/social.jpg">
<!-- Open Graph data -->
<meta property="og:title" content="Tommy LAMBERT">
<meta property="og:type" content="website">
<meta property="og:url" content="your url website">
<meta property="og:image" content="assets/images/social.jpg">
<meta property="og:description" content="Tommy LAMBERT">
<meta property="og:site_name" content="Tommy LAMBERT">
<!-- Favicons -->
<link rel="apple-touch-icon" sizes="144x144" href="assets\images\favicons\apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets\images\favicons\apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="assets\images\favicons\apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="57x57" href="assets\images\favicons\apple-touch-icon-57x57.png">
<link rel="shortcut icon" href="assets\images\favicons\favicon.png" type="image/png">
<!-- Styles -->
<link rel="stylesheet" type="text/css" href="assets\styles\style.css">
<link rel="stylesheet" type="text/css" href="assets\demo\style-demo.css">
<!-- Mapbox-->
<script src='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js'></script>
<link href='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet'>
</head>
<body>
<!-- Preloader -->
<div class="preloader">
<div class="preloader__wrap">
<div class="circle-pulse">
<div class="circle-pulse__1"></div>
<div class="circle-pulse__2"></div>
</div>
<div class="preloader__progress"><span></span></div>
</div>
</div>
<main class="main">
<!-- Header Image -->
<div class="header-image">
<div class="js-parallax" style="background-image: url(assets/img/image_header.jpg);"></div>
</div>
<div class="container gutter-top">
<!-- Header -->
<header class="header box">
<div class="header__left">
<div class="header__photo">
<img class="header__photo-img" src="assets\img\Tommy_LAMBERT.jpg" alt="Tommy LAMBERT">
</div>
<div class="header__base-info">
<h4 class="title titl--h4">Tommy LAMBERT</h4>
<div class="status">Founder & CEO - PlatformCore</div>
<ul class="header__social">
<li><a href="https://www.facebook.com/PlatformCore/"><i class="font-icon icon-facebook1"></i></a></li>
<li><a href="https://twitter.com/PlatformCore"><i class="font-icon icon-twitter1"></i></a></li>
<li><a href="https://www.instagram.com/platformcore/"><i class="font-icon icon-instagram1"></i></a></li>
<li><a href="https://www.linkedin.com/company/platformcore/"><i class="font-icon icon-linkedin1"></i></a></li>
</ul>
</div>
</div>
<div class="header__right">
<ul class="header__contact">
<li><span class="overhead">Company</span><a href="https://platformcore.com"> PlatformCore.com</a></li>
</ul>
<ul class="header__contact">
<li><span class="overhead">Location</span>Paris, France</li>
</ul>
</div>
</header>
<div class="row sticky-parent">
<!-- Sidebar nav -->
<aside class="col-12 col-md-12 col-lg-2">
<div class="sidebar box sticky-column">
<ul class="nav">
<li class="nav__item"><a href="index.html"><i class="icon-user"></i>About Me</a></li>
<li class="nav__item"><a href="resume.html"><i class="icon-file-text"></i>Resume</a></li>
<li class="nav__item"><a class="active" href="contact.html"><i class="icon-book"></i>Contact</a></li>
</ul>
</div>
</aside>
<!-- Content -->
<div class="col-12 col-md-12 col-lg-10">
<div class="box box-content">
<div class="pb-2">
<h1 class="title title--h1 first-title title__separate">Contact</h1>
</div>
<!-- Contact -->
<div class="map" id="map"></div>
<h2 class="title title--h3">Contact Form</h2>
<form id="contact-form" class="contact-form" data-toggle="validator">
<div class="row">
<div class="form-group col-12 col-md-6">
<input type="text" class="form-control" id="nameContact" name="nameContact" placeholder="Full name" required="required" autocomplete="on" oninvalid="setCustomValidity('Fill in the field')" onkeyup="setCustomValidity('')">
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-12 col-md-6">
<input type="email" class="form-control" id="emailContact" name="emailContact" placeholder="Email address" required="required" autocomplete="on" oninvalid="setCustomValidity('Email is incorrect')" onkeyup="setCustomValidity('')">
<div class="help-block with-errors"></div>
</div>
<div class="form-group col-12 col-md-12">
<textarea class="textarea form-control" id="messageContact" name="messageContact" placeholder="Your Message" rows="4" required="required" oninvalid="setCustomValidity('Fill in the field')" onkeyup="setCustomValidity('')"></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 order-2 order-md-1 text-center text-md-left">
<div id="validator-contact" class="hidden"></div>
</div>
<div class="col-12 col-md-6 order-1 order-md-2 text-right">
<button type="submit" class="btn"><i class="font-icon icon-send"></i> Send Message</button>
</div>
</div>
</form>
</div>
<!-- Footer -->
<footer class="footer">© 2021 Tommy Lambert</footer>
</div>
</div>
</div>
</main>
<div class="back-to-top"></div>
<!-- SVG masks -->
<svg class="svg-defs">
<clippath id="avatar-box">
<path d="M1.85379 38.4859C2.9221 18.6653 18.6653 2.92275 38.4858 1.85453 56.0986.905299 77.2792 0 94 0c16.721 0 37.901.905299 55.514 1.85453 19.821 1.06822 35.564 16.81077 36.632 36.63137C187.095 56.0922 188 77.267 188 94c0 16.733-.905 37.908-1.854 55.514-1.068 19.821-16.811 35.563-36.632 36.631C131.901 187.095 110.721 188 94 188c-16.7208 0-37.9014-.905-55.5142-1.855-19.8205-1.068-35.5637-16.81-36.63201-36.631C.904831 131.908 0 110.733 0 94c0-16.733.904831-37.9078 1.85379-55.5141z"></path>
</clippath>
<clippath id="avatar-hexagon">
<path d="M0 27.2891c0-4.6662 2.4889-8.976 6.52491-11.2986L31.308 1.72845c3.98-2.290382 8.8697-2.305446 12.8637-.03963l25.234 14.31558C73.4807 18.3162 76 22.6478 76 27.3426V56.684c0 4.6805-2.5041 9.0013-6.5597 11.3186L44.4317 82.2915c-3.9869 2.278-8.8765 2.278-12.8634 0L6.55974 68.0026C2.50414 65.6853 0 61.3645 0 56.684V27.2891z"></path>
</clippath>
</svg>
<!-- Demo Menu -->
<div class="btnSlideNav slideOpen"></div>
<div class="btnSlideNav slideClose"></div>
<div class="slideNav">
<a href="dark\index.html" class="btn btn--dark">Dark Template</a>
</div>
<div class="overlay-slideNav"></div>
<!-- Demo Menu -->
<!-- JavaScripts -->
<script src="assets\js\jquery-3.4.1.min.js"></script>
<script src="assets\js\plugins.min.js"></script>
<script src="assets\js\common.js"></script>
<!-- Mapbox init -->
<script src="assets\js\mapbox.init.js"></script>
<script src="assets\demo\plugins-demo.js"></script>
</body>
</html>