-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathf.html
159 lines (153 loc) · 8.34 KB
/
f.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
<!DOCTYPE html>
<html>
<head>
<title>Shagor</title>
<!--all meta tag-->
<meta charset="UTF-8">
<meta name="keywords" content="shagor,sagor,html,css,js,xml,bootstrap">
<meta name="Author" content="Shagor">
<meta name="description" content="shagor ahmed portfolio forntend web developer designer psd to html">
<meta name="viewport" content="width=device-width">
<!-- All CSS Files -->
<link rel="icon" type="image/x-icon" href="images//s.jpg"/>
<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
<link rel="stylesheet" type="text/css" href="css/font-awesome.css"/>
<link rel="stylesheet" type="text/css" href="css/owl.carousel.css"/>
<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
<link rel="stylesheet" type="text/css" href="css/owl.theme.css"/>
<link rel="stylesheet" type="text/css" href="css/settings.css"/>
<link rel="stylesheet" type="text/css" href="css/magnific-popup.css"/>
<link rel="stylesheet" type="text/css" href="css/preset.css"/>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/responsive.css"/>
<!-- End CSS Including -->
</head>
<body>
<div class="BackTo">
<a href="#" class="fa fa-angle-up" aria-hidden="true"></a>
</div>
<!-- ContactSec section Start here -->
<section class="ContactSec Secoverlay" id="ContactSec">
<div class="container">
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<div class="Common contactComm factComm wow fadeInUp">
<h2>Keep in touch</h2>
<span></span>
<p>Here you can find me. I'd like to hear from you all.
You can hire me, ask me about anything or buy me coffee.
</p>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-6 wow fadeInLeft">
<div class="col-sm-6 text-center">
<div class="SingleConLeft">
<i class="fa fa-home" aria-hidden="true"></i>
<h2>my place</h2>
<p>1234 st, Darlon city, Egypt 414220</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-sm-6 text-center">
<div class="SingleConLeft">
<i class="fa fa-phone" aria-hidden="true"></i>
<h2>call me</h2>
<p>(+020) 12 221 187 22</p>
<p>(+020) 11 221 187 21</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-sm-6 text-center">
<div class="SingleConLeft ConLeftMargin">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
<h2>send message</h2>
<p>[email protected]</p>
<p>[email protected]</p>
</div>
<div class="clearfix"></div>
</div>
<div class="col-sm-6 text-center">
<div class="SingleConLeft ConLeftMargin">
<i class="fa fa-clock-o" aria-hidden="true"></i>
<h2>work time</h2>
<p>Sat - Thr : 8.00 - 16.00 Friday: Holiday</p>
</div>
</div>
<div class="clearfix"></div>
</div>
<div class="col-lg-6 wow fadeInRight">
<div class="ExPartTwoRight ConForm">
<h2>Leave Me A Message</h2>
<span></span>
<p>You can ask me about anything here, just type your name and
e-mail and I'll answer you as soon as possible
</p>
</div>
<form class="ContactForm" method="post" action="contact.php">
<div class="InputGroup InputGFast">
<input type="text" placeholder="Your Name" name="name" value="" class="InputFast">
<i class="fa fa-user" aria-hidden="true"></i>
</div>
<div class="InputGroup InputMR15">
<input type="email" placeholder="Your E-mail" name="email" value="" class="InputFast">
<i class="fa fa-envelope-o" aria-hidden="true"></i>
</div>
<div class="InputGroup InputGroupMes">
<textarea placeholder="Type Your Message" name="msg" class="InputFast InputMsg"></textarea>
<i class="fa fa-commenting" aria-hidden="true"></i>
</div>
<div class="InputGroup InputGroupMes">
<button type="submit" class="FormBtn">Send message</button>
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-lg-8 col-lg-offset-2 text-center">
<footer class="social">
<h2>follow me here :</h2>
<a href="#" class="CMs fac"><i class="fa fa-facebook" aria-hidden="true"></i></a>
<a href="#" class="CMs twi"><i class="fa fa-twitter" aria-hidden="true"></i></a>
<a href="#" class="CMs git"><i class="fa fa-github" aria-hidden="true"></i></a>
<a href="#" class="CMs cod"><i class="fa fa-codepen" aria-hidden="true"></i></a>
<a href="#" class="CMs link"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
<a href="#" class="CMs drib"><i class="fa fa-dribbble" aria-hidden="true"></i></a>
<a href="#" class="CMs belan"><i class="fa fa-behance" aria-hidden="true"></i></a>
</footer>
</div>
</div>
</div>
</section>
<!-- ContactSec section end here -->
<!-- MapSec section Start here -->
<section class="MapSec">
<div class="container-fluid noPadding">
<div class="row">
<div class="col-lg-12">
<div id="map">
</div>
</div>
</div>
</div>
</section>
<!-- MapSec section end here -->
<!-- All JS Files -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/owl.carousel.min.js"></script>
<script type="text/javascript" src="js/jquery.appear.js"></script>
<script type="text/javascript" src="js/parallax.min.js"></script>
<script type="text/javascript" src="js/jquery.easypiechart.js"></script>
<script type="text/javascript" src="js/mixer.js"></script>
<script type="text/javascript" src="js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="js/typed.min.js"></script>
<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript" src="js/gmaps.js"></script>
<script type="text/javascript" src="js/wow.min.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>