Skip to content

Commit f818d25

Browse files
renanharriganrenanharrigan
committed
Submitting labs 1,2,3
1 parent ab2fb81 commit f818d25

File tree

6 files changed

+193
-0
lines changed

6 files changed

+193
-0
lines changed

‎Code/renan/html_css/lab1/Warrior_Thanos.jpg‎

45.6 KB
Loading

‎Code/renan/html_css/lab1/index.html‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Warlord From Titan</title>
8+
<link rel="stylesheet" href="styles.css">
9+
<!--https://static.wikia.nocookie.net/marvelcinematicuniverse/images/0/0e/Warrior_Thanos.jpg/revision/latest/scale-to-width-down/340?cb=20210818013102 -->
10+
</head>
11+
12+
<body>
13+
<h1>Thanos</h1>
14+
15+
16+
<a href="https://en.wikipedia.org/wiki/Thanos">Wikipedia Link</a>
17+
18+
<p>
19+
Known as the Warlord Himself, Destiny revealed, and the Mad Titan. Thanos is a genocidal warlord from Titan, whose objective was to bring stability to the universe by wiping out half of all life at every level, as he believed its massive population would inevitably use up the universe's entire supply of resources and perish.
20+
21+
</p>
22+
23+
24+
<p>
25+
Thanos was one of the last sons of Alars, progenitor of the second colony of Eternals of Titan, and Sui-San, the last survivor of the original settlement of Eternals on Titan. Born with grey, hide-like skin and a massive body, Thanos was a morose child who became obsessed with the concept of death.
26+
27+
</p>
28+
29+
30+
<p>
31+
At some point in his adult life, Thanos met the embodiment of Death itself who, in female form, became Thanos's companion. It is probable that Death was attracted to Thanos by both his philosophical dedication to nihilism as well as his willingness to commit genocide on even his own people. Thanos began, for the first time in his life, to experience love for another being, although the being was just a manifestation of Death. To make himself worthy of so awesome an entity, Thanos decided to acquire more power. At first he planned simply to seize political power through the conquest of worlds. To this end, he amassed a huge armada of battleships. Then he found a way to amplify immeasurably his personal power. Having kept the planet Earth under surveillance since it first exploded a nuclear weapon, Thanos learned of a power-object called the Cosmic Cube brought into existence by the subversive organization, Advanced Idea Mechanics. Thanos seized control of the reality-altering device and commanded it to give him control over the universe, thereby starting his unending conquest. His conviction is embodied in this popular quote from him where he says "I AM INEVITABLE."
32+
</p>
33+
34+
<div class="testing">
35+
36+
<img src="Warrior_Thanos.jpg" alt="Warrior_Thanos">
37+
38+
</div>
39+
40+
41+
42+
</body>
43+
44+
45+
46+
</html>

‎Code/renan/html_css/lab1/styles.css‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
body {
2+
background-color: blueviolet;
3+
width: 100vw;
4+
height: 100vh;
5+
6+
}
7+
8+
.testing {
9+
10+
/* background-image: url("Warrior_Thanos.jpg"); */
11+
/* background-size: 75%; */
12+
background-repeat: no-repeat;
13+
height: 100%;
14+
display:flex;
15+
justify-content: center;
16+
17+
}
18+
19+
20+
p {
21+
font-size: 16px;
22+
font-style: italic;
23+
text-align:center;
24+
margin: 10px;
25+
padding: 20px;
26+
}
27+
28+
img {
29+
30+
border: 2px solid gold;
31+
border-radius: 10px;
32+
33+
34+
35+
}

‎Code/renan/html_css/lab2/index.html‎

Lines changed: 47 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Blog</title>
8+
<link rel="stylesheet" href="styles.css">
9+
</head>
10+
<body>
11+
<header>
12+
13+
<a href="https://www.afvclub.com/">Vacations Deals</a>
14+
<h2>Kiwi Travel Blog</h2>
15+
<a href="https://www.id.me/">Hotel and Parks Discounts</a>
16+
17+
</header>
18+
19+
20+
<b></b>
21+
22+
<p>
23+
This Travel Blog is specifically to help veterans in geting the help they need in selecting vacation destinations at a phenomenal deal! Not only do we provide the destination at a locked in rate but we also provide recreational resources to get discounts so that you and your family can enjoy awesome activities while on vacation. Please feel free to contact at [email protected] us for more information.
24+
25+
26+
</p>
27+
28+
<b></b>
29+
30+
31+
<p>
32+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Exercitationem quaerat repellendus nihil natus earum sint possimus officia voluptate sunt ipsa obcaecati, eligendi porro aperiam sit non excepturi, voluptatibus ratione numquam!
33+
34+
</p>
35+
36+
<footer>Kiwi Travel Blog &copy; 2022</footer>
37+
</body>
38+
</html>
39+
<!-- <head>This is a header</head>
40+
<article>This is an article</article>
41+
<footer>This is a footer</footer>
42+
<aside>This is a sidebar</aside>
43+
<details></details>
44+
<main></main>
45+
<nav></nav>
46+
<section></section>
47+
<summary></summary> -->

‎Code/renan/html_css/lab2/styles.css‎

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
header {
2+
3+
display: flex;
4+
/* horizontal positioning */
5+
justify-content: space-between;
6+
/* vertical positioning */
7+
/* align-items: flex-start;
8+
text-align: center; */
9+
}
10+
11+
12+
body {
13+
background-color: coral;
14+
15+
16+
}
17+
18+
h2 {
19+
border: red 10px;
20+
/* justify-content: space-evenly; */
21+
margin: 0;
22+
align-items: flex-end;
23+
/* float: left; */
24+
25+
}
26+
27+
/* a {
28+
/* justify-content: space-between; */
29+
30+
/* } */
31+
32+
footer {
33+
font-weight: bold;
34+
text-align: left;
35+
36+
}

‎Code/renan/html_css/lab3/index.html‎

Lines changed: 29 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,29 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<title>Document</title>
8+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
9+
<link href="https://fonts.googleapis.com/css2?family=League+Gothic&display=swap" rel="stylesheet">
10+
</head>
11+
<body>
12+
<H1>Kiwi Medical Resources</H1>
13+
<nav>
14+
<div class="nav-wrapper grey darken-1">
15+
<a href="#" class="brand-logo ">Covid-19 Resourse Links</a>
16+
<ul id="nav-mobile" class="right hide-on-med-and-down">
17+
<li><a href="https://www.hhs.gov/coronavirus/community-based-testing-sites/index.html">Free Test Locations</a></li>
18+
<li><a href="https://travel.state.gov/content/travel/en/traveladvisories/COVID-19-Country-Specific-Information.html">Covid Travel Info/Restrictions</a></li>
19+
<li><a href="https://coronavirus.jhu.edu/map.html">Covid Map Tracker</a></li>
20+
</ul>
21+
</div>
22+
</nav>
23+
<h2 style="font-family: 'League Gothic', sans-serif;">Mission</h2>
24+
<p>
25+
We at Kiwi Medical Resources are here to provide quick time information links that assist our members as well as the public regarding Covid Testing, Travel requirements, and Updates. Here you will find where to get free Covid-19 Testing, as well as information for Domestic and Non-Domestic travel Covid-19 requirements. Moreover, last but not least, here you will also find a live Covid Map Tracker to give you updated information for your traveling needs.
26+
27+
</p>
28+
</body>
29+
</html>

0 commit comments

Comments
 (0)