Revision as of 09:37, 16 June 2019

<head>

 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 <meta name="description" content="">
 <meta name="author" content="">

 <link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
 <link href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">

 <link href="css/grayscale.min.css" rel="stylesheet">

</head>

 <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">

     <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
     <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
       Menu
       
     </button>

 </nav>

 <header class="masthead">

Grayscale

A free, responsive, one page Bootstrap theme created by Start Bootstrap.

       <a href="#about" class="btn btn-primary js-scroll-trigger">Get Started</a>

 </header>

 <section id="about" class="about-section text-center">

Built with Bootstrap 4

Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The theme is open source, and you can use it for any purpose, personal or commercial.

     <img src="img/ipad.png" class="img-fluid" alt="">

 </section>

 <section id="projects" class="projects-section bg-light">

         <img class="img-fluid mb-3 mb-lg-0" src="img/bg-masthead.jpg" alt="">

Shoreline

Grayscale is open source and MIT licensed. This means you can use it for any project - even commercial projects! Download it, customize it, and publish your website!

         <img class="img-fluid" src="img/demo-image-01.jpg" alt="">

Misty

An example of where you can put an image of a project, or anything else, along with a description.

         <img class="img-fluid" src="img/demo-image-02.jpg" alt="">

Mountains

Another example of a project with its respective description. These sections work well responsively as well, try this theme on a small screen!

 </section>

 <section id="signup" class="signup-section">

Subscribe to receive updates!

         <form class="form-inline d-flex">
           <input type="email" class="form-control flex-fill mr-0 mr-sm-2 mb-3 mb-sm-0" id="inputEmail" placeholder="Enter email address...">
           <button type="submit" class="btn btn-primary mx-auto">Subscribe</button>
         </form>

 </section>

 <section class="contact-section bg-black">

Address

4923 Market Street, Orlando FL

Email

               <a href="#">hello@yourdomain.com</a>

Phone

+1 (555) 902-8832

       <a href="#" class="mx-2">
         
       </a>
       <a href="#" class="mx-2">
         
       </a>
       <a href="#" class="mx-2">
         
       </a>

 </section>

 <footer class="bg-black small text-center text-white-50">

     Copyright © Your Website 2019

 </footer>

 <script src="vendor/jquery/jquery.min.js"></script>
 <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

 <script src="vendor/jquery-easing/jquery.easing.min.js"></script>

 <script src="js/grayscale.min.js"></script>

</body>

@@ Line 1: / Line 1: @@
 {{:Team:Tongji_China/resource/indextest/bootstrap}}
-<html>
 <head>
@@ Line 8: / Line 7: @@
    <meta name="author" content="">
-  <title>Grayscale - Start Bootstrap Theme</title>
-  <!-- Bootstrap core CSS -->
    <!-- Custom fonts for this template -->
@@ Line 39: / Line 35: @@
            <li class="nav-item">
              <a class="nav-link js-scroll-trigger" href="#projects">Projects</a>
+          </li>
+          <li class="nav-item">
+            <a class="nav-link js-scroll-trigger" href="#signup">Contact</a>
            </li>
            <li class="nav-item">
@@ Line 223: / Line 222: @@
 </body>
-</html>

Difference between revisions of "Team:Tongji China"