Skip to content

Commit becb3f0

Browse files
Mihael SandroMihael Sandro
Mihael Sandro
authored and
Mihael Sandro
committed
about mostly done
1 parent 685a18e commit becb3f0

18 files changed

+393
-41
lines changed

‎about.html

Lines changed: 91 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -4,27 +4,29 @@
44
<head>
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<link rel="stylesheet" href="style.css">
7+
<link rel="stylesheet" href="css/style.css">
88
<style type="text/css">
9-
.st0{fill:#FC4F00;}
10-
.st1{fill:none;enable-background:new ;}
11-
</style>
9+
.st0 {
10+
fill: #FC4F00;
11+
}
12+
13+
.st1 {
14+
fill: none;
15+
enable-background: new;
16+
}
17+
18+
.st2{fill:#7F7F7F;}
19+
.st3{fill:#FFFFFF;}
20+
.st2:hover{
21+
fill:linear-gradient(to bottom right, #1946bb, #fc4f00);
22+
}
23+
24+
</style>
1225
<title>Mihael Sandro</title>
1326
</head>
1427

1528
<body>
16-
<header>
17-
18-
<!--
19-
<input type="checkbox" id="toggle">
20-
<label for="toggle"> <img class="burger" src="burger.svg" alt="yo issa burger"></label>
21-
<nav>
22-
<ul>
23-
<li> <a href="projects.html">Projects</a> </li>
24-
<li> <a href="about.html">About</a> </li>
25-
</ul>
26-
</nav>
27-
-->
29+
<header>
2830
<nav class="navbar">
2931
<span class="open-slide">
3032
<a href="#" onclick="openSlideMenu()">
@@ -45,16 +47,16 @@
4547

4648
<ul class="navbar-nav">
4749
<li> <a href="index.html">Home</a></li>
48-
<li><a class="navblue" href="projects.html">Projects</a></li>
49-
<li><a id="active" href="about.html">About</a></li>
50+
<li><a class="navblue" href="projects.html">Projects</a></li>
51+
<li><a id="active" href="about.html">About</a></li>
5052

5153
</ul>
5254
</nav>
5355

5456
<div id="side-menu" class="side-nav">
5557
<a href="#" class="btn-close" onclick="closeSlideMenu()">&times;</a>
5658
<li><a href="projects.html">Projects</a></li>
57-
<li><a href="about.html">About</a></li>
59+
<li><a href="about.html">About</a></li>
5860
</div>
5961

6062

@@ -63,12 +65,77 @@
6365
<h1 class="verticaltxt">About</h1>
6466
<main>
6567
<article>
68+
<div class="wrapper">
69+
<div><img class="portrait" src="images/Mihael%20Sandro.jpg" alt="selfportrait"></div>
70+
<div>
71+
<h2> It's all about passion.</h2>
72+
<p>20 years old Multimedia design and communication student at KEA, Copenhagen.</p>
73+
74+
75+
<p>And I'm most passionate about typography, design and animation. Love for typography started with pure fascination how some letters can look so good, but than again so ugly with the wrong font. Than again with some graphic design and typography you can create beautiful stuff. What's better why to advertise everything than put togther cool animations about your project. </p>
76+
77+
78+
</div>
79+
</div>
80+
<h3> Connect with me </h3>
81+
<span> <a href="https://www.behance.net/sandromihael"><svg class="svgicons" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
82+
viewBox="0 0 69.4 65.6" style="enable-background:new 0 0 69.4 65.6;" xml:space="preserve">
83+
<g>
84+
<g>
85+
</g>
86+
<g>
87+
</g>
88+
<g>
89+
</g>
90+
<g>
91+
</g>
92+
<g>
93+
</g>
94+
<g>
95+
</g>
96+
<g>
97+
</g>
98+
<g>
99+
</g>
100+
<g>
101+
</g>
102+
<g>
103+
</g>
104+
<g>
105+
</g>
106+
<g>
107+
</g>
108+
<g>
109+
</g>
110+
<g>
111+
</g>
112+
<g>
113+
</g>
114+
</g>
115+
<path class="st2" d="M34.7,5.3C19.4,5.3,7.2,17.8,7.2,32.8c0,15.2,12.3,27.5,27.5,27.5c15.1,0,27.5-12.1,27.5-27.4
116+
C62.2,17.6,49.9,5.3,34.7,5.3z"/>
117+
<g>
118+
<path class="st3" d="M15.1,45c0-8.2,0-16.3,0-24.5c0.1,0,0.2,0,0.4,0c3.8,0,7.5,0,11.3,0c1.2,0,2.5,0.1,3.6,0.6
119+
c2,0.7,3.4,2.1,3.8,4.2c0.3,1.6,0.3,3.2-0.6,4.7c-0.4,0.7-1.1,1.2-1.8,1.7c-0.1,0.1-0.3,0.1-0.4,0.2c0.4,0.2,0.8,0.4,1.1,0.6
120+
c1.2,0.7,2,1.8,2.4,3.2c0.6,2.7,0.1,5.2-1.9,7.2c-1.1,1.1-2.4,1.7-3.8,1.9c-1,0.1-2.1,0.2-3.1,0.2c-3.5,0-7,0-10.5,0
121+
C15.3,45,15.2,45,15.1,45z M20.7,34.3c0,2.2,0,4.3,0,6.5c2,0,3.9,0,5.8,0c0.5,0,1-0.1,1.4-0.3c1-0.3,1.6-1,1.8-2
122+
c0.2-0.7,0.2-1.4,0-2.1c-0.4-1.3-1.4-1.9-2.6-2C25.1,34.3,22.9,34.3,20.7,34.3C20.8,34.3,20.7,34.3,20.7,34.3z M20.7,30.2
123+
c0.1,0,0.2,0,0.3,0c1.6,0,3.2,0,4.9,0c0.4,0,0.9,0,1.3-0.1c0.6-0.1,1.1-0.3,1.5-0.6c0.7-0.5,0.8-1.3,0.8-2.1c0-1.3-0.6-2.1-1.9-2.4
124+
c-0.6-0.1-1.1-0.2-1.7-0.2c-1.7,0-3.3,0-5,0c-0.1,0-0.1,0-0.2,0C20.7,26.6,20.7,28.4,20.7,30.2z"/>
125+
<path class="st3" d="M54.3,36.8c-4.2,0-8.4,0-12.7,0c0,0.8,0.2,1.6,0.6,2.3c0.7,1.2,1.7,1.8,3.1,2c0.8,0.1,1.6,0.1,2.4-0.3
126+
c0.7-0.3,1.2-0.7,1.6-1.3c0.2-0.3,0.4-0.4,0.7-0.4c1.3,0,2.6,0,3.8,0c0.1,0,0.3,0,0.4,0c-0.1,0.9-0.5,1.7-1.1,2.4
127+
C52,43,50.7,44,49,44.5c-3.3,0.9-6.5,0.5-9.2-1.7c-1.4-1.1-2.2-2.7-2.5-4.4c-0.4-2.2-0.4-4.4,0.3-6.6c0.8-2.4,2.4-4.1,4.9-5
128+
c2.4-0.8,4.8-0.7,7.2,0.2c1.4,0.6,2.5,1.5,3.3,2.8c0.9,1.4,1.3,2.9,1.4,4.5C54.4,35.1,54.3,35.9,54.3,36.8z M49.6,33.8
129+
c-0.1-2.1-1.4-3.6-3.9-3.7c-2.5-0.1-3.7,1.6-3.9,3.7C44.4,33.8,47,33.8,49.6,33.8z"/>
130+
<path class="st3" d="M50.6,24c-3.3,0-6.5,0-9.8,0c0-0.8,0-1.6,0-2.4c3.3,0,6.5,0,9.8,0C50.6,22.4,50.6,23.2,50.6,24z"/>
131+
</g>
132+
</svg>
66133

67-
<div><img class="portrait" src="images/Mihael%20Sandro.jpg" alt="selfportrait"></div>
68-
<p>20 years old Multimedia design and communication student at KEA, Copenhagen.</p>
69134

70-
<h2> It's all about passion.</h2>
71-
<p>And I'm most passionate about typography, design and animation. Love for typography started with pure fascination how some letters can look so good, but than again so ugly with the wrong font. Than again with some graphic design and typography you can create beautiful stuff. What's better why to advertise everything than put togther cool animations about your project. </p>
135+
</a></span>
136+
<span><a href="https://www.linkedin.com/in/mihael-sandro/"> <img class="svgicons" src="css/linkedin_icon.svg"></a></span>
137+
<span> <a href="https://www.instagram.com/mihaelsandro"><img class="svgicons" src="css/instagram_icno-03.svg"></a></span>
138+
<span> <a href="mailto:[email protected]" subject="Hello!"><img class="svgicons" src="css/mail_icona-03.svg"></a></span>
72139

73140
</article>
74141

@@ -77,6 +144,6 @@ <h2> It's all about passion.</h2>
77144
</main>
78145
</body>
79146

80-
<script src="javas.js"></script>
147+
<script src="javascript/javas.js"></script>
81148

82149
</html>

‎css/behance.svg

Lines changed: 58 additions & 0 deletions
Loading

‎burger.svg renamed to ‎css/burger.svg

File renamed without changes.

‎css/fb_icon-03.svg

Lines changed: 38 additions & 0 deletions
Loading

‎css/instagram_icno-03.svg

Lines changed: 44 additions & 0 deletions
Loading

‎css/linkedin_icon.svg

Lines changed: 44 additions & 0 deletions
Loading

‎css/mail_icona-03.svg

Lines changed: 43 additions & 0 deletions
Loading

‎pattern.svg renamed to ‎css/pattern.svg

File renamed without changes.

0 commit comments

Comments
 (0)