First wp version

rudsberg · Mar 30, 2018 · c5d4a25 · c5d4a25
commit c5d4a25
Show file tree

Hide file tree

Showing 39 changed files with 9,044 additions and 0 deletions.
diff --git a/css/bootstrap.css b/css/bootstrap.css
diff --git a/css/font-awesome.min.css b/css/font-awesome.min.css
diff --git a/css/template.css b/css/template.css
@@ -0,0 +1,170 @@
+#hero-section {
+  position: relative;
+  background: url('../img/skiing-resized.jpg');
+  background-repeat: no-repeat;
+  background-size: cover;
+  background-attachment: fixed;
+  background-position: center center;
+  min-height: 500px;
+}
+
+#hero-section .primary-overlay {
+  background: rgba(0, 0, 0, 0.6);
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 500px;
+}
+
+#hero-section .row {
+  padding-top: 175px;
+}
+
+#hero-section .row .col {
+  margin: 0 auto;
+  max-width: 700px;
+}
+
+#hero-section h1 {
+  font-size: 2rem;
+}
+
+#hero-section h3 {
+  font-size: 1.10rem;
+}
+
+#hero-section button {
+  font-size:1.05rem;
+}
+
+#services-section {
+  background-color: #f2efef;
+}
+
+#services-section .card-header {
+  font-size: 2rem;
+}
+
+#services-section img {
+}
+
+.info-header {
+  max-width: 500px;
+  border-bottom: 2px #ccc solid;
+  margin: -25px auto;
+}
+
+#services-section h2 {
+  font-size: 2.8rem;
+}
+
+#why-us-section {
+  background-color: white;
+}
+
+#why-us-section .info-header {
+  border-bottom: none;
+}
+
+#why-us-section img {
+  max-width: 250px;
+}
+
+#contact-section {
+ background-color: #f2efef;
+}
+
+#contact-section .flex-column {
+  p {
+    max-width: 340px;
+  }
+}
+
+#contact-section .fa {
+  color: white;
+}
+
+#contact-section #map {
+  height: 400px;
+  width: 100%;
+}
+
+#contact-info a {
+  color: black;
+}
+
+#contact-section .flex-column {
+  p {
+    max-width: 340px;
+  }
+}
+
+#footer-section {
+  background-color: #3f3f3f;
+  font-size: 0.72rem;
+}
+
+#footer-section a {
+  color: white;
+}
+
+
+/***** MEDIA QUERIES *****/
+/* Small devices (landscape phones, 576px and up) */
+@media (min-width: 576px) {
+  #hero-section {
+    min-height: 550px;
+  }
+
+  #hero-section .primary-overlay {
+    height: 550px;
+  }
+
+  #hero-section h1 {
+    font-size: 3rem;
+  }
+
+  #hero-section h3 {
+    font-size: 2rem;
+  }
+
+  #hero-section .row {
+    padding-top: 180px;
+  }
+
+  #why-us-section img {
+    max-width: 400px;
+  }
+
+  #footer-section {
+    font-size: 1rem;
+  }
+}
+
+/* Medium devices (tablets, 768px and up) */
+@media (min-width: 768px) {
+  #why-us-section img {
+    max-width: 350px;
+  }
+
+  #hero-section .row {
+    padding-top: 195px;
+  }
+}
+
+/* Large devices (desktops, 992px and up) */
+@media (min-width: 992px) {
+  #hero-section .row {
+    padding-top: 210px;
+  }
+
+  #why-us-section img {
+    max-width: 400px;
+  }
+}
+
+/* Extra large devices (large desktops, 1200px and up) */
+@media (min-width: 1200px) {
+
+}
diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf
diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot
diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg
diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf
diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff
diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2
diff --git a/footer.php b/footer.php
@@ -0,0 +1,46 @@
+<!-- FOOTER SECTION -->
+<section id="footer-section" class="py-4">
+  <div class="container">
+    <div class="row">
+      <div class="col text-white">
+        <div class="d-flex flex-row justify-content-between align-items-center">
+          <div class="text-left mr-auto">
+            Copyright &copy; 2018
+          </div>
+          <div class="text-center mx-auto">
+            Opening Hours<br> From November to April<br> Open 7 days a week<br> Lunch break 12.00 - 13.00
+          </div>
+          <div class="text-right ml-auto">
+            <a href="tel:+41416370777">+41 41 637 0 777</a><br>
+            <a href="mailto:[email protected]">[email protected]</a><br>
+            <a href="#map">Bahnhofstr. 10<br>
+              6390 Engelberg
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>
+<?php wp_footer(); ?>
+
+<!-- Google Maps API Script -->
+<script>
+  function initMap() {
+    var uluru = {lat: 46.819589, lng: 8.403062};
+    var map = new google.maps.Map(document.getElementById('map'), {
+      zoom: 15,
+      center: uluru
+    });
+    var marker = new google.maps.Marker({
+      position: uluru,
+      map: map
+    });
+  }
+</script>
+<script async defer
+src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCfWUO18JsKW47UWTudR_Fp1TR0UPY9U6s&callback=initMap">
+</script>
+<!-- END Google maps API Script -->
+
+</body>
+</html>
diff --git a/functions.php b/functions.php
@@ -0,0 +1,39 @@
+<?php
+
+function load_scripts() {
+
+  // Load bootstrap
+  /*
+  wp_enqueue_script( 'bootstrap.min', get_template_directory_uri() . '/js/bootstrap.min.js', array('jquery'), '4.0.0', true );
+  wp_enqueue_style( 'bootstrap', get_template_directory_uri() . '/css/bootstrap.css', array(), '4.0.0-beta.2', true );
+  */
+
+  wp_enqueue_script( 'bootstrap-js', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js', array('jquery'), '4.0.0', true );
+  wp_enqueue_style( 'bootstrap-css', 'https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css', array(), '4.0.0', 'all' );
+
+
+
+  // Load font-awesome
+  wp_enqueue_style( 'font-awesome.min', get_template_directory_uri() . '/css/font-awesome.min.css', array(), '4.7.0', true );
+
+  // Load my styles
+  wp_enqueue_style( 'template', get_template_directory_uri() . '/css/template.css', array(), '1.0', 'all' );
+
+}
+add_action( 'wp_enqueue_scripts', 'load_scripts' );
+
+// Register editable text areas
+function okayshop_sidebars() {
+  register_sidebar(
+    array(
+      'name' => 'Service 1',
+      'id' => 'service-1',
+      'description' => 'First service area. Add 1) Header text 2) Description text 3) Image',
+      'before_widget' => '',
+      'after_widget' => '',
+      'before_title' => '<h2 class="card-header">',
+      'after_title' => '</h2>'
+    )
+  );
+}
+add_action( 'widgets_init', 'okayshop_sidebars' );
diff --git a/header.php b/header.php
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<!--
+  Developer: Joel Rudsberg
+  Contact: [email protected]
+-->
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="description" content="Okay Shop, in Engelberg Switzerland, sell and rent skis/telemark, do ski service and fix all your problem regarding skiing.">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Okay Shop Engelberg</title>
+  <?php wp_head(); ?>
+</head>
+
+<body>
+
+  <!-- Navbar Section -->
+  <nav class="navbar navbar-expand-md fixed-top py-3 navbar-light bg-light">
+    <div class="container">
+      <button class="navbar-toggler navbar-toggler-right" data-target="#navbarNav" data-toggle="collapse">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      <div id="navbarNav" class="collapse navbar-collapse text-center">
+        <ul class="navbar-nav ml-auto">
+          <li class="nav-item">
+            <a href="#services-section" class="nav-link">Services</a>
+          </li>
+          <li class="nav-item">
+            <a href="#why-us-section" class="nav-link">Why Okay Shop</a>
+          </li>
+          <li class="nav-item">
+            <a href="#contact-section" class="nav-link">Contact</a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </nav>
diff --git a/img/dani-pictures-1.JPG b/img/dani-pictures-1.JPG
diff --git a/img/dani-pictures-2.jpg b/img/dani-pictures-2.jpg
diff --git a/img/dani-pictures-3.jpg b/img/dani-pictures-3.jpg
diff --git a/img/dani-pictures-4.jpg b/img/dani-pictures-4.jpg
diff --git a/img/dani-pictures-5.jpg b/img/dani-pictures-5.jpg
diff --git a/img/dani-pictures-6.jpg b/img/dani-pictures-6.jpg
diff --git a/img/dani-pictures-7.jpg b/img/dani-pictures-7.jpg
diff --git a/img/dani-pictures-8.jpg b/img/dani-pictures-8.jpg
diff --git a/img/equipment-okay-2.png b/img/equipment-okay-2.png
diff --git a/img/equipment-okay.jpeg b/img/equipment-okay.jpeg
diff --git a/img/equipment.png b/img/equipment.png
diff --git a/img/powder-skiing.jpg b/img/powder-skiing.jpg
diff --git a/img/rent-freeride-ski.jpg b/img/rent-freeride-ski.jpg
diff --git a/img/repair-cut.tif b/img/repair-cut.tif
diff --git a/img/repair.jpg b/img/repair.jpg
diff --git a/img/repair.tiff b/img/repair.tiff
diff --git a/img/ski-equipment.jpg b/img/ski-equipment.jpg
diff --git a/img/ski-repair.jpg b/img/ski-repair.jpg
diff --git a/img/skiing-resized.jpg b/img/skiing-resized.jpg
diff --git a/img/skiing.jpg b/img/skiing.jpg
diff --git a/img/telemark.jpg b/img/telemark.jpg
diff --git a/index.php b/index.php
@@ -0,0 +1 @@
+<h1>index.php page</h1>
diff --git a/js/bootstrap.min.js b/js/bootstrap.min.js
diff --git a/js/jquery.min.js b/js/jquery.min.js
diff --git a/js/popper.min.js b/js/popper.min.js