-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
235 lines (227 loc) · 11.3 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
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Portfolio</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
<script src="app.js" defer></script>
<link rel="icon" href="./img/my.jpg" type="image/x-icon">
</head>
<body>
<!--NavBar-->
<header>
<a href="#" class="logo">Portfolio</a>
<div class="toggle" onclick="toggleMenu();"></div>
<ul class="menu">
<li><a href="#home" onclick="toggleMenu();">Home</a></li>
<li><a href="#about" onclick="toggleMenu();">About Me</a></li>
<li><a href="#services" onclick="toggleMenu();">Services</a></li>
<li><a href="#work" onclick="toggleMenu();">Work</a></li>
<li><a href="#testimonial" onclick="toggleMenu();">Testimonial</a></li>
<li><a href="#contact" onclick="toggleMenu();">Contact</a></li>
</ul>
</header>
<section class="banner" id="home">
<div class="textBx">
<h2><span>Nikoloz Abashia</span></h2>
<h3>Junior Front End Developer</h3>
<a href="https://www.linkedin.com/in/nikoloz-abashia-536681222/" class="btn">LinkedIn</a>
</div>
</section>
<!--page2 Introduce MySelf-->
<section class="about" id="about">
<div class="heading">
<h2>About Me</h2>
</div>
<div class="content">
<div class="contentBx w50" >
<h3></h3>
<p>I am Junior Front-End Developer. I have no work experience.
I am interested in programming, especially in the Front-end direction. I make some small projects and websites using: HTML, CSS, Javascript.
2021- up to date - I listen to many online tutorials learn React.js From: Codevolution, Academind, Programming with Mosh and at the same time I use it in practice.
I want to become a frontend developer use my knowledge by working on various diverse and interesting projects. I think that I should achieve a lot by working on myself.
If you are interested, I am ready to introduce you myself.<br><br>I want to be
involved in creating applications that people use on a daily basis.
I also love writing codes with Html and CSS.
I spend most of my time writing code, no matter what I work for.
I also love problem solving which makes me and all programmers very happy.
</p>
</div>
<div class="w50">
<img src="./img/img1.jpg" class="img">
</div>
</div>
</section>
<!--Page 3 I do public services-->
<section class="services" id="services">
<div class="heading white">
<h2>Services</h2>
<p>A public service is a service intended to serve all members of a community.</p>
</div>
<div class="content">
<a class="servicesBx" href="https://rockcontent.com/blog/web-design/">
<img src="./img/icon1.png">
<h2>Web Design</h2>
<p>Web design encompasses many different skills and disciplines in the production and maintenance of websites.</p>
</a>
<a class="servicesBx" href="https://blog.openclassrooms.com/en/2018/03/28/web-development-definition/">
<img src="./img/icon2.png">
<h2>Web Development</h2>
<p>Web development is the work involved in developing a Web site for the Internet World Wide Web.</p>
</a>
<a class="servicesBx" href="https://www.host-shopper.com/what-is-web-programming.html">
<img src="./img/icon3.png">
<h2>Web Programming</h2>
<p>Web programming refers to the writing, markup and coding involved in Web development, which includes Web content.</p>
</a>
<a class="servicesBx" href="https://www.techopedia.com/definition/25099/android-app">
<img src="./img/icon4.png">
<h2>Android App</h2>
<p>Android is a mobile operating system based on a modified version of the Linux kernel and other open source software design.</p>
</a>
<a class="servicesBx" href="https://www.semrush.com/blog/">
<img src="./img/icon5.png">
<h2>Content Writing</h2>
<p>Content writing services also known as online content writing services and content marketing services is a category of work that first surfaced in the early 1990s. </p>
</a>
<a class="servicesBx" href="https://www.techopedia.com/definition/2077/video-editing">
<img src="./img/icon6.png">
<h2>Video Editing</h2>
<p>Video editing is the manipulation and arrangement of video shots. Video editing is used to structure and present all video information, including films and television shows.</p>
</a>
</div>
</section>
<!--Here are the projects I have been working on -->
<section class="work" id="work">
<div class="heading">
<h2>My Latest Work</h2>
<p>The projects I was working on</p>
</div>
<div class="content">
<div class="workBx">
<img src="./img/project1.jpg" class="project1"><h2 class="text_project" style="color:DarkGoldenRod;">Responsive Persnola Portfolio</h2>
</div>
<div class="workBx">
<img src="./img/project2.jpg" class="project2"><h2 class="text_project" style="color:DarkBlue ;">ResponsiveAdmin Dashboard</h2>
</div>
<div class="workBx">
<img src="./img/project3.jpg" class="project3"><h2 class="text_project" style="color:LightSkyBlue;">Parallax ScrollingWebsite</h2>
</div>
<div class="workBx">
<img src="./img/project4.jpg" class="project4"><h2 class="text_project" style="color:FireBrick;">e-commerce website Product Cards</h2>
</div>
<div class="workBx">
<img src="./img/project7.jpg" class="project5"><h2 class="text_project" style="color:rgb(122, 0, 102);">Glassmorshipm Button Hover Effects</h2>
</div>
<div class="workBx">
<img src="./img/project5.jpg" class="project6"><h2 class="text_project" style="color:darkslategray;">This project is done by React where used: Infinite Scrolling, Api, and Router</h2>
</div>
<div class="workBx">
<img src="./img/react-pages.jpg" class="project7"><h2 class="text_project" style="color:blueviolet;">This project is done by React where used: React-hooks, Bootstrap and Functionality</h2>
</div>
<div class="workBx">
<img src="./img/project8.jpg" class="project9"><h2 class="text_project" style="color:rgb(0, 255, 170);">This is my favourite Project,done by React where used: React-hooks, responsive, Redux, currency-exchange-rates and ....</h2>
</div>
<div class="workBx">
<img src="./img/rocketer.png" class="project10"><h2 class="text_project" style="color: #fe3b1f;">This is my favourite Second Project,done by React where used: React-hooks, Redux, Validation, Animation....</h2>
</div>
</div>
<div class="container_">
<a href="https://github.com/Nikoloza23"><span>View More</span></a>
</div>
</section>
<!--Here is a conversation between two featured programmers and a designer-->
<section class="testimonial" id="testimonial">
<div class="heading">
<h2>Testimonial</h2>
<p>A Testimonial service spoken statement extolling the virtue of a product</p>
</div>
<div class="content">
<div class="testimonialBx">
<p>Henry Charles Beck 4 June 1902 – 18 September 1974 was an English technical
draughtsman who created the present London Underground Tube map in 1931.
Beck drew the diagram in his spare time while working at the London Underground Signals Office.
London Underground tentatively introduced it to the public in a small pamphlet in 1933. It was immediately popular,
and the Underground has used topological maps to illustrate the network ever since..</p>
<h3>Someone Famous<br><span>Creative Designer</span><br><span><a href="https://en.wikipedia.org/wiki/Charles_Henry" style="color:white">Read More</a></span></h3>
</div>
<div class="testimonialBx">
<p>As a precocious student, Mark Zuckerberg launched Facebook from his Harvard dorm room in 2004.
Today, he’s a celebrated philanthropist who runs a company
that counts over a quarter of the world’s population 1.8 billion people as monthly users,
as well as being the fifth richest person in the world. He’s barely into his thirties.
Mark was in 6th grade when he started to code from the beginning it was clear he was talented</p>
<h3>Someone Famous<br><span>Creative Programmer</span><br><span><a href="https://en.wikipedia.org/wiki/Mark_Zuckerberg" style="color:white">Read More</a></span></h3>
</div>
</div>
</section>
<!--Here is my contact info-->
<section class="contact" id="contact">
<div class="heading white">
<h2>Contact Me</h2>
<p>Facebook Instagram or LinkedIn</p>
</div>
<div class="content">
<div class="contactInfo">
<h3>Conact Info</h3>
<div class="contactInfoBx">
<div class="box">
<div class="icon">
<i class="fa fa-map-marker"></i>
</div>
<div class="text">
<h3>Address</h3>
<p>Georgian</p>
</div>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-phone"></i>
</div>
<div class="text">
<h3>Phone</h3>
<p>555-92-85-35</p>
</div>
</div>
<div class="box">
<div class="icon">
<i class="fa fa-envelope-o"></i>
</div>
<div class="text">
<h3>Email</h3>
<p>abashia.nikoloza@gmail.com</p>
</div>
</div>
<div class="box">
<div class="icon">
<h3 class="resume">Get Resume</h3>
</div>
<div class="text">
<div>
<a class="download" href="cv/cv-nick.pdf" download="cv-nick.pdf"><span class="download_">Download</span><span class="pdf">PDF</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="formBx">
<form action="https://formsubmit.co/abashia.nikoloza@gmail.com" method="POST">
<!--Here is the text without the functionality -->
<input type="text" name="name" placeholder="Full Name" required>
<input type="email" name="email" placeholder="Email Address" required>
<input type="hidden" name="_next" value="">
<input type="hidden" name="_subject" value="New submission!">
<textarea placeholder="Your Message"></textarea>
<input type="submit" value="Send">
</form>
</div>
</div>
</section>
<div class="copyright">
</div>
</div>
</script>
</body>
</html>