-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
162 lines (162 loc) · 7.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<title>MV | Portfolio</title>
<meta name="keywords" content="Marija's Web Developer Portfolio">
<meta name="description" content="Hi, check out my bussines portfolio and come work with me-no regrets!">
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<link rel="shortcut icon" href="img/icon.png" type="image/x-icon">
<link rel="stylesheet" href="css/minify.css" type="text/css">
<link href="aos/aos.css" rel="stylesheet" />
<script src="js/arrow.js"></script>
</head>
<body>
<a href="#header"><i onclick="topFunction()" id="Button" class="fa fa-arrow-up" aria-hidden="true" title="Go to top"></i></a>
<header id="header" class="flexHorizontal">
<div id="logo" data-aos="fade-right">
<a href="index.html"><h1>MV</h1></a>
</div>
<nav id="nav">
<ul>
<a href="#about"><li></li>About me</a>
<a href="#skills"><li></li>Skills</a>
<a href="#projects"><li></li>Projects</a>
<a href="#contact"><li></li>Contact</a>
</ul>
</nav>
</header>
<div id="bgImage" data-aos="zoom-in">
<div id="drzac">
<div id="text1" class="left" >
<h2 class="w3-container w3-center w3-animate-left"><Coder></h2>
<p class="w3-container w3-center w3-animate-left">Front end developer that is focusing <br> on writing clean codes <br> that
can do whatever YOU want.</p>
</div>
<div id="text2" class="right">
<h2 class="w3-container w3-center w3-animate-right">Designer</h2>
<p class="w3-container w3-center w3-animate-right">Web designer with a huge passion,<br> just trying to
match colors for <br> your taste.Aestetic?Huge thing for me .
</p>
</div>
</div>
<div class="cleaner"></div>
</div>
<div id="frame">
<div id="about" class="centered">
<h3>Hi, my name is <mark>Marija Vučićević</h3></mark>
<p><i class="fa fa-desktop"></i> As you may see I'm an inspiring web developer from Serbia,
currently studying at ICT college. Besides doing this as a thing
I really enjoy, I also like art and all around it.
So if your ineteresting, we can
get in touch and we can make the best bussines deal that has ever
happend. How you can contact me? Easy, just scroll down and we can get
in touch right away-I'm fast in responding. </p>
</div>
</div>
<div id="skills" class="flexHorizontal">
<div class="colums" data-aos="fade-right">
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i> css/css3</li>
<li><i class="fa fa-check" aria-hidden="true"></i> html/html5</li>
<li><i class="fa fa-check" aria-hidden="true"></i> sass/less</li>
</ul>
</div>
<div class="colums">
<ul>
<li><i class="fa fa-check" aria-hidden="true" data-aos="zoom-in"></i> php</li>
<li><i class="fa fa-check" aria-hidden="true" data-aos="zoom-in"></i> c++</li>
<li><i class="fa fa-check" aria-hidden="true" data-aos="zoom-in"></i> sql</li>
</ul>
</div>
<div class="colums" data-aos="fade-left">
<ul>
<li><i class="fa fa-check" aria-hidden="true"></i> photoshop</li>
<li><i class="fa fa-check" aria-hidden="true"></i> c#</li>
<li><i class="fa fa-check" aria-hidden="true"></i> java script</li>
</ul>
</div>
</div>
<div id="projects" class="flexHorizontal" >
<div class="block">
<a href="https://famm.netlify.com/" target="_blank"><img src="img/picOne.png" alt="First Project Site"></a>
<h4>-First Project-</h4>
</div>
<div class="block" data-aos="zoom-in">
<a href="index.html"> <img src="img/picTwo.png" alt="Second Project Site"></a>
<h4>-Second Project-</h4>
</div>
<div class="block grey">
<i class="fa fa-hourglass-half flexHorizontal" aria-hidden="true"></i>
<h4>-Coming Soon-</h4>
</div>
</div>
<div id="contact" class="flexHorizontal">
<div id="socials" data-aos="fade-right">
<ul>
<a href="https://www.facebook.com/marija.vucicevic.3"><li class="hoverFb"> <i class="fa fa-facebook" aria-hidden="true"></i></li></a>
<a href="https://www.instagram.com/vuciceviccc/?hl=sr"><li class="hoverInsta"> <i class="fa fa-instagram" aria-hidden="true"></i></li></a>
<a href="https://twitter.com/login?lang=sr"><li class="hoverTw"> <i class="fa fa-twitter" aria-hidden="true"></i></li></a>
</ul>
</div>
<div id="form">
<form action="#" method="post">
<table>
<tr>
<th colspan="2">Get in contact with me!</th>
</tr>
<tr>
<td>Name:</td>
<td>
<input type="text" name="tbPolje" id="tbPolje" placeholder="Name">
</td>
</tr>
<tr>
<td>Last Name:</td>
<td>
<input type="text" name="tbPolje" id="tbPolje" placeholder="Last Name">
</td>
</tr>
<tr>
<td>Email:</td>
<td>
<input type="email" name="emailAddress" id="emailAddress" placeholder="example@gmail.com">
</td>
</tr>
<tr>
<td>Message:</td>
<td>
<textarea name="tbProsirenoPolje" id="tbProsirenoPolje" placeholder="Write a message..."></textarea>
</td>
</tr>
<tr>
<th colspan="2">
<input type="submit" value="Send" name="btnSumbit">
</th>
</tr>
</table>
</form>
</div>
<div id="other" data-aos="fade-left">
<ul>
<li> <a href="css/style.scss"><img src="img/sass.png" alt="Sass Icon"></a></li>
<li> <a href="sitemap.xml"><img src="img/sitemap.png" alt="Sitemap Icon"></a></li>
</ul>
</div>
</div>
<footer id="footer" class="flexHorizontal" >
<p>Marija Vučićević 18/19© <a href="https://www.ict.edu.rs/" target="_blank">Visoka ICT Škola</a></p>
</footer>
<link href="aos/aos.css" rel="stylesheet">
<script src="aos/aos.js"></script>
<script type="text/javascript">
AOS.init({
duration: 3000,
});
</script>
</body>
</html>