Skip to content

Commit 808dc3f

Browse files
Samaya20Samaya20
committed
commit
0 parents  commit 808dc3f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

78 files changed

+55348
-0
lines changed

‎about.html

+161
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,161 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Portfolio | About</title>
9+
<link rel="icon" href="img/favicon.png">
10+
<link rel="stylesheet" href="scss/style.css">
11+
</head>
12+
13+
<body class="h_100_body">
14+
15+
<!------------------------ Header start ------------------------>
16+
17+
<header id="header" class="header">
18+
<div class="container-fluid">
19+
<div class="row">
20+
<div class="logo">
21+
<img src="img/Icon Glasses 1.png" alt="logo">
22+
</div>
23+
<nav class="nav_links">
24+
<ul class="nav_items">
25+
<li class="nav_item"><a href="index.html">Home</a></li>
26+
<li class="nav_item"><a href="works.html">Works</a></li>
27+
<li class="nav_item active"><a href="javascript:void(0)">About</a></li>
28+
<li class="nav_item"><a href="contact.html">Contact</a></li>
29+
</ul>
30+
<i id="open_btn" class="icofont-navigation-menu d-none"></i>
31+
</nav>
32+
<nav class="mobile_nav_links">
33+
<ul class="mobile_nav_items">
34+
<li class="mobile_nav_item"><a href="index.html">Home</a></li>
35+
<li class="mobile_nav_item"><a href="works.html">Works</a></li>
36+
<li class="mobile_nav_item active"><a href="javascript:void(0)">About</a></li>
37+
<li class="mobile_nav_item"><a href="contact.html">Contact</a></li>
38+
<i id="close_btn" class="icofont-close"></i>
39+
</ul>
40+
</nav>
41+
</div>
42+
</div>
43+
</header>
44+
45+
<!------------------------ Header end ------------------------>
46+
47+
<!------------------------ About start ------------------------>
48+
49+
<section id="about" class="about">
50+
<div class="container-fluid">
51+
<div class="row">
52+
<div class="col-12 col-lg-7">
53+
<div class="text_box">
54+
<h1>
55+
I am Tunar Abuzar. Google certified Product designer. Self-interested sport photographer,
56+
Videographer and Youtuber. My job is creating minimalist, clean and user centered
57+
designs for your product.
58+
<br><br>
59+
I am currently based in Baku, Azerbaijan. Working full-time and have some freelance jobs.
60+
</h1>
61+
<br>
62+
<h1>Want to know me more?</h1>
63+
<div class="social_links">
64+
<a href="javascript:void(0)">Linkedin</a>
65+
<a href="javascript:void(0)">Instagram</a>
66+
<a href="javascript:void(0)">Behance</a>
67+
<a href="javascript:void(0)">Dribble</a>
68+
<a href="javascript:void(0)">Email</a>
69+
</div>
70+
<a class="cv_btn" href="javascript:void(0)">Download my CV</a>
71+
</div>
72+
</div>
73+
<div class="col-12 col-lg-5 mt-lg-0 mt-1 img_col">
74+
<img src="img/Final-9 1.png" alt="">
75+
</div>
76+
</div>
77+
</div>
78+
</div>
79+
</section>
80+
81+
<!------------------------ About end ------------------------>
82+
83+
<section id="info" class="info">
84+
<div class="container-fluid">
85+
<div class="row">
86+
<div class="col-12 col-lg-3 mt-3 mt-lg-0">
87+
<ul class="info_list">
88+
<li class="list_title">
89+
<h1>About me</h1>
90+
</li>
91+
<li class="list_item"><a href="javascript:void(0)">25 years old</a></li>
92+
<li class="list_item"><a href="javascript:void(0)">From Sheki, Azerbaijan</a></li>
93+
<li class="list_item"><a href="javascript:void(0)">A rock lover, not the hard one</a></li>
94+
<li class="list_item"><a href="javascript:void(0)">Unstopable learner</a></li>
95+
<li class="list_item"><a href="javascript:void(0)">Traveller and dreamer</a></li>
96+
</ul>
97+
</div>
98+
<div class="col-12 col-lg-3 mt-3 mt-lg-0">
99+
<ul class="info_list">
100+
<li class="list_title">
101+
<h1>When I am not designing</h1>
102+
</li>
103+
<li class="list_item"><a href="javascript:void(0)">Reading my beloved books</a></li>
104+
<li class="list_item"><a href="javascript:void(0)">Working on carpentary projects</a></li>
105+
<li class="list_item"><a href="javascript:void(0)">Creating beautiful videos for my <br>
106+
Youtube channel</a></li>
107+
<li class="list_item"><a href="javascript:void(0)">Shooting footbal matches</a></li>
108+
<li class="list_item"><a href="javascript:void(0)">and so much more...</a></li>
109+
</ul>
110+
</div>
111+
<div class="col-12 col-lg-3 mt-3 mt-lg-0">
112+
<ul class="info_list">
113+
<li class="list_title">
114+
<h1>Countries I have been </h1>
115+
</li>
116+
<li class="list_item"><a href="javascript:void(0)">United Kingdom</a></li>
117+
<li class="list_item"><a href="javascript:void(0)">Georgia</a></li>
118+
<li class="list_item"><a href="javascript:void(0)">Russia</a></li>
119+
<li class="list_item"><a href="javascript:void(0)">Turkey</a></li>
120+
</ul>
121+
</div>
122+
<div class="col-12 col-lg-3 mt-3 mb-3 mb-lg-0 mt-lg-0">
123+
<ul class="info_list">
124+
<li class="list_title">
125+
<h1>Designers I love</h1>
126+
</li>
127+
<li class="list_item"><a href="javascript:void(0)">Ulvin Omarov</a></li>
128+
<li class="list_item"><a href="javascript:void(0)">Narmin Mahmudova</a></li>
129+
<li class="list_item"><a href="javascript:void(0)">Dashgin Ahmad</a></li>
130+
<li class="list_item"><a href="javascript:void(0)">Sevinj Akbarova</a></li>
131+
</ul>
132+
</div>
133+
</div>
134+
</div>
135+
</section>
136+
137+
<!------------------------ Footer start ------------------------>
138+
139+
<footer id="footer" class="footer">
140+
<div class="container-fluid">
141+
<div class="row">
142+
<div class="text_box col-12 col-lg-6">
143+
<h1>Like my designs?</h1>
144+
<a href="contact.html">contact <i class="icofont-long-arrow-right"></i></a>
145+
</div>
146+
<div class="copy_right col-12 col-lg-6">
147+
<p>&copy; 2022 all right reserved. Tunar Abuzar</p>
148+
</div>
149+
</div>
150+
</div>
151+
</footer>
152+
153+
<!------------------------ Footer end ------------------------>
154+
155+
156+
<script src="jquery.min.js"></script>
157+
<script src="index.js"></script>
158+
<script src="bootstrap/bootstrap.min.js"></script>
159+
</body>
160+
161+
</html>

‎bootstrap/bootstrap.min.css

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎bootstrap/bootstrap.min.js

+7
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎contact.html

+168
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,168 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
4+
<head>
5+
<meta charset="UTF-8">
6+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
7+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
8+
<title>Portfolio | Contact</title>
9+
<link rel="icon" href="img/favicon.png">
10+
<link rel="stylesheet" href="scss/style.css">
11+
<link rel="stylesheet" href="font-awesome/all.min.css">
12+
</head>
13+
14+
<body class="h_100_body">
15+
16+
<!------------------------ Header start ------------------------>
17+
18+
<header id="header" class="header">
19+
<div class="container-fluid">
20+
<div class="row">
21+
<div class="logo">
22+
<img src="img/Icon Glasses 1.png" alt="logo">
23+
</div>
24+
<nav class="nav_links">
25+
<ul class="nav_items">
26+
<li class="nav_item"><a href="index.html">Home</a></li>
27+
<li class="nav_item"><a href="works.html">Works</a></li>
28+
<li class="nav_item"><a href="about.html">About</a></li>
29+
<li class="nav_item active"><a href="javascript:void(0)">Contact</a></li>
30+
</ul>
31+
<i id="open_btn" class="icofont-navigation-menu d-none"></i>
32+
</nav>
33+
<nav class="mobile_nav_links">
34+
<ul class="mobile_nav_items">
35+
<li class="mobile_nav_item"><a href="index.html">Home</a></li>
36+
<li class="mobile_nav_item"><a href="works.html">Works</a></li>
37+
<li class="mobile_nav_item"><a href="about.html">About</a></li>
38+
<li class="mobile_nav_item active"><a href="javascript:void(0)">Contact</a></li>
39+
<i id="close_btn" class="icofont-close"></i>
40+
</ul>
41+
</nav>
42+
</div>
43+
</div>
44+
</header>
45+
46+
<!------------------------ Header end ------------------------>
47+
48+
<!------------------------ Contact start ------------------------>
49+
50+
<div id="contact" class="contact">
51+
<div class="container-fluid">
52+
<div class="row m-0">
53+
<div class="col-12 col-lg-4 contact_left">
54+
<div class="content_top">
55+
<h1>Contact information</h1>
56+
<p class="mt-3">Fill the form for me to contact you or:</p>
57+
<div class="contact_info mt-3">
58+
<a href="javascript:void(0)"><i class="icofont-envelope"></i> contact@tunarabuzar.com</a>
59+
<a href="javascript:void(0)"><i class="icofont-phone"></i> +994 50 486 11 54</a>
60+
<a href="javascript:void(0)"><i class="icofont-location-pin"></i> Mahammad Hadi, Khatai,
61+
Baku, Azerbaijan</a>
62+
</div>
63+
<div class="contact_icons">
64+
<a href="javascript:void(0)"><i class="icofont-linkedin"></i></a>
65+
<a href="javascript:void(0)"><i class="icofont-instagram"></i></a>
66+
<a href="javascript:void(0)"><i class="fa-solid fa-m"></i></a>
67+
<a href="javascript:void(0)"><i class="icofont-dribble"></i></a>
68+
<a href="javascript:void(0)"><i class="icofont-behance"></i></a>
69+
<a href="javascript:void(0)"><i class="icofont-facebook"></i></a>
70+
<a href="javascript:void(0)"><i class="icofont-youtube-play"></i></a>
71+
</div>
72+
</div>
73+
<div class="content_bottom">
74+
<p>I am sharing my works on these platforms as weel as my lifestyle.
75+
If you are interested about it you are always welcome to my accounts.</p>
76+
</div>
77+
</div>
78+
<div class="col-12 col-lg-8 p-0 contact_right">
79+
<div class="row">
80+
<div class="col-12 col-lg-10 wrapper">
81+
<div class="row">
82+
<div class="col-12 col-lg-5 mb-lg-5 start_col p-0 mt-lg-0 mt-4">
83+
<div class="form_input">
84+
<span class="p-0 pb-3">First name*</span>
85+
<input id="name" name="name" type="text" placeholder="your name">
86+
</div>
87+
</div>
88+
<div class="col-12 col-lg-5 mb-lg-5 end_col p-0 mt-lg-0 mt-4">
89+
<div class="form_input">
90+
<span class="p-0 pb-3">Last name*</span>
91+
<input id="lastname" name="lastname" type="text" placeholder="your last name">
92+
</div>
93+
</div>
94+
<div class="col-12 col-lg-5 mb-lg-5 start_col p-0 mt-lg-0 mt-4">
95+
<div class="form_input">
96+
<span class="p-0 pb-3">E-mail*</span>
97+
<input id="email" name="email" type="email" placeholder="your e-mail">
98+
</div>
99+
</div>
100+
<div class="col-12 col-lg-5 mb-lg-5 end_col p-0 mt-lg-0 mt-4">
101+
<div class="form_input">
102+
<span class="p-0 pb-3">Phone number</span>
103+
<input id="number" name="number" type="number" placeholder="+994 50 000 00 00">
104+
</div>
105+
</div>
106+
<div class="col-12 categories">
107+
<h1 class="category_title mt-lg-4 mt-5 mb-3">What you are requesting for</h1>
108+
<div class="row category_btns">
109+
<div class="col-6 col-lg-2 ui">
110+
<input type="radio" value="ux" id="ux" name="category" checked>
111+
<label for="ux">UX</label>
112+
</div>
113+
<div class="col-6 col-lg-2 ux">
114+
<input type="radio" value="ui" id="ui" name="category">
115+
<label for="ui">UI</label>
116+
</div>
117+
<div class="col-6 col-lg-2 logo_design">
118+
<input type="radio" value="logodesign" id="logodesign" name="category">
119+
<label for="logodesign">Logo design</label>
120+
</div>
121+
<div class="col-6 col-lg-2 branding">
122+
<input type="radio" value="branding" id="branding" name="category">
123+
<label for="branding">Branding</label>
124+
</div>
125+
</div>
126+
</div>
127+
<div class="col-12 form_textarea mt-3">
128+
<h1 class="textarea_title mb-3">Type your message here</h1>
129+
<textarea name="textarea" id="textarea" cols="30" rows="10"
130+
placeholder="your message ..."></textarea>
131+
</div>
132+
</div>
133+
</div>
134+
<div class="col-12 col-lg-2 submit_btn mt-lg-0 mt-4">
135+
<button id="submit" type="submit">Submit e-mail</button>
136+
</div>
137+
</div>
138+
</div>
139+
</div>
140+
</div>
141+
</div>
142+
143+
<!------------------------ Contact end ------------------------>
144+
145+
<!------------------------ Footer start ------------------------>
146+
147+
<footer id="footer" class="footer">
148+
<div class="container-fluid">
149+
<div class="row">
150+
<div class="text_box col-12 col-lg-6">
151+
<h1>Like my designs?</h1>
152+
<a href="javascript:void(0)">contact <i class="icofont-long-arrow-right"></i></a>
153+
</div>
154+
<div class="copy_right col-12 col-lg-6">
155+
<p>&copy; 2022 all right reserved. Tunar Abuzar</p>
156+
</div>
157+
</div>
158+
</div>
159+
</footer>
160+
161+
<!------------------------ Footer end ------------------------>
162+
163+
<script src="bootstrap/bootstrap.min.js"></script>
164+
<script src="jquery.min.js"></script>
165+
<script src="index.js"></script>
166+
</body>
167+
168+
</html>

0 commit comments

Comments
 (0)