-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
1 lines (1 loc) · 9.41 KB
/
index.html
1
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>GrammarBox</title> <link href="https://fonts.googleapis.com/css?family=Montserrat|Ubuntu" rel="stylesheet"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> <link rel="stylesheet" href="css/styles.css"> <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script></head><!-- <header class="nav-down"> This is your menu.</header><body> --> <section class="colored-section" id="title"> <div class="container-fluid"> <ul class="topnav"> <img id="logo" src="images/botlogo.png" class="d-inline-block align-top" alt=""> <a class="navbar-brand" href=""> GrammarBox</a> <li><a class="active" href="#home">Home</a></li><li><a href="#news">News</a></li><li><a href="#contact">Contact</a></li><li class="right"><a href="#about">About</a></li></ul><!-- <nav class="navbar navbar-expand-lg navbar-dark" style="height: 80px;" > <img id="logo" src="images/botlogo.png" class="d-inline-block align-top" alt=""> <a class="navbar-brand" href=""> GrammarBox</a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo02"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarTogglerDemo02"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a class="nav-link" href="#footer">Contact</a> </li><li class="nav-item"> <a class="nav-link" href="#pricing">Pricing</a> </li><li class="nav-item"> <a class="nav-link" href="#cta">Download</a> </li></ul> </div></nav> --> </div></section> <section class="white-section" id="pricing"> <h2 class="section-heading">Prepositions of Time</h2> <p>....</p><div class="row"> <div class="pricing-column col-lg-4 col-md-6"> <div class="card"> <div class="card-header"> <h3>At</h3> </div><div class="card-body"> <h2 class="price-text"> at a point in time: </h2> <p><b>at</b> one o'clock, half-past five, midnight; </p><p><b>at</b> lunchtime, dinner-time; </p><p><b>at</b> the end of the day. </p></div></div></div><div class="pricing-column col-lg-4 col-md-6"> <div class="card"> <div class="card-header"> <h3>On</h3> </div><div class="card-body"> <h2 class="price-text">on a day or date:</h2> <p> <b>on</b> Tuesday, Thursday;</p><p><b>on</b> 1 April, 4th June; </p><p><b>on</b> the first day of spring. </p></div></div></div><div class="pricing-column col-lg-4"> <div class="card"> <div class="card-header"> <h3>In</h3> </div><div class="card-body"> <h2 class="price-text">in a period of time: </h2> <p><b>in</b> the morning, afternoon, evening; </p><p><b>in</b> April, May, June; </p><p><b>in</b> the summer, winter; </p><p><b>in</b> 1992. </p></div></div></div></div><section class="colored-section" id="cta"> <div class="container-fluid"> <div class="w3-container"> <div class="w3-panel w3-pale-yellow w3-leftbar w3-rightbar w3-border-blue"> <h4>Important Notes!</h4> <p><b>on</b> Wednesday, <b2>in</b2> the afternoon, <b>on</b> Wednesday afternoon.</p><p><b>in</b> the morning, afternoon, evening, but <b2>at</b2> night.</p><p><b>on</b> Christmas Eve, Independance Day, Easter Sunday, but <b2>at</b2> Christmas.</p></div></div><!-- <h3 class="big-heading">Find the True Love of Your Dog's Life Today.</h3> <button class="download-button btn btn-lg btn-dark" type="button"><i class="fab fa-apple"></i> Download</button> <button class="download-button btn btn-lg brn-light" type="button"><i class="fab fa-google-play"></i> Download</button> --> </div></section> <section class="white-section" id="pricing"> <h5 >Select the correct button: </h5> <ul class="list-group"> <li class="list-group-item" <div class="btn-group" role="group" aria-label="Basic outlined example"> <button type="button" class="btn btn-outline-primary">in</button> <button type="button" class="btn btn-outline-primary">on</button> <button type="button" class="btn btn-outline-primary">at</button> </div>1984 </li><li class="list-group-item" <div class="btn-group" role="group" aria-label="Basic outlined example"> <button type="button" class="btn btn-outline-primary">in</button> <button type="button" class="btn btn-outline-primary">on</button> <button type="button" class="btn btn-outline-primary">at</button> </div>the evening</li><li class="list-group-item" <div class="btn-group" role="group" aria-label="Basic outlined example"> <button type="button" class="btn btn-outline-primary">in</button> <button type="button" class="btn btn-outline-primary">on</button> <button type="button" class="btn btn-outline-primary">at</button> </div>lunchtime</li><li class="list-group-item" <div class="btn-group" role="group" aria-label="Basic outlined example"> <button type="button" class="btn btn-outline-primary">in</button> <button type="button" class="btn btn-outline-primary">on</button> <button type="button" class="btn btn-outline-primary">at</button> </div>the weekend</li></ul> </section> <h5 >Select the correct option: </h5> <p>....</p><div class="list-group"> <button type="button" class="list-group-item list-group-item-action active"> She was born in Beijing ____ 1984.</button> <button type="button" class="list-group-item list-group-item-action" disabled> School starts ___ 9 o'clock in the morning</button> <button type="button" class="list-group-item list-group-item-action" disabled> I usually go swimming ___ Tuesdays</button> <button type="button" class="list-group-item list-group-item-action" disabled> I got up ____ 7 o'clock this morning</button> <button type="button" class="list-group-item list-group-item-action" disabled> Jim came to school ____ Saturday afternoon.</button> <button type="button" class="list-group-item list-group-item-action" disabled> The children get too many presents ___ christmas. </button> <button type="button" class="list-group-item list-group-item-action" disabled> We usually take our holiday ____ September.</button> <button type="button" class="list-group-item list-group-item-action" disabled> They don't go out very often ____ the evenings. </button> <button type="button" class="list-group-item list-group-item-action" disabled> She was born in Australia ____ 1952. </button> <button type="button" class="list-group-item list-group-item-action" disabled> Always go and see her ____ her birthday.</button> <button type="button" class="list-group-item list-group-item-action" disabled> She phoned up ___ the beginning of the match on TV. </button> <button type="button" class="list-group-item list-group-item-action" disabled> We moved here ___ 20th October. </button> </div></section> <section class="colored-section" id="testimonials"><!-- <div id="testimonial-carousel" class="carousel slide" data-ride="false"> <div class="carousel-inner"> <div class="carousel-item active container-fluid"> <h2 class="testimonial-text">I no longer have to sniff other dogs for love. I've found the hottest Corgi on TinDog. Woof.</h2> <img class="testimonial-image" src="images/dog-img.jpg" alt="dog-profile"> <em>Pebbles, New York</em> </div><div class="carousel-item container-fluid"> <h2 class="testimonial-text">My dog used to be so lonely, but with TinDog's help, they've found the love of their life. I think.</h2> <img class="testimonial-image" src="images/lady-img.jpg" alt="lady-profile"> <em>Beverly, Illinois</em> </div></div><a class="carousel-control-prev" href="#testimonial-carousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#testimonial-carousel" role="button" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div>--> </section> <section class="white-section" id="features"> <div class="container-fluid"><!-- <div class="row"> <div class="feature-box col-lg-4"> <i class="icon fas fa-check-circle fa-4x"></i> <h3 class="feature-title">Easy to use.</h3> <p>So easy to use, even your dog could do it.</p></div><div class="feature-box col-lg-4"> <i class="icon fas fa-bullseye fa-4x"></i> <h3 class="feature-title">Elite Clientele</h3> <p>We have all the dogs, the greatest dogs.</p></div><div class="feature-box col-lg-4"> <i class="icon fas fa-heart fa-4x"></i> <h3 class="feature-title">Guaranteed to work.</h3> <p>Find the love of your dog's life or your money back.</p></div></div>--> </div></section> <section class="colored-section" id="press"><!-- <img class="press-logo" src="images/techcrunch.png" alt="tc-logo"> <img class="press-logo" src="images/tnw.png" alt="tnw-logo"> <img class="press-logo" src="images/bizinsider.png" alt="biz-insider-logo"> <img class="press-logo" src="images/mashable.png" alt="mashable-logo"> --> </section> <footer class="white-section" id="footer"> <div class="container-fluid"> <i class="social-icon fab fa-facebook-f"></i> <i class="social-icon fab fa-twitter"></i> <i class="social-icon fab fa-instagram"></i> <i class="social-icon fas fa-envelope"></i> <p>© Copyright 2022 GrammarBox</p></div></footer></body></html>