-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.htm
More file actions
159 lines (159 loc) · 12.5 KB
/
Copy pathindex.htm
File metadata and controls
159 lines (159 loc) · 12.5 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/all.min.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/personal Style.css">
<link rel="stylesheet" href="css/style_responsive.css">
</head>
<body>
<div class="wholePageContainer container-fluid">
<div class="inner-container container gap-0">
<h1 data-text="choose your destination">choose your destination</h1>
<div class="listParentDiv">
<ul class="listParent">
<div class="list-item-div first-list-item-animation">
<li class="list-item bookstore-link"><a href="bookstore/index.htm" target="_blank">bookstore</a></li>
</div>
<div class="list-item-div second-list-item-animation">
<li class="list-item weather-link"><a href="weather/index.html" target="_blank">weather</a></li>
</div>
<div class="list-item-div third-list-item-animation">
<li class="list-item" id="aboutUsTab"><a href="#"></a>about us</li>
</div>
</ul>
</div>
</div>
</div>
<!-- media query content -->
<div class="about-us-window-div">
<div class="about-us-window-inner-container rounded shadow">
<div class="ayman-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/ayman-pic.JPG">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/ayman-maani/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/AymanQ-A-Maani" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Ayman Maani</p>
<p><span class="bio-span">Bio</span>: Business Administration graduate, Web developer on the rise, youtuber and a poet. Aspires to become a game developer.</p>
</div>
</div>
<div class="momen-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/Momen.jpg">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/momen-ajarmah-5644001a4" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Momen-Ajarmah" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Momen Ajarmah</p>
<p><span class="bio-span">Bio</span>: Law student graduate from An-Najah National University. Aspires to become a full-stack developer.</p>
</div>
</div>
<div class="mohammad-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/mohammad.jpg">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/mohammad-jaber-85238821b" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Mohamad-jaber" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Mohammad jaber</p>
<p><span class="bio-span">Bio</span>: Studying computer engineering at Palestine Technical University - Kadorie.</p>
</div>
</div>
<div class="sahar-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/default-user-profile-pic.jpg">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/sahar-abdalaziz-3912521aa" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Sahar-Abdalazeez" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Sahar Samer</p>
<p><span class="bio-span">Bio</span>: Computer Engineering graduate, Currently working for AUI company as a frontend engineer.</p>
</div>
</div>
<div class="about-us-description-inner-container">
<p>We are a group of 4 full-stack developers on the rise, who have come together to accomplish a task of building a website that is set to demonstrate considerable interpersonal skills in web development such as problem-solving, research, teamwork, leadership, and time management skills, as well as coding skills in HTML, CSS3, Bootstrap and JavaScript, during 8 months of intensive <span><a class="fullstack-link" href="https://www.facebook.com/groups/968128413284614">full-stack Bootcamp</a></span> experience. This website consists of 3 main pages: the navigation panel (the one you are on right now), the bookstore, and the weather page which is an API. Furthermore, this website was hardcoded without any third-party plugins, all the heavy lifting was built up in JavaScript. And lastly, it's responsive on all screen sizes.</p>
</div>
</div>
</div>
<!-- end of media query contet -->
<div class="signImageDiv">
<div class="signImageDiv-inner-container">
<img class="signImage" src="img/sign.png">
<div class="bios-div">
<div class="bios-inner-container">
<div class="about-us-description">
<div class="about-us-description-inner-container">
<p>We are a group of 4 full-stack developers on the rise, who have come together to accomplish a task of building a website that is set to demonstrate considerable interpersonal skills in web development such as problem-solving, research, teamwork, leadership, and time management skills, as well as coding skills in HTML, CSS3, Bootstrap and JavaScript, during 8 months of intensive <span><a class="fullstack-link" href="https://www.facebook.com/groups/968128413284614">full-stack Bootcamp</a></span> experience. This website consists of 3 main pages: the navigation panel (the one you are on right now), the bookstore, and the weather page which is an API. Furthermore, this website was hardcoded without any third-party plugins, all the heavy lifting was built up in JavaScript. And lastly, it's responsive on all screen sizes.</p>
</div>
</div>
<!-- media query for about us description -->
<a class="right-arrow" href="#"><i class="fa-solid fa-chevron-right"></i></a>
<a class="left-arrow" href="#"><i class="fa-solid fa-chevron-left"></i></a>
<div class="about-us-description-media">
<div class="about-us-description-inner-container-media">
<p>We are a group of 4 full-stack developers on the rise, who have come together to accomplish a task of building a website that is set to demonstrate considerable interpersonal skills in web development such as problem-solving, research, teamwork, leadership, and time management skills, as well as coding skills in HTML, CSS3, Bootstrap and JavaScript, during 8 months of intensive <span><a class="fullstack-link" href="https://www.facebook.com/groups/968128413284614">full-stack Bootcamp</a></span> experience. This website consists of 3 main pages: the navigation panel (the one you are on right now), the bookstore, and the weather page which is an API. Furthermore, this website was hardcoded without any third-party plugins, all the heavy lifting was built up in JavaScript. And lastly, it's responsive on all screen sizes.</p>
</div>
</div>
<!-- end of media query for about us description -->
<div class="first-two-bios-container">
<div class="ayman-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/ayman-pic.JPG">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/ayman-maani/" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/AymanQ-A-Maani" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Ayman Maani</p>
<p><span class="bio-span">Bio</span>: Business Administration graduate, Web developer on the rise, youtuber and a poet. Aspires to become a game developer.</p>
</div>
</div>
<div class="momen-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/Momen.jpg">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/momen-ajarmah-5644001a4" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Momen-Ajarmah" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Momen Ajarmah</p>
<p><span class="bio-span">Bio</span>: Law student graduate from An-Najah National University. Aspires to become a full-stack developer.</p>
</div>
</div>
</div>
<div class="second-two-bios-container">
<div class="mohammad-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/mohammad.jpg">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/mohammad-jaber-85238821b" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Mohamad-jaber" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Mohammad jaber</p>
<p><span class="bio-span">Bio</span>: Studying Computer Engineering at Palestine Technical University - Kadorie.</p>
</div>
</div>
<div class="sahar-bio flex-grow-0 flex-shrink-0 rounded shadow">
<div class="user-pic-div">
<img src="img/default-user-profile-pic.jpg">
</div>
<div class="user-bio-para-pool flex-grow-0 flex-shrink-0">
<a href="https://www.linkedin.com/in/sahar-abdalaziz-3912521aa" target="_blank"><i class="fa-brands fa-linkedin"></i></a>
<a href="https://github.com/Sahar-Abdalazeez" target="_blank"><i class="fa-brands fa-github"></i></a>
<p><span class="name-span">Name</span>: Sahar Samer</p>
<p><span class="bio-span">Bio</span>: Computer Engineering graduate, Currently working for AUI company as a frontend engineer.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/personal Js.js"></script>
</body>
</html>