Skip to content
Snippets Groups Projects
Commit 061bd6df authored by AB0410's avatar AB0410
Browse files

WV7 done

parent a077ea76
No related branches found
No related tags found
No related merge requests found
Pipeline #622329 passed
Stage: deploy
    Hide whitespace changes
    Inline Side-by-side
    WV7/responsive.html
    + 11
    − 8
    View file @ 061bd6df
    ...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
    <html> <html>
    <head> <head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
    <link rel="stylesheet" href="styles.css">
    </head> </head>
    <body> <body>
    ...@@ -28,13 +29,13 @@ ...@@ -28,13 +29,13 @@
    <div class="text-center my-5"> <div class="text-center my-5">
    <h1 class="display-4">Welcome to our website!</h1> <h1 class="display-4">Welcome to our website!</h1>
    <p class="lead">We are excited to have you here. Our website is designed to provide you with the best user experience possible. We pride ourselves on offering a great selection of products and services, as well as easy navigation and helpful customer support. Thank you for visiting!</p> <p class="lead">We are excited to have you here. Our website is designed to provide you with the best user experience possible. We pride ourselves on offering a great selection of products and services, as well as easy navigation and helpful customer support. Thank you for visiting!</p>
    </div> </div>
    <div class="container"> <section class="container">
    <form> <form>
    <div class="form-group"> <div class="form-group">
    <label for="exampleInputName">Name</label> <label for="exampleInputName">Full Name</label>
    <input type="text" class="form-control" id="exampleInputName"> <input type="text" class="form-control" id="exampleInputName">
    </div> </div>
    <div class="form-group"> <div class="form-group">
    ...@@ -51,11 +52,11 @@ ...@@ -51,11 +52,11 @@
    </div> </div>
    <button type="submit" class="btn btn-primary">Submit</button> <button type="submit" class="btn btn-primary">Submit</button>
    </form> </form>
    </div> </section>
    <div class="container"> <article class="container">
    <img src="Strawberry_ice_cream_cone_(5076899310).jpg" class="img-fluid" alt="Responsive image" style="scale: 50%;"> <img src="Strawberry_ice_cream_cone_(5076899310).jpg" class="img-fluid" alt="Responsive image">
    </div> </article>
    <footer class="bg-dark text-white py-3"> <footer class="bg-dark text-white py-3">
    <div class="container"> <div class="container">
    ...@@ -86,4 +87,6 @@ ...@@ -86,4 +87,6 @@
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4. <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4"></script>
    </body>
    </html>
    \ No newline at end of file
    WV7/styles.css
    + 16
    − 1
    View file @ 061bd6df
    ...@@ -3,6 +3,21 @@ ...@@ -3,6 +3,21 @@
    padding: 0; padding: 0;
    } }
    body { body{
    font: 1rem/1.5 var(--bs-font-sans-serif); font: 1rem/1.5 var(--bs-font-sans-serif);
    }
    .text-center.my-5 p{
    margin: 5rem;
    }
    article.container{
    display: flex;
    padding: 0;
    justify-content: center;
    }
    article.container img{
    scale: 80%;
    border-radius: 10px;
    } }
    \ No newline at end of file
    0% or .
    You are about to add 0 people to the discussion. Proceed with caution.
    Finish editing this message first!
    Please register or to comment