-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
126 lines (122 loc) · 7.53 KB
/
index.html
File metadata and controls
126 lines (122 loc) · 7.53 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
<!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 name="description" content="">
<meta name="author" content="">
<link rel="icon" href="">
<title>Houssam Hammouda | Web Developer Interactive Menu</title>
<!--Favicon-->
<link rel="shortcut icon" href="img/favicon.png" type="image/x-icon">
<link rel="icon" href="img/favicon.png" type="image/x-icon">
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Lobster&subset=cyrillic,cyrillic-ext,latin-ext,vietnamese" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Courgette&subset=latin-ext" rel="stylesheet">
<!-- Responsive -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<!--[if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script><![endif]-->
<!--[if lt IE 9]><script src="js/respond.js"></script><![endif]-->
</head>
<body>
<!-- Start -->
<div class="page-wrapper">
<!-- Preloader -->
<!-- End Preloader -->
<!-- header -->
<header>
<div class="d-flex flex-column flex-md-row align-items-center p-3 px-md-4 mb-3 bg-white border-bottom shadow-sm">
<h5 class="my-0 mr-md-auto font-weight-normal">Dev Houssam Hammouda</h5>
<nav class="my-2 my-md-0 mr-md-3">
<a class="p-2 active" href="index.html">Home</a>
<a class="p-2" href="about.html">About</a>
<a class="p-2" href="resume.html">Resume</a>
<a class="p-2" href="services.html">Services</a>
<a class="p-2" href="certificates.html">Certificates</a>
<a class="p-2" href="pricing.html">Pricing</a>
</nav>
<a class="btn btn-outline-dark" href="contact.html">Contact me!</a>
</div>
<div class="ratioMasterHeader"> <div class="ratioBottomHeader"> </div> <div class="ratioBottomHeader"> </div> </div>
</header>
<!-- End header -->
<main>
<!-- home -->
<div class="home">
<div class="card-inner">
<div class="row">
<div class="col-md-5 col-sm-12">
<div class="image about-img">
<img class="img-fluid mx-auto d-block position-relative about-tween rounded-circle" src="https://avatars3.githubusercontent.com/u/25590682?s=460&v=4" alt="">
</div>
</div><!-- End col-md-5 col-sm-12 -->
<div class="col-md-7 col-sm-12">
<div class="author">
<h4 class="hello-us mb-3">Hi! I'm Houssam Hammouda, and this is my website , Nice to meet you.</h4>
<p>
I design and code beautifully simple things, and I love what I do.
</p>
<span class="tolltip">Meet Me</span>
<h3 class="glitch-effect" data-text="I'M Houssam Hammouda">I'M Houssam Hammouda</h3>
<span class="typed mb-3 d-block about-work"></span>
<blockquote class="blockquote"><span> <q>It isn't the mountains ahead to climb that wear you out, it's the pebble in your shoe.</q></span><div class="spacer"></div><footer class="quote-author blockquote-footer">Muhammad Ali</footer></blockquote>
</div><!-- End author --><hr>
<div class="text">
Hello & Welcome , My name is <strong>Houssam Hammouda</strong> 21 years old from morrocco ,
El jadida City EXPERT proffestional web designer & developer / Front & Back end / Designer : PS + XD + AI I have rich experience in web site design and building and customization,
I am working as a web developer for last 6 years, and also I am working world best freelancing marketplace, like upwork, freelancer.
I have done thousend of website task in my career. and every client was happy for my work. feel free to contact with me for discuss your project.
<p>E-mail Address : <a href="mailto::devhoussam123@gmail.com">devhoussam123@gmail.com</a></p>
</div>
<div class="link-btn">
<a href="#" class="theme-btn btn-style-one">Download My CV</a>
<a href="#" class="theme-btn btn-style-two">My Portfolio</a>
</div>
<div class="link-btn">
<a href="https://github.com/themes4all" class="theme-btn btn-social" target="_blank"><span class="fa fa-github"></span></a>
<a href="https://www.linkedin.com/in/houssam-hammouda-62600b175/" class="theme-btn btn-social" target="_blank"><span class="fa fa-linkedin"></span></a>
<a href="https://stackoverflow.com/users/9333159/houssam-hammouda" class="theme-btn btn-social" target="_blank"><span class="fa fa-stack-overflow"></span></a>
<a href="https://www.freecodecamp.org/houssamhammouda" class="theme-btn btn-social" target="_blank"><span class="fa fa-free-code-camp"></span></a>
<a href="https://stackoverflow.com/users/9333159/houssam-hammouda?tab=profile" class="theme-btn btn-social" target="_blank"><span class="fa fa-behance"></span></a>
<a href="" class="theme-btn btn-social" target="_blank"><span class="fa fa-dribbble"></span></a>
<a href="https://plus.google.com/u/0/me" class="theme-btn btn-social" target="_blank"><span class="fa fa-google-plus"></span></a>
<a href="https://scholar.google.com/citations?hl=fr&user=DoPIsH8AAAAJ" class="theme-btn btn-social" target="_blank">
<span class="fa fa-graduation-cap"></span></a>
</div>
</div><!-- End col-md-7 col-sm-12 -->
</div><!-- End row -->
</div><!-- End card-inner -->
</div><!-- End home -->
</main>
<!-- footer -->
<footer class="text-center bg-dark">
<div class="container">
<!-- Logo -->
<a class="logo text-white" href="#">
<strong>DevHoussam Hammouda</strong>
</a>
<div class="link-btn">
<a href="https://github.com/themes4all" class="theme-btn btn-social ml-2" target="_blank"><span class="fa fa-github"></span></a>
<a href="https://www.linkedin.com/in/houssam-hammouda-62600b175/" class="theme-btn btn-social ml-2" target="_blank"><span class="fa fa-linkedin"></span></a>
<a href="https://stackoverflow.com/users/9333159/houssam-hammouda" class="theme-btn btn-social ml-2" target="_blank"><span class="fa fa-stack-overflow"></span></a>
<a href="https://www.freecodecamp.org/houssamhammouda" class="theme-btn btn-social ml-2" target="_blank"><span class="fa fa-free-code-camp"></span></a>
<a href="https://stackoverflow.com/users/9333159/houssam-hammouda?tab=profile" class="theme-btn btn-social ml-2" target="_blank"><span class="fa fa-behance"></span></a>
<a href="" class="theme-btn btn-social ml-2" target="_blank"><span class="fa fa-dribbble"></span></a>
<a href="https://plus.google.com/u/0/me" class="theme-btn btn-social ml-2" target="_blank"><span class="fa fa-google-plus"></span></a>
<a href="https://scholar.google.com/citations?hl=fr&user=DoPIsH8AAAAJ" class="theme-btn btn-social ml-2" target="_blank">
<span class="fa fa-graduation-cap"></span></a>
</div>
<p>© 2018-2019 Houssam Hammouda. All Rights Reserved.</p>
</div>
</footer>
<!-- End footer -->
</div><!-- End page-wrapper -->
<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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>