Scribd Logo
Upload

Welcome to Scribd!

  • 2 views

    Build A Tribute Page

    Uploaded by

    juan castex
    The document is a tribute page about James Madison Jr., the fourth president of the United States. It includes a title, image, short biography highlighting his role in drafting the Constitution and Bill of Rights, and a link for more information. Styling is applied to structure the content and style text, images, and links.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Build A Tribute Page

    Uploaded by

    juan castex
    2 views2 pages
    The document is a tribute page about James Madison Jr., the fourth president of the United States. It includes a title, image, short biography highlighting his role in drafting the Constitution and Bill of Rights, and a link for more information. Styling is applied to structure the content and style text, images, and links.

    Original Description:

    Original Title

    build-a-tribute-page

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document is a tribute page about James Madison Jr., the fourth president of the United States. It includes a title, image, short biography highlighting his role in drafting the Constitution and Bill of Rights, and a link for more information. Styling is applied to structure the content and style text, images, and links.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    2 views2 pages

    Build A Tribute Page

    Uploaded by

    juan castex
    The document is a tribute page about James Madison Jr., the fourth president of the United States. It includes a title, image, short biography highlighting his role in drafting the Constitution and Bill of Rights, and a link for more information. Styling is applied to structure the content and style text, images, and links.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as txt, pdf, or txt
    of 2

    ** start of undefined **

    <!DOCTYPE html>
    <html lang="'en">
    <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>James Madison Tribute</title>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Last-Modified" content="0">
    <meta http-equiv="Cache-Control" content="no-cache, mustrevalidate">
    <meta http-equiv="Pragma" content="no-cache">
    <link rel="stylesheet" href="styles.css" />
    </head>
    <body>
    <main id="main">
    <div id="title">
    <h1><strong>James Madison Jr.</strong></h1>
    <p id="sub">Father of the Constitution</p>
    </div>
    <figure id="img-div">
    <img id="image" src="https://www.famousbirthdays.com/faces/madison-
    james-image.jpg" alt="James Madison portrait"/>
    <figcaption id="img-caption" >James Madison</figcaption>
    </figure>

    <div id="tribute-info">
    <p>James Madison Jr. (March 16, 1751 – June 28, 1836) was an
    American statesman, diplomat, and Founding Father. He served as the fourth
    president of the United States from 1809 to 1817. Madison is hailed as the "Father
    of the Constitution" for his pivotal role in drafting and promoting the
    Constitution of the United States and the Bill of Rights.</p>
    </div>
    <a id="tribute-link" target="_blank"
    href="https://www.britannica.com/biography/James-Madison/The-father-of-the-
    Constitution">More Info...</a>

    </main>
    </body>
    </html>

    ** end of undefined **

    ** start of undefined **

    body {
    background-color: #3b3b4f;
    color: #f5f6f7;
    font-family: Helvetica, sans-serif;

    main {
    background-color: #1b1b32;
    margin: 30px 8px;
    padding: 15px;
    border-radius: 5px;
    }

    #title {

    padding: 15px;

    h1, #sub {
    text-align: center;
    }

    #img-div{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: fit-content;
    height: fit-content;
    background-color: aquamarine;
    text-align: center;
    padding-top: 10px;
    color: black;
    font-family: 'Courier New', Courier, monospace;
    font-weight: bolder;
    }

    #image{
    display: block;
    object-fit: cover;
    max-width: 100%;
    height: auto;
    max-height: fit-content;
    padding: 10px;
    }

    a {
    color:aquamarine;
    }

    a:hover{
    color:cornflowerblue;
    }

    ** end of undefined **

    You might also like