CSS HOMEWORK #1
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
*{
margin: 0;
padding: 0;
}
body{
background-color: rgb(188, 151, 151);
}
.nav{
width: 2000px;
height: 70px;
background-color: rgb(196, 57, 57);
color: aliceblue;
font-size: small;
img{
margin: -50px 0px 0px 15px;
padding: 0px 0px 0px 0px;
border-radius: 50px;
}
}
li{
display: inline-block;
padding: 0px 5px;
margin: -5px 0px 0px 0px;
}
ul{
padding: 30px 0px 0px 80px;
}
.bgp{
background-image: url(https://images.unsplash.com/photo-1531685250784-7569952593d2?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
background-size:cover;
/* background-repeat: no-repeat; */
height: 200px;
h3{
text-align: center;
font-size: smaller;
}
p{
text-align: justify;
text-align: center;
margin-top: 20px;
font-size: xx-small;
font-family: 'Courier New', Courier, monospace;
}
}
.foot{
background-color: rgb(92, 100, 100);
margin-top: 70vh;
text-align: center;
font-size: x-small;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.images{
img{
display: inline-block;
margin: 24px 0px 0px 172px;
}
}
</style>
<body>
<header>
<div class="nav">
<ul>
<li>PHOTOS</li>
<li>VIDEOS</li>
<li>TRANSITIONS</li>
<li>ANIMEs</li>
</ul>
<a
href="https://cdn.britannica.com/68/143568-050-5246474F/Donkey.jpg"
target="_blank"><img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQ8NTILCS9cVuzbAqv-RI9Ij0ib6JDZP_tP6w&s"
alt width="50px" height="50px"></a>
</div>
<div class="bgp">
<div class="images">
<img
src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTLmtqQi7w8llKY4-FhrXG0OzwV_bSRO9wJ-w&s"
alt height="120px">
<img
src="https://i.pinimg.com/736x/26/5c/11/265c112a9ce00234e17be630a221d767.jpg"
alt height="120px">
<img
src="https://i.pinimg.com/736x/7d/db/fc/7ddbfcd420a79683b5eba4707ddc8f70.jpg"
alt height="120px">
</div>
<pre> <h3>" FOR ALL TIME ALWAYS "
- Tony Stark</h3></pre>
<p>Tony Stark is the wealthy son of industrialist and weapons
manufacturer Howard Stark and his wife, Maria. Tony grew up
a genius with a brilliant mind for technology and inventions
and, naturally, followed in his father’s footsteps,
inheriting Stark Industries upon his parents’ untimely
death. Tony designed many weapons of war for Stark
Industries, far beyond what any other company was creating,
while living the lifestyle of a bon vivant.
Fate would take a dark turn for Tony Stark once he decided
to consult on a weapons contract overseas in enemy terrain.
An improvised explosive device exploded underneath Tony’s
transport, and he was brought to the brink of death.
Awakening as a prisoner of the warlord Wong-Chu, Tony made a
gruesome discovery: the explosion had sent a piece of
shrapnel mere inches from his heart. It was only the timely
intervention of fellow captive and engineer Yinsen that kept
the shrapnel at bay.While held captive, and forced to work
on weapons, Tony turned his near-death experience into
inspiration. What if he could power an iron suit that would
not only keep the shrapnel from killing Tony, but also help
him to escape?</p>
</div>
<footer>
<div class="foot">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</div>
</footer>
</header>
</body>
</html>
Comments
Post a Comment