CV-Portfolio 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: 2be7e43e22af2cdb342ba7b589f7436346def172b53b113838ea26749d77251b
+  data.tar.gz: b6aa5b6fef7957d034c5c2e923074e53f4833b6b129df9276fd13ae25494b431
+SHA512:
+  metadata.gz: abbee3cfa366748531f441f1c0612a33054cb0a68f8bf6d935ab87a5058e81ffd6dc8bb32163b067b5deb99f4055d8136aeead68c8e50bd8adfc9d3d3044d6f8
+  data.tar.gz: 16ab2c371c7e093651c6d1362ae4b9ea49c11a56b09b21f16de912dd7370878443522f0dc059a29d6de2ab9a2d866a9c0344eee7f8ad65e37050d0e49701dba0

data/LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 DesignofCp
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

data/README.md

@@ -0,0 +1,53 @@
+# 4-in-1 Telecommunications |  CV Card Portfolio
+[![Netlify Status](https://api.netlify.com/api/v1/badges/92675a34-7aac-48a5-aa24-d1c88447103f/deploy-status)](https://app.netlify.com/sites/4in1telecommunications/deploys)
+
+
+![CV Portfolio jekyll](/screenshot.png)
+
+# CV-Portfolio
+Welcome to your CV-Portfolio Jekyll theme! 
+CV Portfolio is an all in one premium Jekyll and Netlify CMS Stactic website for developers to promote themselves. 
+
+## Installation
+
+Add this line to your Jekyll site's `Gemfile`:
+
+```ruby
+gem "CV-Portfolio"
+```
+
+And add this line to your Jekyll site's `_config.yml`:
+
+```yaml
+theme: CV-Portfolio
+```
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install CV-Portfolio
+
+## Usage
+
+TODO: Write usage instructions here. Describe your available layouts, includes, sass and/or assets.
+
+## Contributing
+
+Bug reports and pull requests are welcome on GitHub at https://github.com/[USERNAME]/hello. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+
+## Development
+
+To set up your environment to develop this theme, run `bundle install`.
+
+Your theme is setup just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
+
+When your theme is released, only the files in `_layouts`, `_includes`, `_sass` and `assets` tracked with Git will be bundled.
+To add a custom directory to your theme-gem, please edit the regexp in `CV-Portfolio.gemspec` accordingly.
+
+## License
+
+The theme is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
+

data/_config.yml

@@ -0,0 +1,111 @@
+# Welcome to Jekyll!
+#
+# This config file is meant for settings that affect your whole blog, values
+# which you are expected to set up once and rarely edit after that. If you find
+# yourself editing this file very often, consider using Jekyll's data files
+# feature for the data you need to update frequently.
+#
+# For technical reasons, this file is *NOT* reloaded automatically when you use
+# 'bundle exec jekyll serve'. If you change this file, please restart the server process.
+#
+# If you need help with YAML syntax, here are some quick references for you: 
+# https://learn-the-web.algonquindesign.ca/topics/markdown-yaml-cheat-sheet/#yaml
+# https://learnxinyminutes.com/docs/yaml/
+#
+# Site settings
+# These are used to personalize your new site. If you look in the HTML files,
+# you will see them accessed via {{ site.title }}, {{ site.email }}, and so on.
+# You can create any custom variable you would like, and they will be accessible
+# in the templates via {{ site.myvariable }}.
+
+title: 4-in-1 Telecommunications
+email: support@4in1telecommunications.com
+description: >- # this means to ignore newlines until "baseurl:"
+  A Jekyll Build CV Card | Portfolio 
+baseurl: "" # the subpath of your site, e.g. /blog
+url: "https://4in1telecommunications.com" # the base hostname & protocol for your site, e.g. http://example.com
+
+urls:
+    - text: About Me
+      url: /index.html
+    - text: Resume
+      url: /resume.html
+    - text: Portfolio
+      url: /portfolio.html
+    - text: Templates
+      url: /templates.html
+    - text: Blog
+      url: /blog.html
+    - text: Contact
+      url: /contact.html
+    - text: Post
+      url: /post.html
+    - text: Project
+      url: /project.html
+
+
+# Social Media
+socials:
+  GitHub: 
+  GitLab:
+  Instagram:
+  Facebook:
+
+# Build settings
+# Markdown Processing
+markdown: kramdown
+highlighter: rouge
+permalink: pretty
+
+# Markdown Processing
+plugins:
+  - jekyll-feed
+
+
+# Custom Collections
+collections:
+   portfolio:
+      output: true
+
+# Sass Converter
+sass:
+  style: compact 
+
+# Custom Sitemap
+sitemap:
+    filename: "/sitemap.xml"
+    exclude:
+        - "/atom.xml"
+        - "/feed.xml"
+        - "/feed/index.xml"
+    include_posts:
+        - "/index.html"
+    change_frequency_name: "change_frequency"
+    priority_name: "priority"
+
+# Exclude from processing.
+# The following items will not be processed, by default.
+# Any item listed under the `exclude:` key here will be automatically added to
+# the internal "default list".
+#
+# Excluded items can be processed by explicitly listing the directories or
+# their entries' file path in the `include:` list.
+#
+exclude:
+  - .sass-cache/
+  - .jekyll-cache/
+  - gemfiles/
+  - Gemfile
+  - Gemfile.lock
+  - node_modules/
+  - vendor/bundle/
+  - vendor/cache/
+  - vendor/gems/
+  - vendor/ruby/
+  - "README.md"
+  - "LICENSE.md"
+  - CNAME
+
+destination: ./build
+
+

data/_includes/backtotop.html

@@ -0,0 +1 @@
+<div class="back-to-top"></div>

data/_includes/clients.html

@@ -0,0 +1,37 @@
+<!-- Clients -->
+<h2 class="title title--h2 mt-4">Clients</h2>
+<div class="swiper-container js-carousel-clients">
+    <div class="swiper-wrapper">
+        <!-- Item client -->
+        <figure class="swiper-slide">
+            <a href="#"><img class="logo-client" src="assets/images/clients/logo-1-color.png" alt="Logo" /></a>
+        </figure>
+
+        <!-- Item client -->
+        <figure class="swiper-slide">
+            <a href="#"><img class="logo-client" src="assets/images/clients/logo-2-color.png" alt="Logo" /></a>
+        </figure>
+
+        <!-- Item client -->
+        <figure class="swiper-slide">
+            <a href="#"><img class="logo-client" src="assets/images/clients/logo-3-color.png" alt="Logo" /></a>
+        </figure>
+
+        <!-- Item client -->
+        <figure class="swiper-slide">
+            <a href="#"><img class="logo-client" src="assets/images/clients/logo-4-color.png" alt="Logo" /></a>
+        </figure>
+
+        <!-- Item client -->
+        <figure class="swiper-slide">
+            <a href="#"><img class="logo-client" src="assets/images/clients/logo-5-color.png" alt="Logo" /></a>
+        </figure>
+
+        <!-- Item client -->
+        <figure class="swiper-slide">
+            <a href="#"><img class="logo-client" src="assets/images/clients/logo-6-color.png" alt="Logo" /></a>
+        </figure>
+    </div>
+
+    <div class="swiper-pagination"></div>
+</div><!-- /swiper-container -->

data/_includes/header.html

@@ -0,0 +1,2 @@
+<!DOCTYPE html>
+<html lang="{{ site.lang | default: "en-US" }}">

data/_includes/javascripts.html

@@ -0,0 +1,4 @@
+	<!-- JavaScripts -->
+	<script src="assets/js/jquery-3.4.1.min.js"></script>
+	<script src="assets/js/plugins.min.js"></script>
+    <script src="assets/js/common.js"></script>

data/_includes/mapbox-init.html

@@ -0,0 +1,2 @@
+    <!-- Mapbox init -->
+	<script src="{{ site.url }}/assets/js/mapbox.init.js"></script>

data/_includes/mapbox.html

@@ -0,0 +1,3 @@
+<!-- Mapbox-->
+<script src='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.js'></script>
+<link href='https://api.mapbox.com/mapbox-gl-js/v1.4.1/mapbox-gl.css' rel='stylesheet' />

data/_includes/meta.html

@@ -0,0 +1,28 @@
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta charset="utf-8">
+<title>{{ page.title }} - {{ site.title }}</title>
+  <!-- Meta Data -->
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="format-detection" content="telephone=no"/>
+<meta name="format-detection" content="address=no"/>
+<meta name="author" content="DesignofCp" />
+<meta name="description" content="vCard" />
+
+<!-- Open Graph data -->
+<meta property="og:title" content="DesignofCp" />
+<meta property="og:type" content="4-in-1 Telecommunications" />
+<meta property="og:url" content="https://4in1telecommunications.com" />
+<meta property="og:image" content="{{ site.url }}/assets/images/social.jpg" />
+<meta property="og:description" content="vCard" />
+<meta property="og:site_name" content="vCard" />
+
+<!-- Favicons -->
+<link rel="apple-touch-icon" sizes="144x144" href="{{ site.url }}/assets/images/favicons/apple-touch-icon-144x144.png">
+<link rel="apple-touch-icon" sizes="114x114" href="{{ site.url }}/assets/images/favicons/apple-touch-icon-114x114.png">
+<link rel="apple-touch-icon" sizes="72x72" href="{{ site.url }}/assets/images/favicons/apple-touch-icon-72x72.png">
+<link rel="apple-touch-icon" sizes="57x57" href="{{ site.url }}/assets/images/favicons/apple-touch-icon-57x57.png">
+<link rel="shortcut icon" href="{{ site.url }}/assets/images/favicons/favicon.png" type="image/png">
+
+<link rel="stylesheet" type="text/css" href="{{ site.url }}/assets/css/vendors/bootstrap.min.css"/>
+<link rel="stylesheet" href="{{ "/assets/css/main.css" | relative_url }}">

data/_includes/photoswipe.html

@@ -0,0 +1,40 @@
+	<!-- PhotoSwipe -->
+    <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
+	    <div class="pswp__bg"></div>
+
+	    <div class="pswp__scroll-wrap">
+	        <div class="pswp__container">
+		        <div class="pswp__item"></div>
+		        <div class="pswp__item"></div>
+		        <div class="pswp__item"></div>
+	        </div>
+
+	        <div class="pswp__ui pswp__ui--hidden">
+		        <div class="pswp__top-bar">
+		            <div class="pswp__counter"></div>
+		            <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
+		            <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
+		            <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
+
+		            <div class="pswp__preloader">
+			            <div class="pswp__preloader__icn">
+			                <div class="pswp__preloader__cut">
+				                <div class="pswp__preloader__donut"></div>
+			                </div>
+			            </div>
+		            </div>
+		        </div>
+  
+		        <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
+		            <div class="pswp__share-tooltip"></div>
+		        </div>
+  
+		        <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)"></button>
+		        <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)"></button>
+  
+		        <div class="pswp__caption">
+		            <div class="pswp__caption__center"></div>
+		        </div>
+	        </div>
+	    </div>
+    </div>

data/_includes/preloader.html

@@ -0,0 +1,4 @@
+<!-- Preloader -->
+<div id="preloader">
+	<div id="status">&nbsp;</div>
+</div>

data/_includes/review.html

@@ -0,0 +1,79 @@
+	<!-- Full review 1 -->
+	<div id="review-1" class="popup mfp-hide mfp-with-anim">
+		<div class="row">
+            <div class="col-12 col-sm-2 full-rewiew-con-avatar">
+				<figure class="box box-avatar">
+					<img src="assets/images/avatar-1.png" alt="DesignofCp">
+				</figure>
+				<div class="review-icon-quote"></div>
+			</div>
+			<div class="col-12 col-sm-10 full-rewiew-con-text">
+				<h2 class="title title--h2 mb-1">DesignofCp</h2>
+				<span class="review-date">14 June, 2021</span>
+				<p>DesignofCp was hired to create a corporate identity. We were very pleased with the work done. She has a lot of experience and is very concerned about the needs of client.
+				Lorem ipsum dolor sit amet, ullamcous cididt consectetur adipiscing elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.</p>
+				<p>Ut enim ad nesid utminim veniam, quis nostrud eiusmo exercitation ullamco labori is amco commodo consequat  seds eiusmod. Adipisicing velit eu eiusmod nisi ad nulla. 
+				Magna deserunt ipsum pariatur sunt incididunt culpa cupidatat. Pariatur occaecat enim dolor culpa nisi ea eiusmod do qui culpa consectetur laboris eiusmod anim.</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Full review 2 -->
+	<div id="review-2" class="popup mfp-hide mfp-with-anim">
+		<div class="row">
+            <div class="col-12 col-sm-2 full-rewiew-con-avatar">
+				<figure class="box box-avatar">
+					<img src="assets/images/avatar-2.png" alt="Daniel Lewis">
+				</figure>
+				<div class="review-icon-quote"></div>
+			</div>
+			<div class="col-12 col-sm-10 full-rewiew-con-text">
+				<h2 class="title title--h2 mb-1">Jessica Miller</h2>
+				<span class="review-date">14 June, 2021</span>
+				<p>Ricardo was hired to create a corporate identity. We were very pleased with the work done. She has a lot of experience and is very concerned about the needs of client.
+				Lorem ipsum dolor sit amet, ullamcous cididt consectetur adipiscing elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.</p>
+				<p>Ut enim ad nesid utminim veniam, quis nostrud eiusmo exercitation ullamco labori is amco commodo consequat  seds eiusmod. Adipisicing velit eu eiusmod nisi ad nulla. 
+				Magna deserunt ipsum pariatur sunt incididunt culpa cupidatat. Pariatur occaecat enim dolor culpa nisi ea eiusmod do qui culpa consectetur laboris eiusmod anim.</p>
+			</div>
+		</div>
+	</div>
+	
+	<!-- Full review 3 -->
+	<div id="review-3" class="popup mfp-hide mfp-with-anim">
+		<div class="row">
+            <div class="col-12 col-sm-2 full-rewiew-con-avatar">
+				<figure class="box box-avatar">
+					<img src="assets/images/avatar-3.png" alt="Daniel Lewis">
+				</figure>
+				<div class="review-icon-quote"></div>
+			</div>
+			<div class="col-12 col-sm-10 full-rewiew-con-text">
+				<h2 class="title title--h2 mb-1">Emily Evans</h2>
+				<span class="review-date">14 June, 2021</span>
+				<p>Ricardo was hired to create a corporate identity. We were very pleased with the work done. She has a lot of experience and is very concerned about the needs of client.
+				Lorem ipsum dolor sit amet, ullamcous cididt consectetur adipiscing elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.</p>
+				<p>Ut enim ad nesid utminim veniam, quis nostrud eiusmo exercitation ullamco labori is amco commodo consequat  seds eiusmod. Adipisicing velit eu eiusmod nisi ad nulla. 
+				Magna deserunt ipsum pariatur sunt incididunt culpa cupidatat. Pariatur occaecat enim dolor culpa nisi ea eiusmod do qui culpa consectetur laboris eiusmod anim.</p>
+			</div>
+		</div>
+	</div>
+
+	<!-- Full review 4 -->
+	<div id="review-4" class="popup mfp-hide mfp-with-anim">
+		<div class="row">
+            <div class="col-12 col-sm-2 full-rewiew-con-avatar">
+				<figure class="box box-avatar">
+					<img src="assets/images/avatar-4.png" alt="Daniel Lewis">
+				</figure>
+				<div class="review-icon-quote"></div>
+			</div>
+			<div class="col-12 col-sm-10 full-rewiew-con-text">
+				<h2 class="title title--h2 mb-1">Henry William</h2>
+				<span class="review-date">14 June, 2021</span>
+				<p>Ricardo was hired to create a corporate identity. We were very pleased with the work done. She has a lot of experience and is very concerned about the needs of client.
+				Lorem ipsum dolor sit amet, ullamcous cididt consectetur adipiscing elit, seds do et eiusmod tempor incididunt ut laborels dolore magnarels alia.</p>
+				<p>Ut enim ad nesid utminim veniam, quis nostrud eiusmo exercitation ullamco labori is amco commodo consequat  seds eiusmod. Adipisicing velit eu eiusmod nisi ad nulla. 
+				Magna deserunt ipsum pariatur sunt incididunt culpa cupidatat. Pariatur occaecat enim dolor culpa nisi ea eiusmod do qui culpa consectetur laboris eiusmod anim.</p>
+			</div>
+		</div>
+	</div>

data/_includes/scroll.html

@@ -0,0 +1,2 @@
+	<!-- Scroll Indicator -->
+    <div class="scroll-line"></div>

data/_includes/sidebar.html

@@ -0,0 +1,68 @@
+<!-- Sidebar -->
+<aside class="col-12 col-md-12 col-xl-3">
+    <div class="sidebar box-outer sticky-column">
+        <!-- My photo -->
+        <div class="sidebar__base-info">
+            <figure class="avatar-box">
+                <img src="assets/images/my-avatar.png" alt="DesignofCp" />
+            </figure>
+
+            <div class="text-xl-center">
+                <h3 class="title title--h3 sidebar__name">DesignofCp</h3>
+                <div class="badge">Creative Director</div>
+            </div>
+
+            <button class="btn btn--small btn--icon-right sidebar__btn js-btn-toggle"><span>Show Contacts</span><i
+                    class="feathericon-chevron-down"></i></button>
+        </div>
+
+        <div class="sidebar__additional-info js-show">
+            <div class="separation"></div>
+            <ul class="details-info">
+                <!-- Email -->
+                <li class="details-info__item">
+                    <span class="box icon-box"><i class="font-icon icon-envelope"></i></span>
+                    <div class="contacts-block__info">
+                        <span class="overhead">Email</span>
+                        <a class="text-overflow" href="mailto:support@4in1telecommunications.com"
+                            title="support@4in1telecommunications.com">support@4in1telecommunications.com</a>
+                    </div>
+                </li>
+                <!-- Phone -->
+                <li class="details-info__item">
+                    <span class="box icon-box"><i class="font-icon icon-phone"></i></span>
+                    <div class="contacts-block__info">
+                        <span class="overhead">Phone</span>
+                        <span class="text-overflow" title="+1 (512) 655-3315">+1 (512) 655-3315</span>
+                    </div>
+                </li>
+                <!-- Remote Developer -->
+                <li class="details-info__item">
+                    <span class="box icon-box"><i class="font-icon icon-calendar"></i></span>
+                    <div class="contacts-block__info">
+                        <span class="overhead">Remote Developer</span>
+                        <span class="text-overflow" title="Web Design">Web Design</span>
+                    </div>
+                </li>
+                <!-- Location -->
+                <li class="details-info__item">
+                    <span class="box icon-box"><i class="font-icon icon-location"></i></span>
+                    <div class="contacts-block__info">
+                        <span class="overhead">Location</span>
+                        <span class="text-overflow" title="Internet">Internet</span>
+                    </div>
+                </li>
+            </ul>
+            <div class="separation d-xl-none"></div>
+
+            <!-- Social -->
+            <div class="social">
+                <a class="social__link" href="https://github.com/4-in-1-telecommunications"><i class="feathericon-github"></i></a>
+                <a class="social__link" href="https://www.facebook.com/4in1Telecommunications"><i class="feathericon-facebook"></i></a>
+                <a class="social__link" href="https://www.youtube.com/channel/UCj03VatAzQy7PY_8QTxKZeA?sub_confirmation=1"><i class="feathericon-youtube"></i></a>
+                <a class="social__link" href="https://www.instagram.com/tookooltech/"><i class="feathericon-instagram"></i></a>
+                
+            </div>
+        </div>
+    </div>
+</aside>

data/_includes/skills.html

@@ -0,0 +1,31 @@
+<!-- Skills -->
+<h2 class="title title--h2 mt-3">My Skills</h2>
+<div class="box box-inner mb-0">
+    <!-- Web Design -->
+    <div class="progress">
+        <div class="progress-text"><span>Web Design</span> 80%</div>
+        <div class="progress-bar"><span role="progressbar" aria-valuenow="80" aria-valuemin="0"
+                aria-valuemax="100"></span></div>
+    </div>
+
+    <!-- Web Design -->
+    <div class="progress">
+        <div class="progress-text"><span>Graphic Design</span> 75%</div>
+        <div class="progress-bar"><span role="progressbar" aria-valuenow="75" aria-valuemin="0"
+                aria-valuemax="100"></span></div>
+    </div>
+
+    <!-- Web Design -->
+    <div class="progress">
+        <div class="progress-text"><span>Branding</span> 90%</div>
+        <div class="progress-bar"><span role="progressbar" aria-valuenow="90" aria-valuemin="0"
+                aria-valuemax="100"></span></div>
+    </div>
+
+    <!-- Web Design -->
+    <div class="progress">
+        <div class="progress-text"><span>WordPress</span> 50%</div>
+        <div class="progress-bar"><span role="progressbar" aria-valuenow="50" aria-valuemin="0"
+                aria-valuemax="100"></span></div>
+    </div>
+</div>

data/_includes/testimonials.html

@@ -0,0 +1,54 @@
+		<!-- Testimonials -->
+		<div class="testimonials">
+			<h2 class="title title--h2 mt-3">Testimonials</h2>
+
+			<div class="swiper-container js-carousel-review">
+				<div class="swiper-wrapper">
+					<!-- Item review -->
+					<div class="swiper-slide review-item box box-inner js-open-review" data-mfp-src="#review-1"
+						data-effect="mfp-zoom-out">
+						<figure class="box box-avatar">
+							<img src="assets/images/avatar-1.png" alt="DesignofCp">
+						</figure>
+						<h4 class="title title--h3">DesignofCp</h4>
+						<p class="review-item__caption">DesignofCp was hired to create a corporate identity. We were very
+							pleased with the work done...</p>
+					</div>
+
+					<!-- Item review -->
+					<div class="swiper-slide review-item box box-inner js-open-review" data-mfp-src="#review-2"
+						data-effect="mfp-zoom-out">
+						<figure class="box box-avatar">
+							<img src="assets/images/avatar-2.png" alt="Daniel Lewis">
+						</figure>
+						<h4 class="title title--h3">Jessica Miller</h4>
+						<p class="review-item__caption">Thanks to the skill of Ricardo, we have a design that we can be
+							proud of. We are impressed with...</p>
+					</div>
+
+					<!-- Item review -->
+					<div class="swiper-slide review-item box box-inner js-open-review" data-mfp-src="#review-3"
+						data-effect="mfp-zoom-out">
+						<figure class="box box-avatar">
+							<img src="assets/images/avatar-3.png" alt="Daniel Lewis">
+						</figure>
+						<h4 class="title title--h3">Emily Evans</h4>
+						<p class="review-item__caption">Ricardo did a miracle with my website. It looks exactly as I
+							imagined it. Now I have a profession...</p>
+					</div>
+
+					<!-- Item review -->
+					<div class="swiper-slide review-item box box-inner js-open-review" data-mfp-src="#review-4"
+						data-effect="mfp-zoom-out">
+						<figure class="box box-avatar">
+							<img src="assets/images/avatar-4.png" alt="Daniel Lewis">
+						</figure>
+						<h4 class="title title--h3">Henry William</h4>
+						<p class="review-item__caption">Thank you very much for your work on our project. It was a big
+							help for us. Thanks to the...</p>
+					</div>
+				</div>
+
+				<div class="swiper-pagination"></div>
+			</div>
+		</div>

data/_layouts/contact.html

@@ -0,0 +1,20 @@
+{% include header.html %}
+  <head>
+   {% include meta.html %}
+   {% include mapbox.html %}
+  </head>
+  <body>
+    {% include preloader.html %}
+    <main class="main">
+	    <div class="container gutter-top gutter-bottom">
+		    <div class="row sticky-parent">
+          {% include sidebar.html %}
+		       {{ content }}
+			   </div><!-- sticky-parent -->
+		    </div><!-- container -->
+    </main>
+    {% include backtotop.html %}
+    {% include javascripts.html %}
+    {% include mapbox-init.html %}
+  </body>
+</html>

data/_layouts/default.html

@@ -0,0 +1,18 @@
+{% include header.html %}
+  <head>
+   {% include meta.html %}
+  </head>
+  <body>
+    {% include preloader.html %}
+    <main class="main">
+	    <div class="container gutter-top gutter-bottom">
+		    <div class="row sticky-parent">
+          {% include sidebar.html %}
+		       {{ content }}
+			   </div><!-- sticky-parent -->
+		    </div><!-- container -->
+    </main>
+    {% include backtotop.html %}
+    {% include javascripts.html %}
+  </body>
+</html>

data/_layouts/post.html

@@ -0,0 +1,21 @@
+{% include header.html %}
+<head>
+    {% include meta.html %}
+</head>
+<body>
+    {% include preloader.html %}
+    {% include scroll.html %}
+    <main class="main">
+	    <div class="container gutter-top gutter-bottom">
+		    <div class="row sticky-parent">
+                {% include sidebar.html %}
+		        
+                {{ content }}
+			</div><!-- /sticky -->
+		</div><!-- container -->
+    </main>
+
+    {% include backtotop.html %}
+    {% include javascripts.html %}
+</body>
+</html>