-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·139 lines (134 loc) · 4.12 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by TEMPLATED
http://templated.co
Released for free under the Creative Commons Attribution License
Name : Undeviating
Description: A two-column, fixed-width design with dark color scheme.
Version : 1.0
Released : 20140322
-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Francesco Strazzullo</title>
<meta name="keywords" content="Francesco Strazzullo" />
<meta name="description" content="Francesco Strazzullo personal website" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900|Quicksand:400,700|Questrial" rel="stylesheet"
/>
<link href="app.css" rel="stylesheet" type="text/css" media="all" />
</head>
<body>
<div id="header-wrapper">
<header class="container">
<div class="main-title">
<h3 class="hide-small">
Frontend Engineer, Speaker and Trainer @ e-xtrategy
</h3>
<h1>
<a href="/">Francesco Strazzullo</a>
</h1>
</div>
<nav class="menu hide-small">
<ul>
<li class="active">
<a href="/">Homepage</a>
</li>
<li>
<a href="https://medium.com/@TheStrazz86">Blog</a>
</li>
<li>
<a href="/video.html">Video</a>
</li>
<li>
<a href="/workshops.html">Workshops</a>
</li>
</ul>
</nav>
</header>
</div>
<div class="wrapper">
<div class="container">
<div id="banner">
<img src="images/img.jpg" width="1200" height="500" alt="Codemotion Berlin" />
</div>
<div id="welcome">
<p>
I'm a Frontend Engineer @
<a href="https://www.extrategy.net/">e-xtrategy</a>. I'm also speaker at tech conferences and reviewer for Manning, Packt and Pragmatic Programmer.
I like to relax playing with my Playstation or cooking some strange ethnic dish for me and my girlfriend.
</p>
</div>
<main>
<div class="box">
<div class="title">
<h4>
<i class="fas fa-pencil-alt"></i>
</h4>
<h2>Tech Blog</h2>
</div>
<p>
I like to write down my experiments and my thoughts about Javascript and its ecosystem. You can check it on Medium.
</p>
<a href="https://medium.com/@TheStrazz86" class="button">Blog</a>
</div>
<div class="box">
<div class="title">
<h4>
<i class="fas fa-microphone"></i>
</h4>
<h2>Speaker</h2>
</div>
<p>
I'm an international speaker in tech conferences around Eurpoe. I also participate in User Groups as a speaker or organizer.
</p>
<a href="/video.html" class="button">Videos</a>
</div>
<div class="box">
<div class="title">
<h4>
<i class="fas fa-book"></i>
</h4>
<h2>Trainer</h2>
</div>
<p>
I'm a trainer that helps organizations to learn new tools and techinique. You can check my workshops in the link below.
</p>
<a href="/workshops.html" class="button">Workshops</a>
</div>
</main>
</div>
</div>
<div id="footer">
<div class="fbox">
<i class="fa fa-envelope"></i>
<span>[email protected]</span>
</div>
</div>
<div id="copyright">
<p>© Francesco Strazzullo. All rights reserved. | Design by
<a href="http://templated.co" rel="nofollow">TEMPLATED</a>.
</p>
<ul class="contact">
<li>
<a href="https://github.com/francesco-strazzullo">
<i class="fab fa-github"></i>
</a>
</li>
<li>
<a href="https://twitter.com/TheStrazz86">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://medium.com/@TheStrazz86">
<i class="fab fa-medium"></i>
</a>
</li>
</ul>
</div>
<script defer src="https://use.fontawesome.com/releases/v5.0.9/js/all.js" integrity="sha384-8iPTk2s/jMVj81dnzb/iFR2sdA7u06vHJyyLlAd4snFpCl/SnyUjRrbdJsw1pGIl"
crossorigin="anonymous" async defer></script>
</body>
</html>