-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
146 lines (134 loc) · 8.24 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
<!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.0">
<title>Personal HomePage</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<nav id="navbar" aria-label="Main Site Links.">
<h3 class="nav-text">About Me</h3>
<h3 class="nav-text">My Hobies</h3>
<h3 class="nav-text">My Country</h3>
</nav>
<header class="c-site-header">
<h1>This is my Personal Page</h1>
</header>
<main id="main-location">
<div class="tittle-text">
<h2>ABOUT ME</h2>
</div>
<div class="main-text">
<p class="about-text">Well, my name is Orlando Morales, I am from Nicaragua,
a country sited in Central America, I am 36 years old
and now I am living in Birkenhead. I have been living
in the United Kindom for 1 year. In my country I studied
Civil Engineering and I worked as Civil Engineer
supervising, making budgets, designing and drawing plans
for projects such as roads, drains, buildings and houses.
I like the challenges and the new oportunities, so I am
learning Web Developer by my own 3 months ago and I
decided enter to this course to develop my skills and
learn more concepts and more tools to improve my websites.
I am a very outgoing person, like to be chill, relax but
also I am responsable and always like to learn new things
and take new challenges and oportunities.
I am very gratefull with CYF for this oportunity and to
let me be part of this challenge to reach a spot for the
main course to keep learning how to make Website and
become in a excellent Web Developer.
</p>
<img class="img-container" src="images/imagen1.jpeg" alt="Me">
</div>
<div class="tittle-text">
<h2>MY HOBBIES</h2>
</div>
<div class="main-text">
<ul >
<li class="hobbie-text">I like to play sports</li>
<img class="img-container1" src="images/football.jpeg" alt="football">
<img class="img-container1" src="images/tabletennis.jpeg" alt="tabletennis">
<img class="img-container1" src="images/basketball.jpg" alt="basketball">
<li class="hobbie-text">I like to watch movies</li>
<img class="img-container1" src="images/avengers.jpeg" alt="avengers">
<img class="img-container1" src="images/matrix.jpg" alt="matrix">
<img class="img-container1" src="images/johnwick.jpg" alt="johnwick">
<li class="hobbie-text">I like to study IT</li>
<img class="img-container1" src="images/it1.jpeg" alt="it1">
<img class="img-container1" src="images/it2.jpeg" alt="it2">
<img class="img-container1" src="images/it3.jpeg" alt="it3">
</ul>
</div>
<div class="tittle-text">
<h2>MY COUNTRY</h2>
</div>
<div class="main-text">
<p class="country-text">Nicaragua (Spanish: República de Nicaragua)
, is the largest country in Central America, bordered by
Honduras to the north, the Caribbean to the east, Costa Rica
to the south, and the Pacific Ocean to the west. Managua is
the country's capital and largest city. As of 2015, it was
estimated to be the second largest city in Central America.
Nicaragua's multiethnic population of six million includes
people of mestizo, Indigenous, European and African heritage.
The main language is Spanish. Indigenous tribes on the Mosquito
Coast speak their own languages and English.
The mixture of cultural traditions has generated substantial
diversity in folklore, cuisine, music, and literature, particularly
the latter, given the literary contributions of Nicaraguan poets
and writers such as Rubén Darío. Known as the "land of lakes and
volcanoes",Nicaragua is also home to the Bosawás Biosphere Reserve,
the second-largest rainforest of the Americas. The biological
diversity, warm tropical climate and active volcanoes make Nicaragua
an increasingly popular tourist destination. Nicaragua co-founded
the United Nations and is also a member of the Non-Aligned Movement,
Organization of American States, Bolivarian Alliance for the Peoples
of Our America, and Community of Latin American and Caribbean States.
</p>
</div>
<div>
<h2 class="patriotic-text">Patriotic Symbols</h2>
<div class="symbols">
<img class="img-container1" src="images/bandera.jpg" alt="flag">
<img class="img-container1" src="images/escudo.jpg" alt="shield">
<img class="img-container1" src="images/guardabarranco.jpg" alt="bird">
</div>
</div>
<p class="more-inf-nic">If you want to know more about Nicaragua you can click <a href="https://en.wikipedia.org/wiki/Nicaragua#" target="_blank"><span id="url">here</span> </a></p>
<div class="tittle-text">
<h2>WATCH THE VIDEO</h2>
</div>
<div class="video">
<p>Watch this video to know a little from the Nicaragua Culture</p>
<iframe width="560" height="315" src="https://www.youtube.com/embed/eq1tOhJdJZ0" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
<div class="tittle-text">
<h2>Calculate your Earnings, Expenses and Balance</h2>
</div>
<h3>Please input your Earnings (positives numbers) and your Expenses (negatives numbers) to get your Balance:</h3>
<ul id="list"></ul>
<input id="number"><i/d>
<button id="button_insert">Insert</button>
<br/>
<button id="button_calc">Calculate</button>
<button id="clear">Clear</button>
<p>Earnings: £<span id="earn"></span></p>
<p>Expenses: £<span id="expen"></span></p>
<p>Balance: £<span id="total"></span></p>
<div class="tittle-text">
<h2>Play the Dice Game!!! </h2>
</div>
<h3>So far you have rolled:<span id="number_dice"</span></h3>
<ul id="list_dice">
</ul>
<button id="button_roll">Roll the dice</button>
<h3 class="total_result">Total: <span id="roll_total">0</span>. <span id="info">Keep playing!</span></h3>
<button id="button_remove">Remove the last roll</button>
<button id="button_restart">Start again</button>
</main>
<footer class="c-site-footer">This website has been made for Orlando Morales</footer>
<script src="script.js" type="text/javascript"></script>
</body>
</html>