-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
78 lines (66 loc) · 3.81 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
<title>Milan Carevic - Personal website</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
</head>
<body>
<div class="top-container">
<h1>Step into Innovation with Me</h1>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
<img class="futuristic" src="images/futuristic 2.png" alt="futuristic-png">
</div>
<div class="middle-container">
<div class="profile">
<img class="slika" src="images/slika1.png" alt="Profle picture">
<h2>Hello</h2>
<p class="intro">My name is Milan, and I love coding.<br>
I'm an experienced Front-end Web Developer who enjoys transforming code into engaging web experiences.<br>
I'm here to bring your digital dreams to life
</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="html-icon" src="images/coding.png" alt="coding" ;>
<h3>Design and Development</h3>
<p>My journey began in 2018 with a desire to create incredible online experiences. Exploring the world of web design, I've found satisfaction in watching code come to life and evolve into remarkable results.
My passion is creating seamless user interfaces that leave a lasting impression.
</p>
</div>
<div class="skill-row">
<img class="data-icon" src="images/data-analysis.png" alt="Data">
<h3>My Digital Adventure</h3>
<p>I've worked on a variety of projects using React as my preferred framework. My interest in learning, which I pursued through the use of resources such as Udemy and online platforms.
My journey has been one of continuous learning, propelled by an active pursuit of new challenges that add to my ever-expanding expertise.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>Let's create amazing projects </h3>
<p class="contact-message">I hope you found this page interesting and useful. If you are interested in working with me, please do not hesitate to contact me.</p>
<a class="btn" href="mailto:[email protected]">Message me</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/milan-carevic/"> <i class="fab fa-linkedin"></i>
<a class="footer-link" href="https://github.com/carevicm"> <i class="fab fa-github"></i>
<a class="footer-link" href="https://www.instagram.com/carevicm/"> <i class="fab fa-instagram"></i>
<p class="copyright">© 2022 Milan Carevic.</p>
</div>
</body>
</html>