-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·219 lines (194 loc) · 8.2 KB
/
index.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
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
<!DOCTYPE html>
<html lang="en">
<head>
<title>HMI-Coders</title>
<meta charset="utf-8">
<meta name="description" content="GazaskyGeeksproject1">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/style.css" type="text/css">
<link rel="icon" type="image/x-icon" class="js-site-favicon" href="http://www.creativehunt.co/wp-content/uploads/2016/02/Code-300x300.png">
<link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Gloria+Hallelujah|Permanent+Marker|Rozha+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker|Rozha+One" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Gloria+Hallelujah|Permanent+Marker|Rozha+One" rel="stylesheet">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Courgette" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kalam" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Berkshire+Swash|Cairo|Gloria+Hallelujah|Indie+Flower|Permanent+Marker|Roboto+Slab|Rozha+One" rel="stylesheet">
</head>
<body>
<!--- start header --->
<header >
<div id="Home" class="container">
<div class="logo"><img src="img/logo2.png" alt="logo" draggable="false">
</div>
<nav id="navbar">
<button aria-label="Menu" class="burger-btn" >
<span class="icon-line"></span>
<span class="icon-line "></span>
<span class="icon-line"></span>
</button>
<ul class="list-nav ">
<li class="list-item" ><a href="#about-us">Home</a></li>
<li class="list-item"><a href="#ourTeam">Our Team</a></li>
<li class="list-item"><a href="#skills-works">Our Skills</a></li>
<li class="list-item"><a href="#contact-me">Contact me</a></li>
</ul>
</nav>
</div>
</header>
<!--- End header -->
<!-- Start about me -->
<div id="about-us">
<div class="container">
<div class="about-us-content">Empowering people to turn ideas into innovative products and services</div>
</div>
</div>
<!-- End about me -->
<!-- Start Features -->
<section id="skills-works" class="my-skills">
<div class="container">
<div class="skills">
<h2>Our skills </h2>
<p>I did not learn much in the field of software, but I learned a lot in the field of projects and management and work to bring funding to them and also have sufficient experience in the humanities and community services </p>
<p>I hav e been praised in many international and local activities in the field of human rights as well.</p>
</div>
<div class="progress">
<div class="technique">
<h3 >Java</h3>
<div>
<span > 50% </span>
</div>
</div>
<div class="technique">
<h3 >Web design</h3>
<div>
<span > 50% </span>
</div>
</div>
<div class="technique">
<h3 >Graphic design </h3>
<div>
<span > 50% </span>
</div>
</div>
<div class="technique">
<h3 >Information management </h3>
<div>
<span > 50% </span>
</div>
</div>
</div>
</div>
</section>
<!-- Start My info -->
<section id="ourTeam" class="our-team text-center">
<div class="container">
<h2 class="upper"><span>Our team</span></h2>
<div class="the-team">
<div class="person">
<img src="img/kevin.jpg" alt="The picture it's not avaliable" />
<h3 class="upper">Mahmoud Medhat Ihmaid</h3>
<p>Intrigued by design, traveling, photography, classical music, fabulous food, and even better conversations.</p>
<div class="social-icons">
<i class="fa fa-google-plus fa-lg"></i>
<i class="fa fa-facebook fa-lg"></i>
<i class="fa fa-twitter fa-lg"></i>
<i class="fa fa-youtube fa-lg"></i>
</div>
</div>
<div class="person">
<img src="img/hanan.jpg" alt="The picture it's not avaliable" />
<h3 class="upper">Hanan Twfeq Qwaider</h3>
<p> I will not be pround of myself until I become a professional programmer so u must wait me, Be happy </p>
<div class="social-icons">
<i class="fa fa-google-plus fa-lg"></i>
<i class="fa fa-facebook fa-lg"></i>
<i class="fa fa-twitter fa-lg"></i>
<i class="fa fa-youtube fa-lg"></i>
</div>
</div>
<div class="person">
<img src="img/ism.jpg" alt="The picture it's not avaliable" />
<h3 class="upper">Ismail Salah AlSaleh</h3>
<p>Seeking to be inspired, to envision the unlikely, to work hard for things that are worth it,.</p>
<div class="social-icons">
<i class="fa fa-google-plus fa-lg"></i>
<i class="fa fa-facebook fa-lg"></i>
<i class="fa fa-twitter fa-lg"></i>
<i class="fa fa-youtube fa-lg"></i>
</div>
</div>
<div class="person">
<img src="img/dalal.jpg" alt="The picture it's not avaliable" />
<h3 class="upper"> Dalal SaleemHsein alzreay</h3>
<p> I love desgin , I want to profitional coder , this site it's the first site i share todo it so ia'm so happy.</p>
<div class="social-icons">
<i class="fa fa-google-plus fa-lg"></i>
<i class="fa fa-facebook fa-lg"></i>
<i class="fa fa-twitter fa-lg"></i>
<i class="fa fa-youtube fa-lg"></i>
</div>
</div>
</div>
</div>
</section>
<<!-- Start Contact-me -->
<section id="contact-me" class="container">
<h2 class="major">Get in touch</h2>
<p>call me plaes any way i'll answer you in the small time , call me plaes any way i'll answer you in the small time ,call me plaes any way i'll answer you in the small time ,call me plaes any way i'll answer you in the small time.</p>
<div class="formAndcontact">
<div class="form">
<form action="#" method="post">
<div class="felid">
<label for="name" >Name</label>
<input type="text" name="name" id="name">
</div>
<div class="felid">
<label for="email" >Email</label>
<input type="email" name="email" id="email">
</div>
<div class="felid">
<label for="massage">Massage</label>
<textarea name="massage" id="massage" rows="4"></textarea>
</div>
<input type="submit" name="sendMassage" class="send-btn" value="Send Massage">
</form>
</div>
<div class="contact">
<ul style="font-size=.5em">
<li><i class="fa fa-home" aria-hidden="true"></i>Untitled Inc<br /> 1234 Somewhere Road Suite #2894<br /> Nashville, TN 00000-0000
</li>
<li>
<div class="">
<i class="fa fa-mobile" aria-hidden="true"></i> (970) 597-0000
</div>
</li>
<li>
<i class="fa fa-facebook-official" aria-hidden="true"></i>
<a href="">facebook.com</a>
</li>
<li>
<i class="fa fa-twitter" aria-hidden="true"></i>
<a href="">twitter.com</a>
</li>
<li>
<i class="fa fa-instagram" aria-hidden="true"></i>
<a href="">instagram.com</a>
</li>
</ul>
</div>
</div>
</section>
<!-- End Contact-me -->
<!-- Start Ultimate Footer Section -->
</section>
<section class="footer">
<div class="copyright text-center">
Copyright © 2017 <span>XYZ team</span> .Inc
</div>
</section>
<!-- End footer -->
<script src="javascript/javascript.js"></script>
</body>
</html>