-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
172 lines (148 loc) · 9.08 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
<!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 href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="https://s26.postimg.cc/9zwrq2j9l/favicon.png">
<!-- .svg, .png or .ico images are recommended because they support transparency, useful for displaying logo / round icons 16*16PX -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="scss/styles.css">
</head>
<body>
<div class="container">
<header class="header">
<div class="texto header__text">
<h1 class="header__h1">Web designer | web developer</h1>
<h2 class="header__h2">Valeria Rimbu</h2>
</div>
<div class="me header__img">
<img alt="photoMe" src="./img/fotoPerf.jpg" />
</div>
</header>
<div class="container__center">
<aside class="aside">
<div class="light-bleu square">
<p class="text first-color">#1c8baa</p>
</div>
<div class="dark-bleu square">
<p class="text second-color">#2d3c49</p>
</div>
<div class="red-dark square">
<p class="text third-color">#b3311c</p>
</div>
<div class="green square">
<p class="text fourth-color">#005370</p>
</div>
</aside>
<section class="container2">
<hr>
<div class="container2__img">
</div>
</section>
</div>
<div class="container_icons">
<p class="list_icons">
<img src="img/icons/html5.png" alt="">
<img src="img/icons/css3.png" alt="">
<img src="img/icons/js.png" alt="">
<img src="img/icons/bootstrap.png" alt="">
<img src="img/icons/scss.png" alt="">
<img src="img/icons/react.png" alt="">
<img src="img/icons/mysql.png" alt="">
<img src="img/icons/java.png" alt="">
<img src="img/icons/github.png" alt="">
<img src="img/icons/visual_studio_code.png" alt="">
<img src="img/icons/azure.png" alt="">
</p>
<h3 class="featured">My work</h3>
</div>
<div class="gallery">
<article class="first-proj proj">
<a href="https://valnicky.github.io/shop_bootstrap/" target="_blank">
<div class="photo" alt="proj1"></div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt="html5"> <img src="img/icons/css3.png" alt="css3"> <img src="img/icons/bootstrap.png" alt="bootstrap"><img src="img/icons/js.png" alt=""></p>
<h3>Web Shop Bootstrap</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://valnicky.github.io/shop_bootstrap/" target="_blank">https://valnicky.github.io/shop_bootstrap/</a></p>
</article>
<article class="sec-proj proj">
<a href="https://valnicky.github.io/HTMLCSS-LandingPage/" target="_blank">
<div class="photo"></div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt=""> <img src="img/icons/css3.png" alt=""> <img src="img/icons/bootstrap.png" alt=""> </p>
<h3>Climbing</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://valnicky.github.io/HTMLCSS-LandingPage/" target="_blank">https://valnicky.github.io/HTMLCSS-LandingPage/</a></p>
</article>
<article class="third-proj proj">
<a href="https://valnicky.github.io/to-do-list-CORS-API/" target="_blank">
<div class="photo"> </div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt=""> <img src="img/icons/js.png" alt=""><img src="img/icons/scss.png" alt=""><span>API</span></p>
<h3>To do list API</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://valnicky.github.io/to-do-list-CORS-API/" target="_blank">https://valnicky.github.io/to-do-list-CORS-API/</a></p>
</article>
<article class="fourth-proj proj">
<a href="http://htmlpreview.github.io/?https://github.com/valnicky/fend-project-memory-game/blob/master/index.html" target="_blank">
<div class="photo"></div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt=""> <img src="img/icons/css3.png" alt=""> <img src="img/icons/js.png" alt=""></p>
<h3>Memory Game</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="http://htmlpreview.github.io/?https://github.com/valnicky/fend-project-memory-game/blob/master/index.html" target="_blank">https://github.com/valnicky/fend-project-memory-game</a></p>
</article>
<article class="fifth-proj proj">
<a href="https://valnicky.github.io/amazon-cart/" target="_blank">
<div class="photo"></div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt=""> <img src="img/icons/css3.png" alt=""> <img src="img/icons/react.png" alt=""> </p>
<h3>Amazon Cart</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://valnicky.github.io/amazon-cart/" target="_blank">https://valnicky.github.io/amazon-cart/</a></p>
</article>
<article class="sixth-proj proj">
<a href="https://codepen.io/valnicky/pen/XVrepe" target="_blank">
<div class="photo"></div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt=""> <img src="img/icons/css3.png" alt=""> <img src="img/icons/js.png" alt=""> </p>
<h3>Pixel Art Maker</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://codepen.io/valnicky/pen/XVrepe" target="_blank">https://codepen.io/valnicky/pen/XVrepe</a></p>
</article>
<article class="seventh-proj proj">
<a href="https://codepen.io/valnicky/full/yEOeow" target="_blank">
<div class="photo"> </div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt=""> <img src="img/icons/css3.png" alt=""> <img src="img/icons/js.png" alt=""></p>
<h3>GSAP M a t c h i n g G a m e</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://codepen.io/valnicky/full/yEOeow" target="_blank">https://codepen.io/valnicky/full/yEOeow</a></p>
</article>
<article class="eighth-proj proj">
<a href="https://valnicky.github.io/Mini-projects/" target="_blank">
<div class="photo"></div>
</a>
<p class="proj_icons"> <img src="img/icons/html5.png" alt=""> <img src="img/icons/css3.png" alt=""> <img src="img/icons/bootstrap.png" alt=""> <img src="img/icons/js.png" alt=""></p>
<h3>Blackjack&Games</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://valnicky.github.io/Mini-projects/" target="_blank">https://valnicky.github.io/Mini-projects/</a></p>
</article>
<article class="ninth-proj proj">
<a href="https://valnicky.github.io/netflix-clone/" target="_blank">
<div class="photo"></div>
</a>
<p class="proj_icons"> <img src="img/icons/scss.png" alt=""> <img src="img/icons/react.png" alt=""><span>API</span></p>
<h3>Netflix Clone</h3>
<p class="page"> <img src="./img/click.png" alt="click"><a href="https://valnicky.github.io/netflix-clone/" target="_blank">https://valnicky.github.io/netflix-clone/</a></p>
</article>
</div>
</div>
<footer class="footer">
<hr>
<ul>
<li><a href="https://twitter.com/valnicky" target="_blank"><i class="fa fa-twitter fa-2x" aria-hidden="true"></i>Twitter</a></li>
<li><a href="https://github.com/valnicky" target="_blank"><i class="fa fa-github fa-2x" aria-hidden="true"></i>GitHub</a></li>
<li><a href="https://codepen.io/valnicky/" target="_blank"><i class="fa fa-codepen fa-2x" aria-hidden="true"></i>CodePen</a></li>
<li><a href="https://join.skype.com/invite/cvjkWcuieOKO" target="_blank"><i class="fa fa-skype fa-2x" aria-hidden="true"></i>Skype</a></li>
</ul>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.7.1/gsap.min.js"></script>
<script src="./script.js"></script>
</body>
</html>