first commit

15 files changed, 336 insertions, 0 deletions

diff --git a/layouts/.DS_Store b/layouts/.DS_Store
new file mode 100644
index 0000000..4c37d3a
--- /dev/null
+++ b/layouts/.DS_Store
diff --git a/layouts/404.html b/layouts/404.html
new file mode 100644
index 0000000..ba6ac12
--- /dev/null
+++ b/layouts/404.html
@@ -0,0 +1 @@
+<h1>404 here</h1>
\ No newline at end of file
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/layouts/_default/list.html
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
new file mode 100644
index 0000000..e69de29
--- /dev/null
+++ b/layouts/_default/single.html
diff --git a/layouts/index.html b/layouts/index.html
new file mode 100644
index 0000000..48a15b7
--- /dev/null
+++ b/layouts/index.html
@@ -0,0 +1,18 @@
+{{ .Scratch.Set "navbarType" "transparent" }}
+
+{{ partial "header.html" . }}
+{{ partial "nav.html" . }}
+
+<!-- Loading the components -->
+{{ $globalData := . }}
+{{ $components := .Site.Data.config.components }}
+{{ range $components }}
+	{{ if gt (len $components) 0 }}
+		{{ partial ( printf "%s.html" .) $globalData }}
+	{{ else }}
+		<h3 class="text-center">Oops! There is no component registered in config.json file</h3>
+	{{ end }}
+{{ end }}
+
+{{ partial "footer.html" . }}
+{{ partial "footer-end.html" . }}
\ No newline at end of file
diff --git a/layouts/partials/.DS_Store b/layouts/partials/.DS_Store
new file mode 100644
index 0000000..10dc9db
--- /dev/null
+++ b/layouts/partials/.DS_Store
diff --git a/layouts/partials/contact.html b/layouts/partials/contact.html
new file mode 100644
index 0000000..bb96c89
--- /dev/null
+++ b/layouts/partials/contact.html
@@ -0,0 +1,67 @@
+{{ $contact := .Site.Data.contact }}
+
+<section id="contact" class="contact mt-5 p-3 p-lg-5 p-md-5">
+	<div class="container">
+
+		<center>
+			<h2 class="h2 my-5">Contact</h2>
+		</center>
+
+		<form action="https://formspree.io/{{ .Site.Data.config.email }}" method="POST">
+			<div class="row justify-content-md-center">
+			
+				<div class="col-12 col-lg-4 col-md-4 rounded text-dark p-5" style="font-size: 18px">
+					{{ if $contact.address }}
+					<div class="mb-3">
+						<div class="text-uppercase text-muted">
+							Address
+						</div>
+						<div>{{ $contact.address }}</div>
+					</div>
+					{{ end }}
+					{{ if $contact.email }}
+					<div class="mb-3">
+						<div class="text-uppercase text-muted">Email</div>
+						<div>{{ $contact.email }}</div>
+					 </div>
+					{{ end }}
+					{{ if $contact.phone }}
+					<div class="mb-3">
+						<div class="text-uppercase text-muted">Phone</div>
+						<div>{{ $contact.phone }}</div>
+					</div>
+					{{ end }}
+				</div>
+				<div class="col-12 col-lg-6 col-md-6">
+						<div class="row">
+							<div class="col-12 col-lg-6 col-md-6">
+								<div class="form-group">
+									<label>Name</label>
+									<input type="text" name="Name" class="form-control" placeholder="Name">
+								</div>
+							</div>
+							<div class="col-12 col-lg-6 col-md-6">
+								<div class="form-group">
+									<label>Email</label>
+									<input type="email" name="Email" class="form-control" placeholder="Email">
+								</div>
+							</div>
+	
+							<div class="col-12">
+								<div class="form-group">
+									<label>Message</label>
+									<textarea placeholder="Message" name="Message" rows="5" class="form-control"></textarea>
+								</div>
+							</div>
+	
+							<div class="col-12">
+									<button class="btn btn-outline-dark">Submit</button>
+							</div>
+	
+						</div>
+					</div>
+			</div>
+		</form>
+
+	</div>	
+</section>
\ No newline at end of file
diff --git a/layouts/partials/cover.html b/layouts/partials/cover.html
new file mode 100644
index 0000000..e69d1ab
--- /dev/null
+++ b/layouts/partials/cover.html
@@ -0,0 +1,41 @@
+{{ $cover := .Site.Data.cover }}
+
+<section class="cover p-lg-5 p-md-5 p-3">
+  <div class="container h-100">
+    <div class="d-flex h-100 align-items-center">
+      <div class="">
+          <h1 class="h1 text-light">{{ $cover.title }}</h1>
+          <p class="text-light sub-heading">{{ $cover.description }}</p>
+          <a href="{{ $cover.button.href }}" class="btn btn-outline-light">{{ $cover.button.text }}</a>      
+      </div>
+      <!-- <div class="col-12 col-lg-6 col-md-6 col-sm-12"> -->
+          <!-- <img src="/images/cover.svg" class="float-right" style="max-width: 100%"> -->
+      <!-- </div> -->
+    </div>
+    
+  </div>
+</section>
+
+<style type="text/css">
+  .cover{
+    margin-top: -80px;
+    height: 500px;
+    background: rgba(0,0,0,0.6);
+    background-image: url('{{.Site.BaseURL}}images/covers/{{$cover.image}}');
+    background-image: linear-gradient(rgba(0,0,0,0.4), rgba(0, 0, 0, 0.4)),  url('{{.Site.BaseURL}}images/covers/{{$cover.image}}');
+        background-position: center;
+        background-attachment: fixed;
+    background-size: cover;
+    clip-path: polygon(0 0, 100% 0, 100% 70%, 0 100%);
+    /*animation: breath 25s ease-in-out infinite;*/
+  }
+
+  @keyframes breath {
+  0%   { background-size: 100% auto; }
+  50% { background-size: 140% auto; }
+  100% { background-size: 100% auto; }
+}
+  .cover .sub-heading{
+    opacity: .6;
+  } 
+</style>
diff --git a/layouts/partials/features.html b/layouts/partials/features.html
new file mode 100644
index 0000000..29b6181
--- /dev/null
+++ b/layouts/partials/features.html
@@ -0,0 +1,18 @@
+{{ $features := .Site.Data.features }}
+{{ $title := $features.title }}
+{{ $description := $features.description }}
+<section id="features" class="text-center py-5">
+  <div class="container">
+      <h2 class="pt-5 h2">{{ $title }}</h2>
+      <p class="text-muted pb-5">{{ $description }}</p>
+    <div class="row justify-content-md-center">
+      {{ range $features.content }}
+        <div class="col-12 col-lg-3 col-md-6 col-sm-12 features">
+          <div class="icon mb-4"><i class="fa fa-{{ .icon }}"></i></div>
+          <h4 class="h4">{{ .title }}</h4>
+          <p class="text-muted">{{ .description }}</p>
+        </div>
+      {{end}}
+    </div>
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/footer-end.html b/layouts/partials/footer-end.html
new file mode 100644
index 0000000..c2b8fbf
--- /dev/null
+++ b/layouts/partials/footer-end.html
@@ -0,0 +1,22 @@
+
+    
+      {{ $code := .Site.Data.config.googleAnalytics }}
+      {{ if $code }}
+      <script async src="https://www.googletagmanager.com/gtag/js?id={{ $code }}"></script>
+      <script>
+        window.dataLayer = window.dataLayer || [];
+        function gtag(){dataLayer.push(arguments);}
+        gtag('js', new Date());
+      
+        gtag('config', '{{ $code }}');
+      </script>
+      {{ end }}
+    
+
+    <script src="https://code.jquery.com/jquery-3.2.1.min.js" 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>
+    <script defer src="https://use.fontawesome.com/releases/v5.0.10/js/all.js" integrity="sha384-slN8GvtUJGnv6ca26v8EzVaR9DC58QEwsIk9q1QXdCU8Yu8ck/tL/5szYlBbqmS+" crossorigin="anonymous"></script>
+    <script src="{{"js/script.js" | absURL }}"></script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
new file mode 100644
index 0000000..bce5c8c
--- /dev/null
+++ b/layouts/partials/footer.html
@@ -0,0 +1,11 @@
+{{ $footer := .Site.Data.footer }}
+<section id="footer" class="py-3">
+  <div class="container">
+    <span class="text-muted">{{ $footer.footertext }}</span>
+    <span class="float-right">
+      {{ range $key, $value := .Site.Data.social }}
+        <a href="https://{{ $key }}.com/{{ $value }}" class="ml-2 btn-{{$key}}"><i class="fab fa-{{ $key }}"></i></a>
+      {{ end }}
+    </span>
+  </div>
+</section>
\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
new file mode 100644
index 0000000..fedafe2
--- /dev/null
+++ b/layouts/partials/header.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <title>
+ 			{{ .Title }} {{ if ne .Title .Site.Title }} &middot; {{ .Site.Title }}{{ end }}
+    </title>
+    <meta charset="utf-8">
+    <link rel="canonical" href="{{ .Permalink }}">
+    <meta name="robots" content="index,follow" />
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link href="https://fonts.googleapis.com/css?family=Gothic+A1:700" rel="stylesheet">
+    <link href="{{ "favicon.png" | absURL }}" rel="icon" />
+
+    <!-- og -->
+    <meta name="og:title" content="{{ .Title }}"/>
+	<meta name="og:url" content="{{ .Permalink }}"/>
+	{{ if .Params.featuredimage }}
+	<meta name="og:image" content="{{ .Params.featuredimage | absURL}}"/>
+	{{ end }}
+	{{ if .Params.description }}
+	<meta name="og:description" content="{{ .Params.description }}"/>
+	{{ end }}
+	<meta name="og:site_name" content="{{ .Site.Title }}"/>
+		
+
+    <!-- including bootstrap -->
+    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
+    <link rel="stylesheet" type="text/css" href="{{.Site.BaseURL}}css/style.css">
+  </head>
+  <body>
+    
diff --git a/layouts/partials/nav.html b/layouts/partials/nav.html
new file mode 100644
index 0000000..8f44dad
--- /dev/null
+++ b/layouts/partials/nav.html
@@ -0,0 +1,69 @@
+{{ $header := .Site.Data.header }}
+{{- $logoSrc := printf "images/%s" $header.logo | absURL -}}
+
+{{ if .Scratch.Get "navbarType" }}
+
+  {{ if eq (.Scratch.Get "navbarType") "transparent" }}
+
+    <nav class="navbar nav-transparent navbar-expand-lg navbar-dark fixed-top">
+      <!-- <div class="backdrop-blur"></div> -->
+      <a class="navbar-brand" href="{{.Site.BaseURL}}"><img src="{{$logoSrc}}" height="40px"></a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav">
+         
+          {{ range $header.links }}
+
+              <li class="nav-item">
+                <a class="nav-link" href="{{.Site.BaseURL}}{{ .href }}">{{ .title }}</a>
+              </li>
+              
+            
+          {{ end }}
+        </ul>
+        <ul class="ml-auto navbar-nav">
+          
+            {{ range $key, $value := .Site.Data.social }}
+            <li class="nav-item" style="font-size: 22px">
+              <a href="https://{{ $key }}.com/{{ $value }}" class="ml-3 text-white btn-{{ $key }}"><i class="fab fa-{{ $key }}"></i></a>
+            </li>
+            {{ end }}
+          
+        </ul>
+      </div>
+    </nav>
+  {{ end }}
+{{ else }}
+    <nav class="navbar navbar-expand-lg navbar-light fixed-top bg-white nav-shadow">
+      <!-- <div class="backdrop-blur"></div> -->
+      <a class="navbar-brand" href="/"><img src="{{$logoSrc}}" height="40px"></a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+
+      <div class="collapse navbar-collapse" id="navbarSupportedContent">
+        <ul class="navbar-nav">
+         
+          {{ range $header.links }}
+
+              <li class="nav-item">
+                <a class="nav-link" href="{{.Site.BaseURL}}{{ .href | relURL }}">{{ .title }}</a>
+              </li>
+            
+          {{ end }}
+        </ul>
+        <ul class="ml-auto navbar-nav">
+          
+            {{ range $key, $value := .Site.Data.social }}
+            <li class="nav-item" style="font-size: 22px">
+              <a href="https://{{ $key }}.com/{{ $value }}" class="ml-3 btn-{{$key}}"><i class="fab fa-{{ $key }}"></i></a>
+            </li>
+            {{ end }}
+          
+        </ul>
+      </div>
+    </nav>    
+{{ end }}
diff --git a/layouts/partials/pricing.html b/layouts/partials/pricing.html
new file mode 100644
index 0000000..e319969
--- /dev/null
+++ b/layouts/partials/pricing.html
@@ -0,0 +1,31 @@
+{{ $pricing := .Site.Data.pricing }}
+<section id="pricing" class="py-5">
+  <div class="container text-center">
+    <h2 class="pt-5 h2">{{ $pricing.title }}</h2>
+    <p class="text-muted pb-5">{{ $pricing.description }}</p>
+    <div class="row justify-content-md-center">
+      {{ range $pricing.content }}
+        <div class="col-12 col-lg-3 col-md-6 col-sm-12 mb-4">
+            <div class="pricing p-4">
+              <h5 class="h5 title">{{ .title }}</h5>
+              <span class="price my-3">{{ .price }}</span>
+              <hr>
+              <div class="features text-left">
+                  {{ range .features }}
+                    <div class="my-2 text-muted"><i class="fa fa-check mr-3 text-success"></i>{{ . }}</div>
+                  {{ end }}
+              </div>
+              <a href="{{ .button.href | absURL }}" class="btn btn-outline-dark mt-4">{{ .button.text }}</a>
+            </div>
+        </div>
+      {{ end }}
+    </div>
+    
+  </div>
+</section>
+
+<style type="text/css">
+  #pricing{
+    background: linear-gradient(165deg, #ffffff 0%,#ffffff 45%,#fc5f3c 45%,#ff55d3 90%, #ffffff 90%, #ffffff 100%);
+  }
+</style>
\ No newline at end of file
diff --git a/layouts/partials/team.html b/layouts/partials/team.html
new file mode 100644
index 0000000..c1e684a
--- /dev/null
+++ b/layouts/partials/team.html
@@ -0,0 +1,27 @@
+{{ $team := .Site.Data.team }}
+<section id="team" class="text-center py-5">
+  <div class="container">
+    <h2 class="pt-5 h2">{{ $team.title }}</h2>  
+    <p class="text-muted pb-5">{{ $team.description }}</p>
+
+    <div class="members row justify-content-md-center mt-5">
+      {{ range $team.members }}
+        <div class="col-3 col-lg-1 col-md-1 col-sm-2">
+          <img data-toggle="tooltip" title="{{ .name }}" class="mb-3 teamAvatar" src="{{.Site.BaseURL}}images/team/{{.avatar }}" alt="{{ .name }}">
+          <!-- <h4 class="h4">{{ .name }}</h4>
+          <div class="text-muted">{{ .description }}</div> -->
+        </div>
+      {{ end }}
+    </div>
+  </div>
+</section>
+
+<style type="text/css">
+  .teamAvatar{
+    border: solid 6px #fff;
+    transition: all 0.3s ease;
+  }
+  .teamAvatar:hover{
+    transform: scale(1.06);
+  }
+</style>
\ No newline at end of file