-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
169 lines (154 loc) · 7.34 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Contacter Aboubacar DJENIKA</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="google-site-verification" content="wwmoCZ1GeezRd4ayQWQEGb8K9bVg2JI8zzMjIO80KDY" />
<meta name="description" content="Contactez moi - Adresse: Fadjiguila-Nafadji, e-mail: [email protected], numéros: +22378816744 / +22397473756" />
<!-- Google Fonts -->
<link href="../../css?family=Poppins:400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="../../css-1?family=Open+Sans:300,400,400i,600,600i,700" rel="stylesheet">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/preloader.min.css" rel="stylesheet">
<link href="css/circle.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet">
<link href="css/fm.revealator.jquery.min.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link href="css/skins/orange.css" rel="stylesheet">
<!-- Modernizr JS File -->
<script src="js/modernizr.custom.js"></script>
<script type="text/javascript"
src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js">
</script>
<!-- Intégration de mailjs -->
<script type="text/javascript">
(function(){
emailjs.init("u-XIEFD6rqUwOQVxz");
})();
</script>
</head>
<body class="contact">
<!-- Header-->
<header class="header" id="navbar-collapse-toggle">
<!-- Menu -->
<ul class="icon-menu d-none d-lg-block revealator-slideup revealator-once revealator-delay1">
<li class="icon-box">
<i class="fa fa-home"></i>
<a href="index.html">
<h2>Accueil</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-user"></i>
<a href="about.html">
<h2>CV</h2>
</a>
</li>
<li class="icon-box">
<i class="fa fa-briefcase"></i>
<a href="portfolio.html">
<h2>Portfolio</h2>
</a>
</li>
<li class="icon-box active">
<i class="fa fa-envelope-open"></i>
<a href="contact.html">
<h2>Contact</h2>
</a>
</li>
</ul>
<!-- Mobile menus -->
<nav class="d-block d-lg-none">
<div id="menuToggle">
<input type="checkbox">
<span></span>
<span></span>
<span></span>
<ul class="list-unstyled" id="menu">
<li><a href="index.html"><i class="fa fa-home"></i><span>Accueil</span></a></li>
<li><a href="about.html"><i class="fa fa-user"></i><span>CV</span></a></li>
<li><a href="portfolio.html"><i class="fa fa-folder-open"></i><span>Portfolio</span></a></li>
<li class="active"><a href="contact.html"><i class="fa fa-envelope-open"></i><span>Contact</span></a></li>
</ul>
</div>
</nav>
</header>
<!-- Title -->
<section class="title-section text-left text-sm-center revealator-slideup revealator-once revealator-delay1">
<h1>Laissez un <span>message</span></h1>
<span class="title-bg">contact</span>
</section>
<!-- Main content -->
<section class="main-content revealator-slideup revealator-once revealator-delay1">
<div class="container">
<div class="row">
<!-- Left side -->
<div class="col-12 col-lg-4">
<h3 class="text-uppercase custom-title mb-0 ft-wt-600 pb-3">N'hesitez pas !</h3>
<p class="open-sans-font mb-3">Je suis disponible pour discuter des offres d'opportinutés et de projets.</p>
<p class="open-sans-font custom-span-contact position-relative">
<i class="fa fa-envelope-open position-absolute"></i>
</p>
<p class="open-sans-font custom-span-contact position-relative">
<i class="fa fa-phone-square position-absolute"></i>
<span class="d-block">mon numéro</span><a href="tel:+22378816744">+223 78 81 67 44</a>
</p>
<ul class="social list-unstyled pt-1 mb-5">
<li class="facebook"><a title="Facebook" href="https://www.facebook.com/aboubacar.djenika" target="_blank"><i class="fa fa-facebook"></i></a>
</li>
<li class="twitter"><a title="Twitter" href="https://twitter.com/AboubacarDJENI2" target="_blank"><i class="fa fa-twitter"></i></a>
</li>
<li class="youtube"><a title="Github" href="https://github.com/geekdjenika" target="_blank"><i class="fa fa-github"></i></a>
</li>
<li class="dribbble"><a title="LinkedIn" href="https://ml.linkedin.com/in/aboubacar-djenika-584311225" target="_blank"><i class="fa fa-linkedin"></i></a>
</li>
</ul>
</div>
<!-- Contact form -->
<div class="col-12 col-lg-8">
<form class="contactform" method="post" action="">
<div class="contactform">
<div class="row">
<div class="col-12 col-md-4">
<input type="text" name="name" id="name" placeholder="Votre nom">
</div>
<div class="col-12 col-md-4">
<input type="email" name="email" id="email" placeholder="Votre email" required>
</div>
<div class="col-12 col-md-4">
<input type="text" name="subject" id="subject" placeholder="Objet" required>
</div>
<div class="col-12">
<textarea name="message" id="message" placeholder="Votre message"></textarea>
<button type="submit" class="button" onclick="sendMail()">
<span class="button-text">Envoyer le message</span>
<span class="button-icon fa fa-send"></span>
</button>
</div>
<div class="col-12 form-message">
<span class="output_message text-center font-weight-600 text-uppercase"></span>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</section>
<script src="js/jquery-3.5.0.min.js"></script>
<script src="js/preloader.min.js"></script>
<script src="js/fm.revealator.jquery.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/masonry.pkgd.min.js"></script>
<script src="js/classie.js"></script>
<script src="js/cbpGridGallery.js"></script>
<script src="js/jquery.hoverdir.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.js"></script>
<script src="js/custom.js"></script>
</body>
</html>