Basic version of landing page done

BorderHACK-org · Nov 22, 2015 · 526cf7c · 526cf7c
1 parent b618b38
commit 526cf7c
Show file tree

Hide file tree

Showing 13 changed files with 35 additions and 106 deletions.
diff --git a/TODOS.md b/TODOS.md
@@ -5,3 +5,4 @@
 
 - convert less to sass
 - use sass for development instead of building on css
+- clean redundant files/imgs etc...
diff --git a/css/creative.css b/css/creative.css
@@ -178,14 +178,18 @@ header {
     min-height: auto;
     text-align: center;
     color: #fff;
-    background-image: url(../img/header.jpg);
+    background-image: url(../img/iStock_000015133180_Large_dark.jpg);
     background-position: center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
 }
 
+.header-image {
+    filter: brightness(50%);
+}
+
 header .header-content {
     position: relative;
     width: 100%;
@@ -474,3 +478,7 @@ img::-moz-selection {
 body {
     webkit-tap-highlight-color: #222;
 }
+
+.team-img {
+    width: 100%;
+}
diff --git a/img/header.jpg b/img/header.jpg
diff --git a/img/iStock_000015133180_Large.jpg b/img/iStock_000015133180_Large.jpg
diff --git a/img/iStock_000015133180_Large_dark.jpg b/img/iStock_000015133180_Large_dark.jpg
diff --git a/img/portfolio/1.jpg b/img/portfolio/1.jpg
diff --git a/img/portfolio/2.jpg b/img/portfolio/2.jpg
diff --git a/img/portfolio/3.jpg b/img/portfolio/3.jpg
diff --git a/img/portfolio/4.jpg b/img/portfolio/4.jpg
diff --git a/img/portfolio/5.jpg b/img/portfolio/5.jpg
diff --git a/img/portfolio/6.jpg b/img/portfolio/6.jpg
diff --git a/img/team.JPG b/img/team.JPG
diff --git a/index.html b/index.html
@@ -52,16 +52,16 @@
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                 <ul class="nav navbar-nav navbar-right">
                     <li>
-                        <a class="page-scroll" href="#about">ΤΙ ΕΙΝΑΙ ΤΟ VOLREACH</a>
+                        <a class="page-scroll" href="#about">WHAT IS VOLREACH</a>
                     </li>
                     <li>
-                        <a class="page-scroll" href="#services">ΕΓΓΡΑΦΗ</a>
+                        <a class="page-scroll" href="#services">SIGN UP</a>
                     </li>
                     <li>
                         <a class="page-scroll" href="#borderhack">BORDERHACK</a>
                     </li>
                     <li>
-                        <a class="page-scroll" href="#team">Η ΟΜΑΔΑ ΜΑΣ</a>
+                        <a class="page-scroll" href="#team">TEAM</a>
                     </li>
                 </ul>
             </div>
@@ -73,10 +73,8 @@
     <header>
         <div class="header-content">
             <div class="header-content-inner">
-                <h1>Εύκολη προσέλκυση και διαχείρηση εθελοντών για ΜΚΟ.</h1>
+                <h1>Volreach helps NGOs reach & organize their volunteer base.</h1>
                 <hr>
-                <p></p>
-                <a href="#about" class="btn btn-primary btn-xl page-scroll">ΜΑΘΕ ΠΕΡΙΣΣΟΤΕΡΑ...</a>
             </div>
         </div>
     </header>
@@ -85,10 +83,9 @@ <h1>Εύκολη προσέλκυση και διαχείρηση εθελοντ
         <div class="container">
             <div class="row">
                 <div class="col-lg-8 col-lg-offset-2 text-center">
-                    <h2 class="section-heading">Τι είναι το volreach;</h2>
+                    <h2 class="section-heading">What is Volreach</h2>
                     <hr class="light">
-                    <p class="text-faded">Start Bootstrap has everything you need to get your new website up and running in no time! All of the templates and themes on Start Bootstrap are open source, free to download, and easy to use. No strings attached!</p>
-                    <a href="#" class="btn btn-default btn-xl">Get Started!</a>
+                    <p class="text-faded">Volreach is a Software as a Service based volunteer management platform aiming to help small and mid-sized NGOs manage their volunteers in an automated and resource-efficient way.</p>
                 </div>
             </div>
         </div>
@@ -140,8 +137,8 @@ <h3>Made with Love</h3>
     <aside class="bg-dark">
         <div class="container text-center">
             <div class="call-to-action">
-                <h2>Εγγράψτε την ΜΚΟ σας</h2>
-                <a href="#" class="btn btn-default btn-xl wow tada">εγγραφη</a>
+                <h2>Register your NGO</h2>
+                <a href="http://borderhack-org.github.io/volreach/#" class="btn btn-default btn-xl wow tada">Sign up</a>
             </div>
         </div>
     </aside>
@@ -152,15 +149,27 @@ <h2>Εγγράψτε την ΜΚΟ σας</h2>
                 <div class="col-lg-8 col-lg-offset-2 text-center">
                     <h2 class="section-heading">Borderhack</h2>
                     <hr class="primary">
-                    <p>Ready to start your next project with us? That's great! Give us a call or send us an email and we will get back to you as soon as possible!</p>
+                    <p>In 2015 alone, more than 530,000 refugees and migrants
+have risked their lives crossing the sea to reach Europe.
+
+Winter is coming and it is unacceptable that many have to experience
+cold, hunger, and fatigue as they dangerously cross borders by boat and on foot.
+
+Borders themselves may not be going anywhere, but good ideas, smart solutions,
+and our humanity transcends all of that - all nations and borders.
+This is the inspiration for BorderHACK
+
+The 3-day hackathon for projects that will assist refugees on their journey,
+and a smooth transition into their new homes, wherever that may be.
+</p>
                 </div>
                 <div class="col-lg-4 col-lg-offset-2 text-center">
                     <i class="fa fa-phone fa-3x wow bounceIn"></i>
-                    <p>123-456-6789</p>
+                    <p>2310-1234-567</p>
                 </div>
                 <div class="col-lg-4 text-center">
                     <i class="fa fa-envelope-o fa-3x wow bounceIn" data-wow-delay=".1s"></i>
-                    <p><a href="mailto:[email protected]">[email protected]</a></p>
+                    <p><a href="mailto:[email protected]">[email protected]</a></p>
                 </div>
             </div>
         </div>
@@ -170,98 +179,9 @@ <h2 class="section-heading">Borderhack</h2>
 
         <div class="container-fluid">
             <div class="row no-gutter">
-                <h2 class="section-heading">Η ομάδα μας</h2>
+                <h2 class="section-heading">Our team</h2>
                 <hr class="primary">
-                <div class="col-lg-4 col-sm-6">
-                    <a href="#" class="portfolio-box">
-                        <img src="img/portfolio/1.jpg" class="img-responsive" alt="">
-                        <div class="portfolio-box-caption">
-                            <div class="portfolio-box-caption-content">
-                                <div class="project-category text-faded">
-                                    Category
-                                </div>
-                                <div class="project-name">
-                                    Project Name
-                                </div>
-                            </div>
-                        </div>
-                    </a>
-                </div>
-                <div class="col-lg-4 col-sm-6">
-                    <a href="#" class="portfolio-box">
-                        <img src="img/portfolio/2.jpg" class="img-responsive" alt="">
-                        <div class="portfolio-box-caption">
-                            <div class="portfolio-box-caption-content">
-                                <div class="project-category text-faded">
-                                    Category
-                                </div>
-                                <div class="project-name">
-                                    Project Name
-                                </div>
-                            </div>
-                        </div>
-                    </a>
-                </div>
-                <div class="col-lg-4 col-sm-6">
-                    <a href="#" class="portfolio-box">
-                        <img src="img/portfolio/3.jpg" class="img-responsive" alt="">
-                        <div class="portfolio-box-caption">
-                            <div class="portfolio-box-caption-content">
-                                <div class="project-category text-faded">
-                                    Category
-                                </div>
-                                <div class="project-name">
-                                    Project Name
-                                </div>
-                            </div>
-                        </div>
-                    </a>
-                </div>
-                <div class="col-lg-4 col-sm-6">
-                    <a href="#" class="portfolio-box">
-                        <img src="img/portfolio/4.jpg" class="img-responsive" alt="">
-                        <div class="portfolio-box-caption">
-                            <div class="portfolio-box-caption-content">
-                                <div class="project-category text-faded">
-                                    Category
-                                </div>
-                                <div class="project-name">
-                                    Project Name
-                                </div>
-                            </div>
-                        </div>
-                    </a>
-                </div>
-                <div class="col-lg-4 col-sm-6">
-                    <a href="#" class="portfolio-box">
-                        <img src="img/portfolio/5.jpg" class="img-responsive" alt="">
-                        <div class="portfolio-box-caption">
-                            <div class="portfolio-box-caption-content">
-                                <div class="project-category text-faded">
-                                    Category
-                                </div>
-                                <div class="project-name">
-                                    Project Name
-                                </div>
-                            </div>
-                        </div>
-                    </a>
-                </div>
-                <div class="col-lg-4 col-sm-6">
-                    <a href="#" class="portfolio-box">
-                        <img src="img/portfolio/6.jpg" class="img-responsive" alt="">
-                        <div class="portfolio-box-caption">
-                            <div class="portfolio-box-caption-content">
-                                <div class="project-category text-faded">
-                                    Category
-                                </div>
-                                <div class="project-name">
-                                    Project Name
-                                </div>
-                            </div>
-                        </div>
-                    </a>
-                </div>
+                <img class="team-img" src="img/team.JPG">
             </div>
         </div>
     </section>
Original file line number	Diff line number	Diff line change
Expand Up		@@ -5,3 +5,4 @@

		- convert less to sass
		- use sass for development instead of building on css
		- clean redundant files/imgs etc...