Static Website With just Html CSS #1
HTML CODE :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap');
</style>
<style>
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
</style>
<link rel="stylesheet" href="css/style.css">
<title>Aristotle Onassis| My tribute page</title>
</head>
<body>
<main>
<!-- heading part -->
<section class="heddingMaterial">
<h2 id="name">Aristotle Onassis</h2>
<p class="date">1906 - 1975</p>
<p class="discription_first">One of the richest people in the 20th century</p>
</section>
<!-- discription_2nd -->
<section class="discription_2nd">
<div class="bio">
<p>Aristotle Socrates Onassis (Greek: Αριστοτέλης Ωνάσης, Aristotelis Onasis; 20 January 1906 – 15 March
1975),[1] commonly called Ari or Aristo Onassis, was a Greek-Argentine shipping magnate, who amassed
the world's largest privately owned shipping fleet and was one of the world's richest and most
famous men.</p>
</div>
<div class="img1">
<img src="pics/Aristotle_Onassis.JPG" alt="Aristotle Onassis" srcset="">
<!-- <p>The most well-known portrait of Onassis.</p> -->
</div>
<p class="pic_bio">The most well-known portrait of Onassis.</p>
</section>
<!-- biograpgy -->
<section class="biograpgy">
<h2 class="bio_heading">The following list is a time line of Onassis Life</h2>
<ul class="years">
<li><strong>1906</strong> - born in Karataş, Smyrna, Ottoman Empire.</li>
<li><strong>1992</strong> - He left from Smyrna during the great fire of Smyrna in 1922.</li>
<li><strong>1932</strong> - He went to Buenos Aires, Argentina and start working as a telephone
operator.</li>
<li><strong>1929</strong> - He relocated to New York and started his shipping businesses.</li>
<li><strong>1946</strong> - Onassis married Athina Livanos, daughter of shipping magnate Stavros G.
Livanosand Arietta Zafrikakis, on 28 December 1946. The couple had become largely separated by the
mid-1950s.</li>
<li><strong>1946</strong> - 1956 - Onassis had success whaling off the Peruvian coast.</li>
<li><strong>1950</strong> - In Monaco he started to purchase the shares of Monaco's SMB using the tax
haven of Panama and finally take the control of SBM.</li>
<li><strong>1954</strong> - Cancelation of the agreement between the Saudi government and Aristotle
Onassis to transport Saudi oil on his tankers and "in any case, to make the agreement ineffective".
</li>
<li><strong>1956</strong> - Aristotle Onassis signed a contract granting him the operational rights to
the Greek air transport industry. Olympic Airways was founded.</li>
<li><strong>1957</strong> - Onassis and opera prima donna Maria Callas embarked on an affair despite the
fact that they were both married.</li>
<li><strong>1966</strong> - Rainer of Monaco approved a plan to create 600.000 new shares in SBM
reducing Onassis's stake to under a third.</li>
<li><strong>1967</strong> - Onassis court until he left Monaco.</li>
<li><strong>1968</strong> - Onassis announced the launch of Project Omega, a $400 million investment
program that aimed to build considerable industrial infrastructure in Greece including an oil
refinery and aluminum smelter.</li>
<li><strong>1968</strong> - Onassis ended his relationship with Callas to marry Jacqueline Kennedy,
widow of U.S. President John F. Kennedy.</li>
<li><strong>1975</strong> - Onassis died at age 69 on 15 March 1975 at the American Hospital of Paris in
Neuilly-sur-Seine, France, of respiratory failure, a complication of the myasthenia gravis from
which he had been suffering during the last years of his life.</li>
</ul>
</section>
<p id="readmore">Read more about Aristotle Onassis on <a href="https://en.wikipedia.org/wiki/Aristotle_Onassis" target="_blank" rel="noopener noreferrer">WIKIPEDIA</a></p>
</main>
<footer>
<div class="created">©© Writtern and coded by <a
href="https://www.linkedin.com/in/diganta-chaudhuri-8451251b6/">LINKEDIN</a></div>
</footer>
</body>
CSS
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Roboto Condensed', sans-serif;
background-color:#eaeae1
}
/* heading part */
.heddingMaterial{
text-align: center;
padding: 3%;
border: 0.3px solid black;
background-color: rgba(128, 128, 128, 0.301);
}
#name{
font-weight: bolder;
font-size:3em;
font-family: 'Roboto', sans-serif;
}
.date{
padding: 0.5%;
}
/* discription_2nd */
.bio{
text-align: center;
padding: 2.3%;
}
.img1{
display: flex;
justify-content: center;
border-radius: 45%;
}
img{
border-radius: 45%;
}
.img1 + p{
display: flex;
justify-content: center;
padding: 3%;
font-style: italic;
font-family: 'Pacifico', cursive;
}
/* biograpgy */
.bio_heading{
padding-left: 3%;
}
.years{
padding-left: 7%;
list-style:square;
}
#readmore{
padding-left: 2%;
padding-top: 2%;
padding-bottom: 2%;
}
Relevant Pics
Comments
Post a Comment