Tribute Page - Build a Tribute Page

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

/* file: index.Ext.html */






<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Dr Albert Einstein</title>
</head>
<body>
<main id="main">
        <h1 id="title">Tribute Of Dr Albert Einstein</h1>
        <p class="all"><b><i>(One of the Greatest scientists of all time)</i></b></p>
        <figure id="img-div">
        <img id="image" src="https://upload.wikimedia.org/wikipedia/commons/d/d3/Albert_Einstein_Head.jpg" alt="picture">
     <div class="cap">   <caption class="cap" id="img-caption">Dr Albert Einstein</caption></div>
        </figure>
        <h3>Lets talk about his wonderful Journey</h3>
        <ul id="tribute-info">
            <li>
                Born in Ulm, Germany in 1879.
            </li>
            <li>
                Showed an early interest in science and mathematics
            </li>
            <li>
                Graduated from the Swiss Federal Polytechnic in Zurich in 1900
            </li>
          <li>
                Worked as a patent clerk while conducting scientific research on the side.
            </li>
            <li>
                Published his special theory of relativity in 1905 and 10 years later, he developed his general theory of relativity in 1915.
            </li>
            <li>
                Won the Nobel Prize in Physics in 1921 for his work on the photoelectric effect.Fled Nazi Germany in 1933 and settled in the United States, then became a citizen of the United  States in 1940.
            </li>
            <li>
                Worked on the development of the atomic bomb during World War II.He later on died in Princeton, New Jersey in 1955 at the age of 76.
            </li>
        </ul>
<hr>
        <p class="great">

           <b> During this journey of his did so may great thing that we use in our every day life .<br/>
            He invented the refrigerator and also the solar panel</b></p>
<hr>
        <p class="most"><b>The most beautiful thing we can experience is the mysterious. It is the source of all true art and science."<i>~Albert Einstein</i></b></p>
   
  <footer> <div class="footer"> <p>If you want to know more about Albert Einstein click on <a id="tribute-link" href="Albert life.html" target="_blank">More</a></p></div>
</footer>
</main>
</body>
</html>














    







/* file: styles.Ext.css */






















body{
    background-color:gray;
    
}

#main{
    background-color:grey;
    width:95%;
    max-width:600px;
    height:1220px;
    margin:30px auto;
    border-radius:20px;
    box-shadow:0 0 7px 0 black;
    
}
h1{
    text-align:center;
    color:Black;
    font-weight:800;
    padding-top :15px;
}
p{
    padding-left:8px;
}
h3{
    margin-left:10px;
}
.all{
    font-weight:400;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:-10px;
}
li{
    font-family:serif,Arial;
}
.most{
    font-family:serif;
font-weight:100;
}
.great {
    font-family:sans-serif;

}
.footer{
    padding:30px;
    box-shadow:0 0 5px black;
    background:rgba(40,40,40,0.5);
    width:70%;
    border-radius:10px;
    margin-left:25px;
    font-weight:600;
    font-family:serif;
margin-top:20px;
font-size:16px
}
a{
    text-decoration:none;
    color:green;
}
a:hover{
    color:Darkblue;
}
a:active{
    color:whitesmoke;
}

    img{
    width:80%;
    height:250px;
    border-radius:10px;
    margin-left:25px;
}
.cap{
    font-weight:600;
    font-family:serif;
margin-left:15px;
}
hr{
background:black;
border:2px solid rgb(50,50,50);
}

Your mobile information:

SM-N975W - Android 12 - Android SDK 31

Challenge: Tribute Page - Build a Tribute Page

Link to the challenge:

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

:wave: Hi, welcome to the forum!
We see you have posted some code but did you have a question?

(You have not filled out the “Tell us what’s happening:” field above)