forked from salvadorJimenez/MHAssignment1
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
150 lines (147 loc) · 6.69 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-wigth,initial-scale=1,maximum-scale=1">
<title>Salvador Jiménez Mendoza</title>
<!--CSS-->
<link rel="stylesheet" href="css/style.css">
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!--JS-->
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/jquery.easing.min.js"></script>
<script src="js/scrolling-nav.js"></script>
<script src="js/script.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!--/////////////-->
<!--Fonts-->
<link href="https://fonts.googleapis.com/css?family=Cabin|Caveat+Brush|Indie+Flower|VT323|Yanone+Kaffeesatz" rel="stylesheet">
<!--/////////////-->
</head>
<body>
<!-- header -->
<header id="header">
<!-- navbar -->
<nav class="navbar navbar-default 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="#header">Salvador Jimenez Mendoza</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul id="menu" class="nav navbar-nav navbar-right">
<li><a class="page-scroll" href=".container"> Me </a></li>
<li><a class="page-scroll" href="#aboutMe"> About Me </a></li>
<li><a class="page-scroll" href="#hobbies"> Hobbies </a></li>
<li><a class="page-scroll" href="#video">Video of the day</a></li>
<li><a class="page-scroll" href="#contactMe">ContactMe</a></li>
</ul>
</div>
</div>
</nav>
<!-- Presentation Image -->
<div class="parallax jumbotron" id="inicio">
<h1>Salvador Jiménez Mendoza</h1>
<p>Yeahh!! that's my name :D</p>
</div>
</header>
<div class="container" id="changeNav">
<!-- Me Section -->
<section id="home" class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-xs-offset-3 col-xs-6 col-sm-offset-0 col-sm-4 col-md-4 ">
<figure><img class=" img-rounded img-responsive center-block" src="img/fotocv2.png" alt=""></figure>
</div>
<div class="col-xs-12 col-sm-8 col-md-8">
<h3 class="text-justify">I'm Salvador Jiménez Mendoza like i'd said a million times before, i am here and i going to tell you a kind of story or something about me, couse you have to admit that love me and you want to know more about me :D so here we go...</h3>
</div>
</div>
</section>
</div>
<!-- AboutMe Section -->
<section id="aboutMe" class="row">
<div class="col-md-10 col-md-offset-1">
<h2 >Hello everyone, so here I am </h2>
<p class="text-justify">I'm a student of the university of Colima, specificly Faculty of Telematic and I'm study Software Engineering. I'm really excited to be here becouse i really love code. Be a programer is the best thing in the world, really like me solve things and think logicly.
</p>
<p class="text-justify">
I know that maybe I'm not the best in my area, but i really do my best effort, everyday. I really like to learn new things, I'm a curious person and something that can be good for the team is that Im a really really a tolerant person, and that means that I'm a calm and relax person and is really weird that someone see me angry or sad, but if you see me angry some day, run for your life.
</p>
<p class="text-justify">But see me angry is like win the lottery, so this never happens :)</p>
</div>
</section>
<!-- Hobbies Section -->
<section id="hobbies" class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-12">
<h2>My Hobbies</h2>
<p>My principal hobbies are</p>
</div>
<div class="col-md-3">
<h3>Music</h3>
<figure><img class="img-responsive center-block" src="img/music.png" alt=""></figure>
</div>
<div class="col-md-3">
<h3>Videogames</h3>
<figure><img class="img-responsive center-block" src="img/videogames.png" alt=""></figure>
</div>
<div class="col-md-3">
<h3>Learn new things</h3>
<figure><img class="img-responsive center-block" src="img/learn.png" alt=""></figure>
</div>
<div class="col-md-3">
<h3>Anime</h3>
<figure><img class="img-responsive center-block" src="img/anime.png" alt=""></figure>
</div>
</div>
<div class="col-md-10 col-md-offset-1">
<div class="col-md-3">
<h3>Stories</h3>
<figure><img class="img-responsive center-block" src="img/stories.png" alt=""></figure>
</div>
<div class="col-md-3">
<h3>Netflix</h3>
<figure><img class="img-responsive center-block" src="img/netflix.png" alt=""></figure>
</div>
<div class="col-md-3">
<h3>Sleep</h3>
<figure><img class="img-responsive center-block" src="img/sleep.png" alt=""></figure>
</div>
<div class="col-md-3">
<h3>Girlfriend</h3>
<figure><img class="img-responsive center-block" src="img/love.png" alt=""></figure>
</div>
</div>
</section>
<!-- Video of the day Section -->
<section id="video" class="row">
<div class="col-md-10 col-md-offset-1">
<div class="col-md-12">
<h2 class="center-block">Video of the day</h2>
</div>
<div id="resp" class="col-md-12">
<iframe class="center-block" width="720" height="480" src="https://www.youtube.com/embed/wBgp5aDH23g?autoplay=0" volume=".5" frameborder="0" allowfullscreen></iframe>
</div>
</div>
</section>
<!-- Footer -->
<footer id="contactMe" class="row">
<div class="col-md-8 col-md-offset-2">
<h3>ContactMe</h3>
<div class="col-xs-12 col-sm-12 col-md-12 text-center">
<figure class="col-xs-12 col-sm-4 col-md-4"><a href="https://www.facebook.com/SalvadorJiimenez"><img src="img/facebook.png" alt=""></a></figure>
<figure class="col-xs-12 col-sm-4 col-md-4"><a href="https://mx.linkedin.com/in/salvadorjimenez/en"><img src="img/linkedin.png" alt=""></a></figure>
<figure class="col-xs-12 col-sm-4 col-md-4"><a href="https://github.com/salvadorJimenez"><img src="img/github.png" alt=""></a></figure>
</div>
</div>
</footer>
</body>
</html>