finished basic build of vchs programming club site

Author: xeliot

css/new-age.css

@@ -297,6 +297,15 @@ footer {
     border-color: #fdcc52;
     background-color: #fdcc52; }
 
+.btn-outline-dark {
+  color: black;
+  border: 2px solid;
+  border-color: black; }
+  .btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active {
+    color: white;
+    border-color: #fdcc52;
+    background-color: #fdcc52; }
+
 .btn {
   border-radius: 300px;
   font-family: 'Lato', 'Helvetica', 'Arial', 'sans-serif';

index.html

@@ -8,7 +8,7 @@
     <meta name="description" content="">
     <meta name="author" content="">
 
-    <title>New Age - Start Bootstrap Theme</title>
+    <title>VCHS Programming Club</title>
 
     <!-- Bootstrap core CSS -->
     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
@@ -33,18 +33,18 @@
     <!-- Navigation -->
     <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
       <div class="container">
-        <a class="navbar-brand js-scroll-trigger" href="#page-top">Start Bootstrap</a>
+        <a class="navbar-brand js-scroll-trigger" href="#page-top">About</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
           <i class="fa fa-bars"></i>
         </button>
         <div class="collapse navbar-collapse" id="navbarResponsive">
           <ul class="navbar-nav ml-auto">
             <li class="nav-item">
-              <a class="nav-link js-scroll-trigger" href="#download">Download</a>
+              <a class="nav-link js-scroll-trigger" href="#survey">Survey</a>
             </li>
             <li class="nav-item">
-              <a class="nav-link js-scroll-trigger" href="#features">Features</a>
+              <a class="nav-link js-scroll-trigger" href="#activities">Activities</a>
             </li>
             <li class="nav-item">
               <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
@@ -59,8 +59,8 @@
         <div class="row h-100">
           <div class="col-lg-7 my-auto">
             <div class="header-content mx-auto">
-              <h1 class="mb-5">New Age is an app landing page that will help you beautifully showcase your new mobile app, or anything else!</h1>
-              <a href="#download" class="btn btn-outline btn-xl js-scroll-trigger">Start Now for Free!</a>
+              <h2 class="mb-5">Programming Club is a place for students to express their passion in computer science while collaborting with fellow coders. Students will learn how to build software applications as well as attend various programming events all over the bay area!</h2>
+              <a href="https://github.com/vchscode/" class="btn btn-outline btn-xl js-scroll-trigger">Join our Github organization</a>
             </div>
           </div>
           <div class="col-lg-5 my-auto">
@@ -82,26 +82,25 @@ <h1 class="mb-5">New Age is an app landing page that will help you beautifully s
       </div>
     </header>
 
-    <section class="download bg-primary text-center" id="download">
+    <section class="download bg-primary text-center" id="survey">
       <div class="container">
         <div class="row">
           <div class="col-md-8 mx-auto">
-            <h2 class="section-heading">Discover what all the buzz is about!</h2>
-            <p>Our app is available on any mobile device! Download now to get started!</p>
+            <h3 class="section-heading">If you're new here, please take our Get to Know You survey!</h3>
+            <p>Tell us what you would like to see or learn! We value your response!</p>
             <div class="badges">
-              <a class="badge-link" href="#"><img src="img/google-play-badge.svg" alt=""></a>
-              <a class="badge-link" href="#"><img src="img/app-store-badge.svg" alt=""></a>
+              <a href="https://goo.gl/forms/kGvD1sHv5fx51Kr23" class="btn btn-outline-dark btn-xl js-scroll-trigger">Take Survey</a>
             </div>
           </div>
         </div>
       </div>
     </section>
 
-    <section class="features" id="features">
+    <section class="features" id="activities">
       <div class="container">
         <div class="section-heading text-center">
-          <h2>Unlimited Features, Unlimited Fun</h2>
-          <p class="text-muted">Check out what you can do with this app theme!</p>
+          <h2>Unlimited Activities, Unlimited Fun</h2>
+          <p class="text-muted">Check out what you in programming club!</p>
           <hr>
         </div>
         <div class="row">
@@ -126,31 +125,31 @@ <h2>Unlimited Features, Unlimited Fun</h2>
                 <div class="col-lg-6">
                   <div class="feature-item">
                     <i class="icon-screen-smartphone text-primary"></i>
-                    <h3>Device Mockups</h3>
-                    <p class="text-muted">Ready to use HTML/CSS device mockups, no Photoshop required!</p>
+                    <h3>Swift</h3>
+                    <p class="text-muted">Throughout the year, we will learn how to use swift to make ios apps!</p>
                   </div>
                 </div>
                 <div class="col-lg-6">
                   <div class="feature-item">
                     <i class="icon-camera text-primary"></i>
-                    <h3>Flexible Use</h3>
-                    <p class="text-muted">Put an image, video, animation, or anything else in the screen!</p>
+                    <h3>Android Studio</h3>
+                    <p class="text-muted">And of course android studio for the android users!</p>
                   </div>
                 </div>
               </div>
               <div class="row">
                 <div class="col-lg-6">
                   <div class="feature-item">
                     <i class="icon-present text-primary"></i>
-                    <h3>Free to Use</h3>
-                    <p class="text-muted">As always, this theme is free to download and use for any purpose!</p>
+                    <h3>Bake sales</h3>
+                    <p class="text-muted">As always, we will host our annual bake sale where you guys can buy tasty food</p>
                   </div>
                 </div>
                 <div class="col-lg-6">
                   <div class="feature-item">
                     <i class="icon-lock-open text-primary"></i>
-                    <h3>Open Source</h3>
-                    <p class="text-muted">Since this theme is MIT licensed, you can use it commercially!</p>
+                    <h3>Hackathons</h3>
+                    <p class="text-muted">You guys will also get to participate in hackathons and competitions!</p>
                   </div>
                 </div>
               </div>
@@ -197,7 +196,7 @@ <h2>We
 
     <footer>
       <div class="container">
-        <p>&copy; 2017 Start Bootstrap. All Rights Reserved.</p>
+        <p>&copy; 2017 VCHS Programming CLub. All Rights Reserved.</p>
         <ul class="list-inline">
           <li class="list-inline-item">
             <a href="#">Privacy</a>