-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
132 lines (130 loc) · 6.41 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
<!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>Portfolio</title>
<meta name="keywords" content="Portfolio, FINKI, Faculty of Computer Science and Software Engineering, CSS, HTML, Coding, Personal">
<meta name="description" content="Angel Damcheski - Portfolio">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="Portfolio_Images/1.jpg">
<script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
</head>
<body>
<nav class="navbar">
<div class="max-width">
<div class="logo">
<a href="#">Portfo<span>lio.</span></a>
</div>
<ul class="menu">
<li><a href="#doma">Home</a></li>
<li><a href="#za">About</a></li>
<li><a href="#rabota">Artwork</a></li>
<li><a href="#kontakt">Contact</a></li>
</ul>
</div>
</nav>
<span id="doma"></span>
<section class="home" id="home">
<div class="max-width">
<div class="home-content">
<div class="text-1">Hello, my name is</div>
<div class="text-2">Angel Damcheski</div>
<div class="text-3">student of <a href="https://finki.ukim.mk/">FINKI</a></div>
</div>
</div>
</section>
<span id="za"></span>
<section class="about" id="about">
<div class="max-width">
<h2 class="title">About me</h2>
<div class="about-content">
<div class="column-left">
<img src="Portfolio_Images/personal.jpeg" alt="Angel Damcheski">
</div>
<div class="column-right">
<div class="text">My name is Angel, student of <a href="https://finki.ukim.mk/" class="aboutmeFINKI">FINKI</a></div>
<p>I'm deeply passionate about coding and web development, focusing on mastering Object-Oriented Programming (OOP) and Java Spring. My journey began with a fascination for creating digital solutions that seamlessly blend functionality and user experience. Through Java Spring, I've honed my skills in building robust, scalable web applications that meet modern standards. My approach emphasizes clean, efficient code that not only solves problems but also serves as a foundation for future development. I constantly seek new challenges to expand my skills, staying abreast of the latest trends and technologies in web development. My goal is to leverage my expertise to create innovative, user-centric web solutions that make a positive impact.</p>
<a href="#" id="cv">Here you can download my CV</a>
</div>
</div>
</div>
</section>
<span id="rabota"></span>
<section class="artwork" id="artwork">
<div class="max-width">
<h2 class="title">My artwork</h2>
<div class="artwork-content">
<div class="left">
<img src="Portfolio_Images/8.jpeg" alt="image">
<img src="Portfolio_Images/2.jpeg" alt="image">
<img src="Portfolio_Images/1.jpg" alt="image">
<img src="Portfolio_Images/3.jpeg" alt="image">
<img src="Portfolio_Images/4.jpeg" alt="image">
<img src="Portfolio_Images/5.jpeg" alt="image">
<img src="Portfolio_Images/6.jpeg" alt="image">
<img src="Portfolio_Images/7.jpeg" alt="image">
</div>
</div>
</div>
</section>
<span id="kontakt"></span>
<section class="contact">
<div class="max-width">
<h2 class="title">A way to contact me</h2>
<div class="contact-content">
<div class="column-left">
<div class="text">Let's talk</div>
<p>If you have any questions or want to tell me something, feel free to contact me!</p>
<div class="icons">
<div class="row">
<i class="fas fa-user"></i>
<div class="info">
<div class="head">Name</div>
<div class="sub-title">Angel Damcheski</div>
</div>
</div>
<div class="row">
<i class="fas fa-marker-alt"></i>
<div class="info">
<div class="head">Address</div>
<div class="sub-title">6530, Makedonski Brod</div>
</div>
</div>
<div class="row">
<i class="fas fa-envelope"></i>
<div class="info">
<div class="head">Email</div>
<div class="sub-title">[email protected]</div>
</div>
</div>
</div>
</div>
<div class="column-right">
<div class="text">Message me</div>
<form action="#">
<div class="fields">
<div class="field-name">
<input type="text" placeholder="Name" required>
</div>
<div class="field-email">
<input type="email" placeholder="Email" required>
</div>
</div>
<div class="field">
<input type="text" placeholder="Subject" required>
</div>
<div class="field-textarea">
<textarea cols="54" rows="10" placeholder="Hey" required></textarea>
</div>
<div class="button">
<button type="submit">Send my message</button>
</div>
</form>
</div>
</div>
</div>
</section>
</body>
</html>