Scribd Logo
Upload

Welcome to Scribd!

  • Asd

    Uploaded by

    Hiếu
    2 views2 pages
    The document contains the code for a website layout with a navigation bar at the top containing links to features, how to, and privacy pages. The navigation bar also includes buttons to log in and download an app. Below is a main content section with a heading of "Make New Friends" and paragraph of placeholder text, followed by a button to join now. Styling is included for the container, navigation bar, links, and buttons.

    Original Description:

    Original Title

    asd

    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 contains the code for a website layout with a navigation bar at the top containing links to features, how to, and privacy pages. The navigation bar also includes buttons to log in and download an app. Below is a main content section with a heading of "Make New Friends" and paragraph of placeholder text, followed by a button to join now. Styling is included for the container, navigation bar, links, and buttons.

    Copyright:

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

    Asd

    Uploaded by

    Hiếu
    The document contains the code for a website layout with a navigation bar at the top containing links to features, how to, and privacy pages. The navigation bar also includes buttons to log in and download an app. Below is a main content section with a heading of "Make New Friends" and paragraph of placeholder text, followed by a button to join now. Styling is included for the container, navigation bar, links, and buttons.

    Copyright:

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

    <!

    DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Animation Web</title>
    </head>
    <style>
    *{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
    .Container{
    width: 80%;
    height: 100vh;
    margin: 10px auto;
    background: ;
    }
    .Nav-bar{
    display: flex;
    align-content: space-between;
    align-items: center;
    justify-content: space-between;
    }
    .Nav-bar{

    }
    .Nav-bar ul li{
    display: inline-block;
    list-style: none;
    max-width: 10px 15px;
    }
    .Nav-bar ul li a{
    text-decoration: none;
    color: #333;
    }
    .BTN{
    padding: 10px 40px;
    background-image: linear-gradient(45deg, white, purple, pink, lightblue);
    border-radius: 30px;
    border-top-right-radius: 0;
    transition: 0,5;
    }
    .BTN:hover{
    border-top-right-radius: 30px;
    }
    </style>
    <body>
    <div class="Container">
    <div class="Nav-bar">
    <img src="" alt="">
    <ul>
    <li><a href="#">Features</a></li>
    <li><a href="#"></a>How To Works</li>
    <li><a href="#"></a>Privacy</li>
    </ul>
    <div>
    <a href="#">Log in</a>
    <a href="#" class="BTN">Download App</a>
    </div>
    <div class="Content">
    <h1>Make New Friends</h1>
    <p>Lorem Lipsum Lorem Lipsum Lorem Lipsum Lorem Lipsum Lorem Lipsum
    Lorem Lipsum Lorem Lipsum Lorem Lipsum Lorem Lipsum Lorem
    Lipsum</p>
    <a href=""# class="BTN">Join Now</a>
    </div>
    </div>
    </div>
    </body>
    </html>

    You might also like