-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
221 lines (175 loc) · 7.37 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
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Ingrid Donaire </title>
<link href='http://fonts.googleapis.com/css?family=Poiret+One|Nunito:700|Pacifico|Anton|Dancing+Script:700|Fredoka+One|Playball|Fugaz+One|Marck+Script|Crafty+Girls|Petit+Formal+Script|Mystery+Quest|Monofett|Ribeye+Marrow|Faster+One' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pacifico|Bangers' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<header>
<a href="index.html" id="logo">
<h1><marquee>Ingrid Donaire</marquee></h1>
<h2>Last project</h2>
</a>
<nav>
<ul>
<li><a href="index.html" class="selected" >My Self</a></li>
<li><a href="family.html">Family</a></li>
<li><a href="friends.html">Friends</a></li>
<li><a href="church.html">Church</a></li>
</ul>
</nav>
</header>
<div class="secondary-content t-border group">
<div class="tips">
<img src="img/IMG_6905.PNG" alt="div2">
<div class="tips">
<img src="img/IMG_8767.JPG" alt="Mountain Landscape">
</div>
<div class="resorts">
<img src="img/IMG_8923.JPG" alt="Mountain Landscape">
</div>
<div class="tips">
<img src="img/IMG_8939.JPG" alt="div2">
</div>
<div class="resorts">
<img src="img/IMG_8992.JPG" alt="Mountain Landscape">
</div>
<div class="tips">
<img src="img/IMG_9002.JPG" alt="div2">
</div>
<div class="resorts">
<img src="img/IMG_9010.JPG" alt="Mountain Landscape">
</div>
<div class="resorts">
<img src="img/IMG_0300.jpg" alt="div2">
</div>
<div class="tips">
<img src="img/IMG_1448.jpg" alt="div2">
</div>
<div class="resorts">
<img src="img/IMG_4292.JPG" alt="Mountain Landscape">
</div>
<div class="tips">
<img src="img/IMG_0517.JPG" alt="div2">
</div>
</div>
<section id="secondary" class="word" style="
background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, red , blue); /* Standard syntax (must be last) */
}">
<section id="secondary" class="text" >
<p style="color:black">NAME :</p><p> INGRID MARIEL DONAIRE SOLANO</p>
<p style="color:black">SCHOOL :</p><p>Western High School</p>
<p style="color:black">GRADE:</p><p>12th</p>
<p style="color:black">FROM :</p><p> HONDURAS,COMAYAGUA</p>
<P style="color:black">LENGUAGE :</P><P>Spanish</P>
<p style="color:black">OTHER : I'm learning English.</p>
<P>I came to United State almost three years ago.</P>
<P>I leave with my Mother and Bothers,</P>
<p>Also my Aunt's family and my
granmother's mom!</p>
</section>
<p>PERSONALITY:</p>
<ul style="color:black">
<li>Shy</li>
<li>Responsable</li>
<li>Creative</li>
<li>Hard Worker</li>
<li>Friendly</li>
<li>Honest</li>
<li>Curious</li>
<li>Artistic</li>
<li>ETC</li>
</ul>
<h1 style="color:black">How many bothers do I have?</h1>
<p id="demo">You want to guess!</p>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'I have two bothers & two Stepsisters!'">ANSWER</button>
<h1 style="color:black">Do I like Sport?</h1>
<p id="answer">What do you think?</p>
<button type="button" onclick="document.getElementById('answer').innerHTML = 'NO I dont like sport becuase I get tired so quickly!'">GUESS</button>
<h1 style="color:black">What I do on my free time?</h1>
<p id="no">Things that I love!</p>
<button type="button" onclick="document.getElementById('no').innerHTML = 'I go to the Church fron 7pm-9:30pm!'">GO</button>
<h1 style="color:black">What is my favorite subject?</h1>
<p id="tres">I have three!</p>
<button type="button" onclick="document.getElementById('tres').innerHTML = 'Math, Science And Art(Draw & Graphic Design)!'">Think about</button>
<p>I Want to be a Architec</p>
<p>PLans of my future:</p>
<ol style="color:black">
<li>Graduate from Hight school</li>
<li>Go to College</li>
<li>Study more about the Bible</li>
<li>Be a designer of (buildings,houses).</li>
<li>Make my onw Art.</li>
<li>Buy my car and also a house.</li>
<li>Give all that I have to serve my God.</li>
</ol>
<h3 class="text2">Contact Detail</h3>
<ul class="contact-info">
<li class="phone"><a href="tel:(410)245-3333">(410)245-3333</a></li>
<li class= "mail"><a href="mailto:marieljb12@yahoo.com">mariljb12@yahoo.com</a></li>
<li class= "twitter"><a href="http://twitter.com/intent/tweet?screen_name=imary dnr">@imary_dnr</a></li>
</ul>
</section>
</div>
<section class="lugares" id="pleace">
<div class="secondary-content t-border group">
<p class="lugar" id="viaje">PLEACES THAT I VISITED</p>
<div class="resorts">
<img src="img/yojoa.jpg" alt="Mountain Landscape">
<p style="color:yellow">EL LAGO DE YOJOA</p>
<a href="https://en.wikipedia.org/wiki/Lake_Yojoa">LakeYojoa.com</a>
</div>
<div class="tips">
<img src="img/chorros.jpg" alt="div2">
<p style="color:yellow">BALNEARIO LOS CHORROS</p>
<a href="https://www.youtube.com/watch?v=53JhxQQbnjc">El balneario los chorritos comayagua honduras</a>
</div>
<section id="sii" class="designs">
<p id="sii" class="designs">DESIGNS</p>
<div class="resorts">
<img src="img/IMG_4332.JPG" alt="div2">
</div>
<div class="tips">
<img src="img/IMG_2530.jpg" alt="Mountain Landscape">
</div>
<div class="resorts">
<img src="img/IMG_4765.JPG" alt="div2">
</div>
<div class="tips">
<img src="img/IMG_4788.jpg" alt="div2">
</div>
<div class="resorts">
<img src="img/IMG_5935.JPG" alt="Mountain Landscape">
</div>
<div class="tips">
<img src="img/IMG_2039.JPG" alt="div2">
</div>
<div class="resorts">
<img src="img/IMG_6128.JPG" alt="div2">
</div>
<div class="tips">
<img src="img/IMG_7021.JPG" alt="div2">
</div>
<div class="resorts">
<img src="img/IMG_7878.JPG" alt="Mountain Landscape">
</div>
<div class="tips">
<img src="img/IMG_7884.JPG" alt="div2">
</div>
</section>
<footer>
<p>© 2015 Ingrid Donaire.</p>
</footer>
<section id="popup" class="present">
<iframe width="560" height="315" src="https://www.youtube.com/embed/GPgMsw_GBZg" frameborder="0" allowfullscreen></iframe>
</section>
</div>
</section>
</body>
</html>