-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
149 lines (140 loc) · 5.06 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Matias' Portfolio</title>
<!-- Styles -->
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto:400,500,300' type='text/css' />
<link rel="stylesheet" href="/dist/app.css" />
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<header>
<nav id="mainBar" class="navbar navbar-default navbar-fixed-top transparent">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Matias' Portfolio</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li><a href="#" data-to="#philosophy">Philosophy</a></li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
</header>
<section id="myProfile">
<div class="container">
<div class="row">
<div class="image col-xs-12 col-md-4 text-center">
<!-- <img src="/dist/img/profile.png" alt="Matias Pierobon" class="img-round img-thumbnail" /> -->
</div>
<div class="col-md-8">
<div class="name">Matias Pierobon</div>
<div class="job">System Developer</div>
<ul class="skills">
<li>PHP</li>
<li>Symfony3</li>
<li>JavaScript</li>
<li>NodeJs</li>
<li>HTML5</li>
<li>CSS3</li>
<li>Java</li>
<li>Python</li>
<li>C#</li>
<li>VB.Net</li>
<li>Pascal</li>
<li>Ruby (OnRails)</li>
<li>C++</li>
</ul>
</div>
</div>
</div>
</section>
<section id="philosophy">
<div class="container">
<h1>Philosophy</h1>
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-4">
<article class="box html5">
<header>
<i class="fa fa-html5"></i>
</header>
<h1>HTML5 Based</h1>
<p>All the power supported by HTML5 and W3C. Along with all the
updated standards that are trend on the web programming</p>
</article>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<article class="box css3">
<header>
<i class="fa fa-css3"></i>
</header>
<h1>Well Designed</h1>
<p>All the power of the latest Web Design Techs offers by CSS3 and
new browsers</p>
</article>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<article class="box resp">
<header>
<i class="fa fa-mobile"></i>
</header>
<h1>Responsive</h1>
<p>One web for all resolutions and devices</p>
</article>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<article class="box mvc">
<header>
<i class="fa fa-code"></i>
</header>
<h1>Fat Models, thin Ctrls</h1>
<p>The most used MVC Philosophy used in system developments.</p>
</article>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<article class="box scal">
<header>
<i class="fa fa-line-chart"></i>
</header>
<h1>Scalable System</h1>
<p>Best practices and time issues are import as much as the
adaptability of the system</p>
</article>
</div>
<div class="col-xs-12 col-sm-6 col-lg-4">
<article class="box perf">
<header>
<i class="fa fa-bolt"></i>
</header>
<h1>High Performance</h1>
<p>Each system must be done with the correct language for its tools
to work</p>
</article>
</div>
</div>
</div>
</section>
<!-- Include the App compiled -->
<script src="/dist/app.js"></script>
</body>
</html>