-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·145 lines (139 loc) · 5.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<!--fonts-->
<link href="https://fonts.googleapis.com/css?family=Cabin|Caveat+Brush|Indie+Flower|VT323|Yanone+Kaffeesatz" rel="stylesheet">
<!--bootstrap-->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!--my style-->
<link rel="stylesheet" type="text/css" href="css/style.css">
<!--JQuery-->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
<!--Bootstrap JS-->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<header>
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand page-scroll" href="index.html#background">Galuz Gonzalez</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="index.html#Me">Me</a></li>
<li><a href="index.html#AboutMe">About me</a></li>
<li><a href="index.html#Hobbies">Hobbies</a></li>
<li><a href="index.html#DayPlaylist">Play List</a></li>
<li><a href="index.html#Contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<figure class="ftop">
<div id="background"></div>
<div class="headerContent" id="headerContent">
<h1 id="style">German Gonzalez Moreno</h1>
<p id="style">Awesome! lets do this!</p>
</div>
</figure>
</header>
<main>
<article>
<div class="container">
<section id="Me" class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-4">
<figure><img class=" img-rounded img-responsive center-block" src="images/ProfilePicture.jpg" alt=""></figure>
</div>
<div class="col-md-8" id="TextMe">
<p>Well this guy is me and I'm going to talk about why I choose this profession, and it's because when I was a child, I was Impressed about technology, and the first time I was thinking that in this profession i should build a kind of Robot or something like that. </p>
</div>
</div>
</section>
</div>
<section id="AboutMe" class="row">
<div class="col-md-10 col-md-offset-1">
<h1>About me</h1>
<p>in this section i will talk about with which technology i started working professionally.
I started working with iOS specifically with Swift, and that was pretty amazing, here i learn how to track the bugs and how to use leaks. </p>
<p>On the other side, I found the Front-end world and I'm really excited about this, because I really discovered that I really like this, I like doing the design, working with ux and ui and after this Replicate the design with front-end technology.</p>
</div>
</section>
<section id="Hobbies" class="row">
<div class="col-md-10 col-md-offset-1">
<div class="">
<h1>My Hobbies</h1>
<p>My principal hobbies are</p>
</div>
<div class="col-md-3">
<h3>Music</h3>
<figure><img class="img-responsive center-block" src="images/music.png"></figure>
</div>
<div class="col-md-3">
<h3>Learn Front-End</h3>
<figure><img class="img-responsive center-block" src="images/front.png"></figure>
</div>
<div class="col-md-3">
<h3>Netflix</h3>
<figure><img class="img-responsive center-block" src="images/netflix.png"></figure>
</div>
<div class="col-md-3">
<h3>Series</h3>
<figure><img class="img-responsive center-block" src="images/series.png"></figure>
</div>
</div>
<div class="col-md-10 col-md-offset-1">
<div class="col-md-3">
<h3>Video Games</h3>
<figure><img class="img-responsive center-block" src="images/videogames.png"></figure>
</div>
<div class="col-md-3">
<h3>Coffee</h3>
<figure><img class="img-responsive center-block" src="images/coffee.png"></figure>
</div>
<div class="col-md-3">
<h3>Sleep</h3>
<figure><img class="img-responsive center-block" src="images/sleep.png" id="sleep"></figure>
</div>
<div class="col-md-3">
<h3>Girlfriend</h3>
<figure><img class="img-responsive center-block" src="images/girl.png"></figure>
</div>
</div>
</section>
<section id="DayPlaylist" class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-12">
<h1 class="center-block">Day Playlist</h1>
</div>
<div id="resp" class="col-md-12">
<iframe src="https://embed.spotify.com/?uri=spotify%3Auser%3Aspotify_latino%3Aplaylist%3A7fnRRDNxAhZXuIbxlMM6BI" width="300" height="380" frameborder="0" allowtransparency="true"></iframe>
</div>
</div>
</section>
</article>
</main>
<footer id="Contact">
<h1>Contact</h1>
<div>
<div>
<a href="https://www.facebook.com/Galuz.Gonzalez"><img src="images/fb.png"></a>
</div>
<div>
<a href="https://www.linkedin.com/in/german-gonzalez-moreno-a2a0b4106"><img src="images/linkedin.png"></a>
</div>
<div>
<a href="https://twitter.com/GaluzG"><img src="images/twitter.png"></a>
</div>
</div>
</footer>
</body>
</html>