-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathproject3.html
More file actions
241 lines (239 loc) · 10.8 KB
/
project3.html
File metadata and controls
241 lines (239 loc) · 10.8 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
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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<link rel="icon" href="img/logo-ico.png" type="image/icon type" />
<link
href="https://fonts.googleapis.com/css?family=Raleway&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/main.css" />
<script
src="https://kit.fontawesome.com/d8e60bc0b5.js"
crossorigin="anonymous"
></script>
<title>Project 3</title>
</head>
<body>
<header id="header-inner">
<div class="container">
<nav id="main-nav">
<img src="img/logo.png" alt="My Logo" id="logo" />
<div class="menu-wrap mobile">
<input type="checkbox" class="hide toggler" />
<div class="hamburger hide"><div></div></div>
<div class="menu">
<div>
<div>
<ul class="top-ul">
<li class="top-li">
<a href="index.html" class="top-link">Home</a>
</li>
<li class="top-li">
<a href="projects.html" class="current top-link"
>Projects <i class="fas fa-angle-down"></i
></a>
<ul class="in-ul">
<li class="in-li">
<a href="project1.html">proj #1</a>
</li>
<li class="in-li">
<a href="project2.html">proj #2</a>
</li>
<li class="in-li">
<a href="project3.html">proj #3</a>
</li>
</ul>
</li>
<li class="top-li">
<a href="references.html" class="top-link"
>References <i class="fas fa-angle-down"></i
></a>
<ul class="in-ul">
<li class="in-li">
<a href="reference1.html">Ref #1</a>
</li>
<li class="in-li">
<a href="reference2.html">Ref #2</a>
</li>
<li class="in-li">
<a href="reference3.html">Ref #3</a>
</li>
</ul>
</li>
<li class="top-li">
<a href="experiences.html" class="top-link"
>Experiences
</a>
</li>
<li class="top-li">
<a href="about.html" class="top-link">About</a>
</li>
<li class="top-li">
<a href="contact.html" class="top-link">Contact</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<section
id="project-a"
class="text-center py-3"
style="background-image: url('./img/projects/3.jpg');"
>
<div class="container">
<div class="name">
<h2 class="section-subject">Project 3</h2>
<div class="bottom-line"></div>
</div>
</div>
</section>
<section id="project-b" class="bg-secondary py-4">
<div class="container">
<h2 class="section-subject">Technologies Used in this project</h2>
<div class="bottom-line"></div>
<div class="techs">
<div>
<i class="fas fa-file-alt fa-2x"></i>
<h3>Concepting</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Obcaecati debitis accusamus facere, nesciunt dolorem culpa tenetur
provident blanditiis numquam commodi?
</p>
</div>
<div>
<i class="fas fa-desktop fa-2x"></i>
<h3>Ui/UX</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Obcaecati debitis accusamus facere, nesciunt dolorem culpa tenetur
provident blanditiis numquam commodi?
</p>
</div>
<div>
<i class="fas fa-object-ungroup fa-2x"></i>
<h3>Visual design</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Obcaecati debitis accusamus facere, nesciunt dolorem culpa tenetur
provident blanditiis numquam commodi?
</p>
</div>
<div>
<i class="fas fa-thumbs-up fa-2x"></i>
<h3>Interaction</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Obcaecati debitis accusamus facere, nesciunt dolorem culpa tenetur
provident blanditiis numquam commodi?
</p>
</div>
</div>
</div>
</section>
<section id="project-c" class="py-3 bg-light">
<div class="container">
<h2 class="section-subject">Project !</h2>
<div class="bottom-line"></div>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, iste
expedita illum molestias quas, doloremque tempora a accusantium
eveniet repudiandae earum tenetur eligendi cupiditate praesentium
deserunt quae dolorem impedit mollitia pariatur minus nam beatae.
Eveniet at quis magnam molestiae, distinctio labore atque quod. Enim,
modi odit aut unde eveniet placeat? Enim impedit suscipit deleniti?
Ducimus ut, architecto iste numquam ab earum accusamus praesentium
quam autem sint? Totam est laboriosam dolorum nesciunt impedit
suscipit, deleniti, dolores at illum consectetur labore voluptatibus
quibusdam, harum porro odio voluptates aperiam veniam? Molestiae
dolorum ullam culpa iusto. Id laboriosam ipsa modi itaque cumque in
asperiores voluptatem. Ipsam, optio. Commodi ullam temporibus
perspiciatis libero, incidunt beatae vel ipsum, non consectetur quasi
iure placeat corporis aliquid ut aspernatur, ab dolores laborum
assumenda officia obcaecati corrupti soluta! Quidem assumenda expedita
mollitia, fuga laborum sunt fugiat tempore enim omnis animi! Totam
vero deleniti praesentium ipsa hic aspernatur beatae dicta adipisci
vel facere illo quae, natus ratione, temporibus enim. Accusamus
eligendi, ratione rerum pariatur sapiente asperiores error quasi,
perferendis nesciunt nobis similique repellendus provident
consequuntur quaerat. Sed consectetur, doloremque optio quos ex dolore
ipsam id? Eveniet obcaecati molestias qui dolorum sapiente asperiores
ipsam velit illum culpa cupiditate delectus veniam praesentium
voluptatibus sed doloribus necessitatibus, aperiam reprehenderit?
Culpa quod nam iusto sunt architecto laborum dolore nisi cupiditate
exercitationem veritatis, soluta ab fugit mollitia asperiores
dignissimos. Dicta distinctio quidem in, ipsam maiores aliquid eveniet
praesentium? Distinctio quidem, deserunt laudantium vitae, qui
obcaecati ut amet odit unde, perspiciatis magni voluptas! Quam
molestias non temporibus ducimus commodi dolores voluptatibus sed
reprehenderit explicabo tempore libero, fugit eius dolore similique
magnam itaque assumenda delectus error pariatur eligendi illo,
asperiores unde. Magnam et placeat aspernatur earum iusto quas ducimus
deleniti odit ab a quisquam, debitis amet qui sunt labore est quaerat
ullam in nobis? Cum itaque eius vitae quae rerum voluptas.
Exercitationem nam omnis eaque consequatur cupiditate, quas totam
soluta dolorem ea. Iure blanditiis eius dolorem, sit nemo labore velit
mollitia dolores iste cum molestiae itaque amet pariatur quis quidem
assumenda, animi quibusdam illum, ad eveniet. Dicta, sapiente autem
enim totam, doloribus eius assumenda tempora dignissimos vero ipsum
error accusamus asperiores beatae, dolore nihil nemo dolor delectus
magnam voluptas id ut. Id impedit vero perspiciatis. A, quo quisquam?
Culpa nisi, assumenda asperiores inventore repudiandae totam sequi
adipisci repellendus cumque non ex quibusdam ab nihil beatae neque
officiis eligendi aliquid molestias quisquam mollitia, dolor unde
ipsum. Officiis minima nihil quaerat amet earum aut, ab quibusdam vel
hic eos adipisci excepturi, possimus iste fuga doloribus at facere eum
ratione animi incidunt! At, delectus odio! Eligendi ullam molestiae
non. Commodi ex aut molestiae beatae. Recusandae facere dolor numquam
ea. Suscipit dolorem ut, provident doloribus fugiat quo molestiae qui
hic libero, nesciunt dolorum optio quasi, aliquid veritatis asperiores
placeat impedit sunt animi aspernatur. Totam esse ea blanditiis
dolorem veritatis culpa quos facilis, voluptas molestiae vel numquam
deleniti ipsa reiciendis cum odit maxime officiis consectetur sint
soluta quaerat unde facere! Eligendi repudiandae iure repellendus
aperiam consectetur voluptas laudantium natus quis quidem fugiat?
</p>
</div>
</section>
<footer id="main-footer">
<div class="footer-content container">
<div class="personal-info">
<p>Muhammed Bedavi</p>
<p>Information Systems Engineering</p>
</div>
<div class="contact-info">
<p>Email: mhd.b96@gmail.com</p>
<p>Phone: 0531 886 12 90</p>
<p>Address: Istanbul, Turkey</p>
</div>
<div class="social">
<a href="https://twitter.com/mhd_b96" target="_blank"
><i class="fab fa-twitter"></i
></a>
<a href="https://www.facebook.com/Mhd.b96" target="_blank"
><i class="fab fa-facebook"></i
></a>
<a href="https://www.instagram.com/mhd_b96/" target="_blank"
><i class="fab fa-instagram"></i
></a>
<a href="https://www.linkedin.com/in/mhdb96/" target="_blank"
><i class="fab fa-linkedin"></i
></a>
</div>
</div>
<p class="copy-right">Copyright © 2019. All right Reserved</p>
</footer>
<button id="topBtn">
<i class="fas fa-arrow-up fa-2x"></i>
</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="js/scrollBtn.js"></script>
</body>
</html>