Scribd Logo
Upload

Welcome to Scribd!

  • Photography, HTML

    Uploaded by

    rajashreekhandagale2
    8 views2 pages

    Original Title

    photography,html

    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

    Copyright:

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

    Photography, HTML

    Uploaded by

    rajashreekhandagale2

    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

    HTML micro project

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,
    initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/style.css">
    <title>Photography project</title>
    </head>

    <body>
    <main>
    <!--Landing Area-->
    <div id="landing">
    <div id="landing-text">
    <div id="landing-text-inner">
    <h1>My Photography Website</h1>
    <h2>Beatyful Images</h2>
    <a href="#images" class="btn" id="view-work">
    View Work
    </a>
    </div>
    </div>
    <div id="landing-image"></div>
    </div>
    <div id="images">
    <div id="header">
    <h2>My Work</h2>
    </div>

    <img src="https://source.unsplash.com/1600x900/?nature,water
    " alt="nature image">
    <div class="caption">
    <h3>Photo One</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Provident, error!</p>
    </div>
    <img src="https://source.unsplash.com/1600x900/?nature,trees
    " alt="nature image">
    <div class="caption">
    <h3>Photo Two</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Provident, error!</p>
    </div>
    <img src="https://source.unsplash.com/1600x900/?nature,flowers
    " alt="nature image">
    <div class="caption">
    <h3>Photo Three</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Provident, error!</p>
    </div>
    <img src="https://source.unsplash.com/1600x900/?nature,animals
    " alt="nature image">
    <div class="caption">
    <h3>Photo Four</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Provident, error!</p>
    </div>
    <img src="https://source.unsplash.com/1600x900/?nature,clouds
    " alt="nature image">
    <div class="caption">
    <h3>Photo Five</h3>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.
    Provident, error!</p>
    </div>
    </div>
    </main>

    <footer>
    <h3>Get In Touch</h3>
    <p>Email or call us to set up a consult</p>
    <p>Email: <strong>contact@myphotographyproject.test</strong></p>
    <p>Phone:
    <a href="+3595555555">
    <strong>(+359) 555-5555</strong>
    </a>
    </p>
    </footer>

    </body>

    </html>

    You might also like