8 | {{- include.content | markdownify -}}
9 |
10 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_includes/favicons.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_includes/footer.html:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_includes/header.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
2 |
9 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_includes/social.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_includes/stylesheet.html:
--------------------------------------------------------------------------------
1 |
2 | {%- if jekyll.environment == "production" or jekyll.environment == "netlify" %}
3 |
4 | {% else %}
5 |
6 | {% endif -%}
7 |
8 | {%- if page.layout == "docs" or page.layout != "examples" -%}
9 |
10 | {% if page.layout == "docs" %}
11 |
12 | {% endif %}
13 | {% if page.layout != "examples" %}
14 |
15 | {% endif %}
16 | {%- endif -%}
17 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_layouts/default.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% include header.html %}
5 |
6 |
7 | {% include skippy.html %}
8 |
9 | {% include docs-navbar.html %}
10 |
11 | {% if page.layout == "simple" %}
12 | {{ content }}
13 | {% else %}
14 |
3 | Skip to main content
4 | {%- if page.layout == "docs" -%}
5 | Skip to docs navigation
6 | {%- endif -%}
7 |
8 |
12 |
34 |
35 | {% include scripts.html %}
36 |
37 |
38 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_layouts/home.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | {% include header.html %}
5 |
6 |
7 | {% include skippy.html %}
8 |
9 | {% include docs-navbar.html %}
10 |
11 | {{ content }}
12 |
13 | {% include footer.html %}
14 | {% include scripts.html %}
15 |
16 |
17 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/_layouts/simple.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: default
3 | ---
4 |
5 |
13 |
16 |
17 | {% if page.toc %}
18 |
21 | {% endif %}
22 |
23 |
24 |
32 |
33 |
25 | View on GitHub
26 |
28 | {{ page.title | smartify }}
27 |{{ page.description | smartify }}
29 | {% include ads.html %} 30 | {{ content }} 31 |
7 |
16 | {% include ads.html %}
17 | {{ page.title | smartify }}
8 |{{ page.description | smartify }}
9 | {%- if page.title == "Examples" -%} 10 |
11 | Download examples
12 | Download source code
13 |
14 | {%- endif -%}
15 |
11 | {% for member in site.data.core-team %}
12 |
13 | 
14 |
15 | {{ member.name }} @{{ member.user }}
16 |
17 |
18 | {% endfor %}
19 |
20 |
21 | Get involved with Bootstrap development by [opening an issue]({{ site.repo }}/issues/new) or submitting a pull request. Read our [contributing guidelines]({{ site.repo }}/blob/v{{ site.current_version }}/.github/CONTRIBUTING.md) for information on how we develop.
22 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/about/translations.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Translations
4 | description: Links to community-translated Bootstrap documentation sites.
5 | group: about
6 | ---
7 |
8 | Community members have translated Bootstrap's documentation into various languages. None are officially supported and they may not always be up to date.
9 |
10 |
14 |
15 | {{ member.name }} @{{ member.user }}
16 |
17 |
18 | {% endfor %}
19 | -
11 | {% for language in site.data.translations %}
12 |
- {{ language.description }} ({{ language.name }}) 13 | {% endfor %} 14 |
12 |
15 |
18 | {% endcapture %}
19 | {% include example.html content=example %}
20 |
21 | To make the jumbotron full width, and without rounded corners, add the `.jumbotron-fluid` modifier class and add a `.container` or `.container-fluid` within.
22 |
23 | {% capture example %}
24 | Hello, world!
13 |This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.
14 |15 |
It uses utility classes for typography and spacing to space content out within the larger container.
16 | Learn more 17 |
25 |
30 | {% endcapture %}
31 | {% include example.html content=example %}
32 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/content/figures.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Figures
4 | description: Documentation and examples for displaying related images and text with the figure component in Bootstrap.
5 | group: content
6 | ---
7 |
8 | Anytime you need to display a piece of content—like an image with an optional caption, consider using a `
26 |
29 | Fluid jumbotron
27 |This is a modified jumbotron that occupies the entire horizontal space of its parent.
28 |
10 |
11 |
20 |
21 |
22 |
28 |
29 |
34 |
35 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/dashboard/dashboard.js:
--------------------------------------------------------------------------------
1 | /* globals Chart:false, feather:false */
2 |
3 | (function () {
4 | 'use strict'
5 |
6 | feather.replace()
7 |
8 | // Graphs
9 | var ctx = document.getElementById('myChart')
10 | // eslint-disable-next-line no-unused-vars
11 | var myChart = new Chart(ctx, {
12 | type: 'line',
13 | data: {
14 | labels: [
15 | 'Sunday',
16 | 'Monday',
17 | 'Tuesday',
18 | 'Wednesday',
19 | 'Thursday',
20 | 'Friday',
21 | 'Saturday'
22 | ],
23 | datasets: [{
24 | data: [
25 | 15339,
26 | 21345,
27 | 18483,
28 | 24003,
29 | 23489,
30 | 24092,
31 | 12034
32 | ],
33 | lineTension: 0,
34 | backgroundColor: 'transparent',
35 | borderColor: '#007bff',
36 | borderWidth: 4,
37 | pointBackgroundColor: '#007bff'
38 | }]
39 | },
40 | options: {
41 | scales: {
42 | yAxes: [{
43 | ticks: {
44 | beginAtZero: false
45 | }
46 | }]
47 | },
48 | legend: {
49 | display: false
50 | }
51 | }
52 | })
53 | }())
54 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/grid/grid.css:
--------------------------------------------------------------------------------
1 | .themed-grid-col {
2 | padding-top: 15px;
3 | padding-bottom: 15px;
4 | background-color: rgba(86, 61, 124, .15);
5 | border: 1px solid rgba(86, 61, 124, .2);
6 | }
7 |
8 | .themed-container {
9 | padding: 15px;
10 | margin-bottom: 30px;
11 | background-color: rgba(0, 123, 255, .15);
12 | border: 1px solid rgba(0, 123, 255, .2);
13 | }
14 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/jumbotron/jumbotron.css:
--------------------------------------------------------------------------------
1 | /* Move down content because we have a fixed navbar that is 3.5rem tall */
2 | body {
3 | padding-top: 3.5rem;
4 | }
5 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/navbar-fixed/navbar-top-fixed.css:
--------------------------------------------------------------------------------
1 | /* Show it is fixed to the top */
2 | body {
3 | min-height: 75rem;
4 | padding-top: 4.5rem;
5 | }
6 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/navbar-static/navbar-top.css:
--------------------------------------------------------------------------------
1 | /* Show it's not fixed to the top */
2 | body {
3 | min-height: 75rem;
4 | }
5 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/navbars/navbar.css:
--------------------------------------------------------------------------------
1 | body {
2 | padding-bottom: 20px;
3 | }
4 |
5 | .navbar {
6 | margin-bottom: 20px;
7 | }
8 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/offcanvas/offcanvas.js:
--------------------------------------------------------------------------------
1 | $(function () {
2 | 'use strict'
3 |
4 | $('[data-toggle="offcanvas"]').on('click', function () {
5 | $('.offcanvas-collapse').toggleClass('open')
6 | })
7 | })
8 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/pricing/pricing.css:
--------------------------------------------------------------------------------
1 | html {
2 | font-size: 14px;
3 | }
4 | @media (min-width: 768px) {
5 | html {
6 | font-size: 16px;
7 | }
8 | }
9 |
10 | .container {
11 | max-width: 960px;
12 | }
13 |
14 | .pricing-header {
15 | max-width: 700px;
16 | }
17 |
18 | .card-deck .card {
19 | min-width: 220px;
20 | }
21 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/sign-in/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: examples
3 | title: Signin Template
4 | extra_css: "signin.css"
5 | body_class: "text-center"
6 | include_js: false
7 | ---
8 |
9 |
24 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/sign-in/signin.css:
--------------------------------------------------------------------------------
1 | html,
2 | body {
3 | height: 100%;
4 | }
5 |
6 | body {
7 | display: -ms-flexbox;
8 | display: flex;
9 | -ms-flex-align: center;
10 | align-items: center;
11 | padding-top: 40px;
12 | padding-bottom: 40px;
13 | background-color: #f5f5f5;
14 | }
15 |
16 | .form-signin {
17 | width: 100%;
18 | max-width: 330px;
19 | padding: 15px;
20 | margin: auto;
21 | }
22 | .form-signin .checkbox {
23 | font-weight: 400;
24 | }
25 | .form-signin .form-control {
26 | position: relative;
27 | box-sizing: border-box;
28 | height: auto;
29 | padding: 10px;
30 | font-size: 16px;
31 | }
32 | .form-signin .form-control:focus {
33 | z-index: 2;
34 | }
35 | .form-signin input[type="email"] {
36 | margin-bottom: -1px;
37 | border-bottom-right-radius: 0;
38 | border-bottom-left-radius: 0;
39 | }
40 | .form-signin input[type="password"] {
41 | margin-bottom: 10px;
42 | border-top-left-radius: 0;
43 | border-top-right-radius: 0;
44 | }
45 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/starter-template/starter-template.css:
--------------------------------------------------------------------------------
1 | body {
2 | padding-top: 5rem;
3 | }
4 | .starter-template {
5 | padding: 3rem 1.5rem;
6 | text-align: center;
7 | }
8 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/sticky-footer-navbar/sticky-footer-navbar.css:
--------------------------------------------------------------------------------
1 | /* Custom page CSS
2 | -------------------------------------------------- */
3 | /* Not required for template or sticky footer method. */
4 |
5 | main > .container {
6 | padding: 60px 15px 0;
7 | }
8 |
9 | .footer {
10 | background-color: #f5f5f5;
11 | }
12 |
13 | .footer > .container {
14 | padding-right: 15px;
15 | padding-left: 15px;
16 | }
17 |
18 | code {
19 | font-size: 80%;
20 | }
21 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/examples/sticky-footer/index.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: examples
3 | title: Sticky Footer Template
4 | extra_css: "sticky-footer.css"
5 | html_class: "h-100"
6 | body_class: "d-flex flex-column h-100"
7 | include_js: false
8 | ---
9 |
10 |
11 |
12 |
19 | Cover
13 | 18 |Cover your page.
23 |Cover is a one-page template for building simple and beautiful home pages. Download, edit the text, and add your own fullscreen background photo to make it your own.
24 |25 | Learn more 26 |
27 |
13 |
17 | Sticky footer
14 |Pin a footer to the bottom of the viewport in desktop browsers with this custom HTML and CSS.
15 |Use the sticky footer with a fixed navbar if need be, too.
16 |...
12 | {% endhighlight %}
13 |
14 | {% highlight scss %}
15 | // Mixin itself
16 | @mixin clearfix() {
17 | &::after {
18 | display: block;
19 | content: "";
20 | clear: both;
21 | }
22 | }
23 |
24 | // Usage as a mixin
25 | .element {
26 | @include clearfix;
27 | }
28 | {% endhighlight %}
29 |
30 | The following example shows how the clearfix can be used. Without the clearfix the wrapping div would not span around the buttons which would cause a broken layout.
31 |
32 | {% capture example %}
33 |
34 |
35 |
36 |
37 | {% endcapture %}
38 | {% include example.html content=example %}
39 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/utilities/close-icon.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Close icon
4 | description: Use a generic close icon for dismissing content like modals and alerts.
5 | group: utilities
6 | ---
7 |
8 | **Be sure to include text for screen readers**, as we've done with `aria-label`.
9 |
10 | {% capture example %}
11 |
14 | {% endcapture %}
15 | {% include example.html content=example %}
16 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/utilities/image-replacement.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Image replacement
4 | description: Swap text for background images with the image replacement class.
5 | group: utilities
6 | ---
7 |
8 | {% capture callout %}
9 | ##### Warning
10 |
11 | The `text-hide()` class and mixin has been deprecated as of v4.1. It will be removed entirely in v5.
12 | {% endcapture %}
13 | {% include callout.html content=callout type="warning" %}
14 |
15 | Utilize the `.text-hide` class or mixin to help replace an element's text content with a background image.
16 |
17 | {% highlight html %}
18 | Custom heading
19 | {% endhighlight %} 20 | 21 | {% highlight scss %} 22 | // Usage as a mixin 23 | .heading { 24 | @include text-hide; 25 | } 26 | {% endhighlight %} 27 | 28 | Use the `.text-hide` class to maintain the accessibility and SEO benefits of heading tags, but want to utilize a `background-image` instead of text. 29 | 30 |
31 |
33 |
34 | {% highlight html %}
35 | Bootstrap
32 |Bootstrap
36 | {% endhighlight %} 37 | -------------------------------------------------------------------------------- /assets/bootstrap-4.5.2/site/docs/4.5/utilities/interactions.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: docs 3 | title: Interactions 4 | description: Utility classes that change how users interact with the contents of a website. 5 | group: utilities 6 | --- 7 | 8 | ## Text selection 9 | 10 | Change how the content is selected when the user interacts with it. 11 | 12 | {% capture example %} 13 |This paragraph will be entirely selected when clicked by the user.
14 |This paragraph has the default select behavior.
15 |This paragraph will not be selectable when clicked by the user.
16 | {% endcapture %} 17 | {% include example.html content=example %} 18 | 19 | Customize the available classes by changing the `$user-selects` Sass list in `_variables.scss`. 20 | -------------------------------------------------------------------------------- /assets/bootstrap-4.5.2/site/docs/4.5/utilities/overflow.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: docs 3 | title: Overflow 4 | description: Use these shorthand utilities for quickly configuring how content overflows an element. 5 | group: utilities 6 | --- 7 | 8 | Barebones `overflow` functionality is provided for two values by default, and they are not responsive. 9 | 10 |
11 |
18 |
19 | {% highlight html %}
20 |
12 | This is an example of using
14 | .overflow-auto on an element with set width and height dimensions. By design, this content will vertically scroll.
13 |
15 | This is an example of using
17 | .overflow-hidden on an element with set width and height dimensions.
16 | ...
21 | ...
22 | {% endhighlight %}
23 |
24 | Using Sass variables, you may customize the overflow utilities by changing the `$overflows` variable in `_variables.scss`.
25 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/utilities/screen-readers.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Screen readers
4 | description: Use screen reader utilities to hide elements on all devices except screen readers.
5 | group: utilities
6 | ---
7 |
8 | Hide an element to all devices **except screen readers** with `.sr-only`. Combine `.sr-only` with `.sr-only-focusable` to show the element again when it's focused (e.g. by a keyboard-only user). Can also be used as mixins.
9 |
10 | {%- comment -%}
11 | Necessary for following [accessibility best practices]({{ site.baseurl }}/docs/{{ site.docs_version }}/getting-started/#accessibility).
12 | {%- endcomment -%}
13 |
14 | {% capture example %}
15 | Skip to main content
16 | {% endcapture %}
17 | {% include example.html content=example %}
18 |
19 | {% highlight scss %}
20 | // Usage as a mixin
21 | .skip-navigation {
22 | @include sr-only;
23 | @include sr-only-focusable;
24 | }
25 | {% endhighlight %}
26 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/utilities/shadows.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Shadows
4 | description: Add or remove shadows to elements with box-shadow utilities.
5 | group: utilities
6 | ---
7 |
8 | ## Examples
9 |
10 | While shadows on components are disabled by default in Bootstrap and can be enabled via `$enable-shadows`, you can also quickly add or remove a shadow with our `box-shadow` utility classes. Includes support for `.shadow-none` and three default sizes (which have associated variables to match).
11 |
12 | {% capture example %}
13 | No shadow
14 | Small shadow
15 | Regular shadow
16 | Larger shadow
17 | {% endcapture %}
18 | {% include example.html content=example %}
19 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/4.5/utilities/visibility.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: docs
3 | title: Visibility
4 | description: Control the visibility, without modifying the display, of elements with visibility utilities.
5 | group: utilities
6 | ---
7 |
8 | Set the `visibility` of elements with our visibility utilities. These utility classes do not modify the `display` value at all and do not affect layout – `.invisible` elements still take up space in the page. Content will be hidden both visually and for assistive technology/screen reader users.
9 |
10 | Apply `.visible` or `.invisible` as needed.
11 |
12 | {% highlight html %}
13 | ...
14 | ...
15 | {% endhighlight %}
16 |
17 | {% highlight scss %}
18 | // Class
19 | .visible {
20 | visibility: visible !important;
21 | }
22 | .invisible {
23 | visibility: hidden !important;
24 | }
25 |
26 | // Usage as a mixin
27 | // Warning: The `invisible()` mixin has been deprecated as of v4.3.0. It will be removed entirely in v5.
28 | .element {
29 | @include invisible(visible);
30 | }
31 | .element {
32 | @include invisible(hidden);
33 | }
34 | {% endhighlight %}
35 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/docs/versions.html:
--------------------------------------------------------------------------------
1 | ---
2 | layout: simple
3 | title: Versions
4 | description: An appendix of hosted documentation for nearly every release of Bootstrap, from v1 through v4.
5 | ---
6 |
7 |
8 | {% for release in site.data.docs-versions %}
9 |
30 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/assets/bootstrap-4.5.2/site/favicon.ico
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/robots.txt:
--------------------------------------------------------------------------------
1 | ---
2 | ---
3 |
4 | # www.robotstxt.org/
5 |
6 | {% if jekyll.environment != "netlify" -%}
7 | # Allow crawling of all content
8 | {%- endif %}
9 | User-agent: *
10 | Disallow:{% if jekyll.environment == "netlify" %} /{% endif %}
11 | Sitemap: {{ site.url }}/sitemap.xml
12 |
--------------------------------------------------------------------------------
/assets/bootstrap-4.5.2/site/sw.js:
--------------------------------------------------------------------------------
1 | // NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
2 | // IT'S ALL JUST JUNK FOR OUR DOCS!
3 | // ++++++++++++++++++++++++++++++++++++++++++
4 |
5 | (function () {
6 | 'use strict'
7 |
8 | if ('serviceWorker' in navigator) {
9 | window.addEventListener('load', function () {
10 | navigator.serviceWorker.getRegistrations().then(function (registrations) {
11 | for (var registration of registrations) {
12 | registration.unregister()
13 | .then(function () {
14 | return self.clients.matchAll()
15 | })
16 | .then(function (clients) {
17 | clients.forEach(function (client) {
18 | if (client.url && 'navigate' in client) {
19 | client.navigate(client.url)
20 | }
21 | })
22 | })
23 | }
24 | })
25 | })
26 | }
27 | }())
28 |
--------------------------------------------------------------------------------
/assets/js/form-handler.js:
--------------------------------------------------------------------------------
1 | window.addEventListener("DOMContentLoaded", function () {
2 | var form = document.getElementById("contact-form");
3 | var button = document.getElementById("contact-form-button");
4 | var status = document.getElementById("contact-form-status");
5 |
6 | function success() {
7 | form.reset();
8 | button.style = "display: none ";
9 | status.innerHTML = "Thanks! Contact form is submitted successfully.";
10 | }
11 |
12 | function error() {
13 | status.innerHTML = "Oops! There was a problem.";
14 | }
15 |
16 | // handle the form submission event
17 | if (form != null) {
18 | form.addEventListener("submit", function (ev) {
19 | ev.preventDefault();
20 | var data = new FormData(form);
21 | ajax(form.method, form.action, data, success, error);
22 | });
23 | }
24 | });
25 |
26 | // helper function for sending an AJAX request
27 |
28 | function ajax(method, url, data, success, error) {
29 | var xhr = new XMLHttpRequest();
30 | xhr.open(method, url);
31 | xhr.setRequestHeader("Accept", "application/json");
32 | xhr.onreadystatechange = function () {
33 | if (xhr.readyState !== XMLHttpRequest.DONE) return;
34 | if (xhr.status === 200) {
35 | success(xhr.response, xhr.responseType);
36 | } else {
37 | error(xhr.status, xhr.response, xhr.responseType);
38 | }
39 | };
40 | xhr.send(data);
41 | }
42 |
--------------------------------------------------------------------------------
/assets/scss/_buttons.scss:
--------------------------------------------------------------------------------
1 | // .btn {
2 | // transition: all 0.3s ease;
3 | // padding: 20px 50px;
4 | // border-radius: 7px;
5 | // &:hover {
6 | // box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
7 | // transform: scale(1.03);
8 | // }
9 | // }
10 |
11 | // Button Override
12 | .btn {
13 | display: inline-block;
14 | padding: 15px 30px;
15 | font-size: 16px;
16 | border-radius: 7px;
17 | }
18 |
19 | .btn-lg {
20 | padding: 20px 50px;
21 | }
22 |
23 | .btn-light {
24 | color: $primary;
25 | &:hover {
26 | color: $primary;
27 | }
28 | }
29 |
30 | .btn-zoom {
31 | transition: all 0.3s ease;
32 | transform: scale(1);
33 | &:hover {
34 | box-shadow: 0 8px 20px rgba(56, 87, 241, 0.3);
35 | transform: scale(1.03);
36 | }
37 | }
38 |
--------------------------------------------------------------------------------
/assets/scss/_common.scss:
--------------------------------------------------------------------------------
1 | .section{
2 | padding: 100px 0;
3 | }
4 |
5 | .unstyle-list {
6 | list-style-type: none;
7 | padding-left: 0;
8 | margin-right: 0;
9 | }
10 |
11 |
--------------------------------------------------------------------------------
/assets/scss/_mixins.scss:
--------------------------------------------------------------------------------
1 | @mixin mobile-s{
2 | @media(max-width:375px){
3 | @content;
4 | }
5 | }
6 | @mixin mobile-xs{
7 | @media(max-width:400px){
8 | @content;
9 | }
10 | }
11 | @mixin mobile{
12 | @media(max-width:575px){
13 | @content;
14 | }
15 | }
16 | @mixin tablet{
17 | @media(max-width:767px){
18 | @content;
19 | }
20 | }
21 | @mixin desktop{
22 | @media(max-width:991px){
23 | @content;
24 | }
25 | }
26 | @mixin desktop-lg{
27 | @media(max-width:1200px){
28 | @content;
29 | }
30 | }
31 |
32 | @mixin desktop-xl{
33 | @media(max-width:1400px){
34 | @content;
35 | }
36 | }
37 |
38 | @mixin desktop-4k{
39 | @media(min-width:2000px){
40 | @content;
41 | }
42 | }
43 |
44 |
45 | @mixin size($size){
46 | width: $size; height: $size;
47 | }
--------------------------------------------------------------------------------
/assets/scss/_typography.scss:
--------------------------------------------------------------------------------
1 | .base-font {
2 | font-family: $font-family-base;
3 | }
4 |
5 | * {
6 | transition: all 0.3s ease;
7 | }
8 |
9 | a.text-light,
10 | a.text-dark {
11 | // transition: all 0.3s ease;
12 | &:hover {
13 | color: $primary !important;
14 | }
15 | }
16 |
17 | .top-title {
18 | font-size: 20px;
19 | display: block;
20 | color: $dark;
21 | @extend .mb-3;
22 | }
23 |
24 | .pre-line {
25 | margin-left: 20px;
26 | position: relative;
27 | &::before {
28 | position: absolute;
29 | content: "";
30 | height: 2px;
31 | width: 20px;
32 | top: 50%;
33 | left: -20px;
34 | transform: translateX(-50%);
35 | background: $secondary;
36 | }
37 | }
38 |
39 | // This fixes the fact that with `markdownify` we can't add `text-light`
40 | // directly onto the generated `h1`, `h2` etc.
41 | .text-white {
42 | h1,
43 | h2,
44 | h3,
45 | h4,
46 | h5,
47 | h6 {
48 | color: $white;
49 | }
50 | }
51 | @each $color, $value in $theme-colors {
52 | .text-#{$color} {
53 | h1,
54 | h2,
55 | h3,
56 | h4,
57 | h5,
58 | h6,
59 | p,
60 | span {
61 | color: $value;
62 | }
63 | }
64 | }
65 |
--------------------------------------------------------------------------------
/assets/scss/_variables.scss:
--------------------------------------------------------------------------------
1 | //
2 | // Colors
3 | //
4 |
5 | // General
6 | $primary: #5d78ff;
7 | $secondary: #282f49;
8 | // Text
9 | $headings-color: #282f49;
10 | $body-color: #7e7e8a;
11 |
12 | //
13 | // Typography
14 | //
15 |
16 | // Fonts
17 | @import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800,900|Yeseva+One&display=swap");
18 | $font-family-base: "Poppins", sans-serif;
19 | $headings-font-family: "Yeseva One", cursive;
20 |
21 | // Size
22 | $font-size-base: 1.125rem; // 18px
23 | $h1-font-size: 60px;
24 | $h2-font-size: 50px;
25 | $h3-font-size: 30px;
26 | $h4-font-size: 25px;
27 | $h5-font-size: 22px;
28 | $h6-font-size: 16px;
29 |
30 | // Spacing
31 | $headings-margin-bottom: 1.5rem;
32 | $line-height-base: 1.75;
33 |
34 | // Misc
35 | $link-hover-decoration: none;
36 |
--------------------------------------------------------------------------------
/assets/scss/components/_blog.scss:
--------------------------------------------------------------------------------
1 | .blog-page {
2 | &__item {
3 | position: relative;
4 | margin-bottom: 180px;
5 | &-thumb {
6 | width: 90%;
7 | height: 100%;
8 | overflow: hidden;
9 | border-radius: 20px;
10 | @include desktop {
11 | width: 80%;
12 | margin: 0 auto;
13 | }
14 | img {
15 | height: 100%;
16 | width: 100%;
17 | transition: all 0.3s ease;
18 | }
19 | }
20 | &-content {
21 | position: absolute;
22 | bottom: -100px;
23 | left: 40px;
24 | padding: 30px;
25 | border-radius: 20px;
26 | box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
27 | @include desktop {
28 | left: 0;
29 | }
30 | span {
31 | color: $primary;
32 | margin: 0 0 20px 40px;
33 | position: relative;
34 | display: block;
35 | line-height: 1;
36 | &::before {
37 | position: absolute;
38 | content: "";
39 | top: 50%;
40 | left: -40px;
41 | height: 1px;
42 | width: 20px;
43 | background: $secondary;
44 | transform: translateY(-50%);
45 | }
46 | }
47 | }
48 | &:hover {
49 | .blog-page__item-thumb img {
50 | transform: scale(1.1);
51 | }
52 | }
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/assets/scss/components/_contact.scss:
--------------------------------------------------------------------------------
1 | .contact__info {
2 | &_item {
3 | box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
4 | padding: 50px 40px;
5 | border-radius: 20px;
6 | &-icon {
7 | height: 110px;
8 | width: 125px;
9 | position: relative;
10 | margin-bottom: 35px;
11 | .icon-background {
12 | position: absolute;
13 | top: 0;
14 | right: 0;
15 | }
16 | .icon {
17 | position: absolute;
18 | left: 0;
19 | bottom: 0;
20 | z-index: 1;
21 | }
22 | }
23 | a {
24 | color: $body-color;
25 | text-decoration: underline;
26 | }
27 | }
28 | }
29 | .contact-form {
30 | padding: 50px 0 100px 0;
31 | &-input {
32 | .form-group {
33 | margin-bottom: 30px;
34 | }
35 | }
36 | #map {
37 | border-radius: 30px;
38 | height: 100%;
39 | @include desktop {
40 | height: 400px;
41 | margin-top: 60px;
42 | }
43 | }
44 | &-generator {
45 | p,a,strong{
46 | font-size: 13px;
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/assets/scss/components/_preloder.scss:
--------------------------------------------------------------------------------
1 | .preloader-wrap {
2 | width: 100%;
3 | height: 100%;
4 | position: fixed;
5 | top: 0;
6 | bottom: 0;
7 | background: $white;
8 | z-index: 2000;
9 | text-align: center;
10 | height: 100vh;
11 | .inner {
12 | position: absolute;
13 | height: 170px;
14 | width: 170px;
15 | left: 50%;
16 | top: 50%;
17 | transform: translate(-50%, -50%);
18 | border: 1px solid $primary;
19 | border-top: 5px solid $primary;
20 | border-radius: 50%;
21 | animation: spin 1s infinite linear;
22 | @include desktop {
23 | height: 150px;
24 | width: 150px;
25 | }
26 | }
27 | .percentage {
28 | z-index: 100;
29 | color: $primary;
30 | opacity: 1;
31 | font-weight: 600;
32 | font-family: "bebasbold";
33 | font-size: 60px;
34 | letter-spacing: 5px;
35 | line-height: 1;
36 | position: absolute;
37 | left: 50%;
38 | top: 50%;
39 | -webkit-transform: translate(-50%, -50%);
40 | transform: translate(-50%, -50%);
41 | @include desktop {
42 | font-size: 50px;
43 | }
44 | }
45 | }
46 |
47 | @keyframes spin {
48 | 0% {
49 | transform: translate(-50%, -50%) rotate(0);
50 | }
51 | 100% {
52 | transform: translate(-50%, -50%) rotate(360deg);
53 | }
54 | }
55 |
--------------------------------------------------------------------------------
/assets/scss/components/_resume-section.scss:
--------------------------------------------------------------------------------
1 | .resume{
2 | position: relative;
3 | margin-bottom: 100px;
4 | padding: 150px 0;
5 | @include desktop{
6 | margin-bottom: 40px;
7 | padding: 100px 0;
8 | }
9 | &__background{
10 | background: #1B2031;
11 | height: 100%;
12 | width: 100%;
13 | position: absolute;
14 | top: 0;
15 | left: 0;
16 | transform: skewY(-2deg);
17 | }
18 | &__heading{
19 | margin-right: 100px;
20 | position: sticky;
21 | position: -webkit-sticky;
22 | top: 150px;
23 | @include desktop{
24 | margin-right: 0;
25 | margin-bottom: 30px;
26 | }
27 | span{
28 | &::before{
29 | background: $light;
30 | }
31 | }
32 | }
33 | &__education{
34 | &_item{
35 | background: $white;
36 | padding: 30px;
37 | border-radius: 20px;
38 | margin-bottom: 30px;
39 | box-shadow: 0px 20px 40px 0px rgba(50, 65, 141, 0.12);
40 | span{
41 | display: block;
42 | margin: 0 0 20px 30px;
43 | position: relative;
44 | }
45 | }
46 | }
47 | }
--------------------------------------------------------------------------------
/assets/scss/style.scss:
--------------------------------------------------------------------------------
1 | /*!------------------------------------------------------------------
2 | [MAIN STYLESHEET]
3 |
4 | PROJECT: Portio HTML
5 | VERSION: 1.0.0
6 | -------------------------------------------------------------------*/
7 | @import "variables";
8 |
9 | @import "../bootstrap-4.5.2/scss/bootstrap";
10 |
11 | @import "typography";
12 |
13 | @import "mixins";
14 |
15 | @import "buttons";
16 |
17 | @import "common";
18 |
19 | @import "components/preloder";
20 |
21 | @import "components/navbar";
22 |
23 | @import "components/hero-section";
24 |
25 | @import "components/about-section";
26 |
27 | @import "components/service-section";
28 |
29 | @import "components/portfolio-section";
30 |
31 | @import "components/resume-section";
32 |
33 | @import "components/skill-section";
34 |
35 | @import "components/testimonial-section";
36 |
37 | @import "components/blog-section";
38 |
39 | @import "components/footer-section";
40 |
41 | @import "components/blog";
42 |
43 | @import "components/single-blog-post";
44 |
45 | @import "components/page-title";
46 |
47 | @import "components/contact";
48 |
49 | @import "components/case_details";
50 |
--------------------------------------------------------------------------------
/exampleSite/.forestry/front_matter/templates/about-template.yml:
--------------------------------------------------------------------------------
1 | ---
2 | label: About Template
3 | hide_body: true
4 | fields:
5 | - type: boolean
6 | name: enable
7 | label: enable
8 | - type: text
9 | name: title
10 | label: title
11 | - type: text
12 | name: subtitle
13 | label: subtitle
14 | - type: text
15 | name: title2
16 | label: title2
17 | - type: textarea
18 | name: content
19 | label: content
20 | - type: text
21 | name: button1Name
22 | label: button1Name
23 | - type: text
24 | name: button2Name
25 | label: button2Name
26 | - type: text
27 | name: button1Target
28 | label: button1Target
29 | - type: text
30 | name: button2Target
31 | label: button2Target
32 | - type: file
33 | name: image
34 | label: image
35 | pages:
36 | - data/aboutSection.yml
37 |
--------------------------------------------------------------------------------
/exampleSite/.forestry/front_matter/templates/blog-template.yml:
--------------------------------------------------------------------------------
1 | ---
2 | label: Blog Template
3 | hide_body: false
4 | fields:
5 | - type: text
6 | name: title
7 | label: Title
8 | - type: datetime
9 | name: date
10 | label: date
11 | - type: file
12 | name: featureImage
13 | label: featureImage
14 | - type: file
15 | name: postImage
16 | label: postImage
17 | pages:
18 | - content/blog/you-must-know-this-before-becoming-a-designer.md
19 |
--------------------------------------------------------------------------------
/exampleSite/.forestry/front_matter/templates/hero-template.yml:
--------------------------------------------------------------------------------
1 | ---
2 | label: Hero Template
3 | hide_body: true
4 | fields:
5 | - type: boolean
6 | name: enable
7 | label: enable
8 | - type: text
9 | name: title
10 | label: title
11 | - type: text
12 | name: subtitle
13 | label: subtitle
14 | - type: text
15 | name: description
16 | label: description
17 | - type: text
18 | name: buttonName
19 | label: buttonName
20 | - type: text
21 | name: buttonURL
22 | label: buttonURL
23 | - type: file
24 | name: image
25 | label: image
26 | - type: file
27 | name: videoThumb
28 | label: videoThumb
29 | - type: text
30 | name: videoURL
31 | label: videoURL
32 | pages:
33 | - data/hero.yml
34 |
--------------------------------------------------------------------------------
/exampleSite/.forestry/front_matter/templates/portfolio-template.yml:
--------------------------------------------------------------------------------
1 | ---
2 | label: Portfolio Template
3 | hide_body: false
4 | fields:
5 | - type: text
6 | name: title
7 | label: Title
8 | - type: datetime
9 | name: date
10 | label: date
11 | - type: file
12 | name: thumbnail
13 | label: thumbnail
14 | - type: text
15 | name: type
16 | label: type
17 | - type: text
18 | name: service
19 | label: service
20 | - type: text
21 | name: client
22 | label: client
23 | - type: textarea
24 | name: shortDescription
25 | label: shortDescription
26 | - type: textarea
27 | name: challenge
28 | label: challenge
29 | - type: textarea
30 | name: solution
31 | label: solution
32 | pages:
33 | - content/portfolio/UX-case-study-for-agriculture-app.md
34 | - content/portfolio/case-study-one.md
35 | - content/portfolio/event-app-case-study.md
36 | - content/portfolio/recipe-app-ux-study.md
37 |
--------------------------------------------------------------------------------
/exampleSite/.forestry/front_matter/templates/resume-template.yml:
--------------------------------------------------------------------------------
1 | ---
2 | label: Resume Template
3 | hide_body: true
4 | fields:
5 | - type: boolean
6 | name: enable
7 | label: enable
8 | - type: text
9 | name: topTitle
10 | label: topTitle
11 | - type: text
12 | name: title
13 | label: title
14 | - type: textarea
15 | name: subtitle
16 | label: subtitle
17 | - type: text
18 | name: subsubtitle
19 | label: subsubtitle
20 | - type: text
21 | name: tab1Name
22 | label: tab1Name
23 | - type: text
24 | name: tab2Name
25 | label: tab2Name
26 | - type: text
27 | name: tab1Target
28 | label: tab1Target
29 | - type: text
30 | name: tab2Target
31 | label: tab2Target
32 | - type: field_group_list
33 | name: education
34 | label: education
35 | fields:
36 | - type: text
37 | name: title
38 | label: title
39 | - type: textarea
40 | name: content
41 | label: content
42 | - type: text
43 | name: time
44 | label: time
45 | - type: field_group_list
46 | name: experience
47 | label: experience
48 | fields:
49 | - type: text
50 | name: title
51 | label: title
52 | - type: textarea
53 | name: content
54 | label: content
55 | - type: text
56 | name: time
57 | label: time
58 |
--------------------------------------------------------------------------------
/exampleSite/.forestry/front_matter/templates/service-template.yml:
--------------------------------------------------------------------------------
1 | ---
2 | label: Service Template
3 | hide_body: true
4 | fields:
5 | - type: boolean
6 | name: enable
7 | label: enable
8 | - type: text
9 | name: topTitle
10 | label: topTitle
11 | - type: text
12 | name: title
13 | label: title
14 | - type: text
15 | name: subtitle
16 | label: subtitle
17 | - type: field_group_list
18 | name: service
19 | label: service
20 | fields:
21 | - type: text
22 | name: title
23 | label: title
24 | - type: textarea
25 | name: content
26 | label: content
27 | - type: file
28 | name: image
29 | label: Icon
30 | pages:
31 | - data/serviceSection.yml
32 |
--------------------------------------------------------------------------------
/exampleSite/content/blog/_index.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Recents Article
3 | ---
4 |
--------------------------------------------------------------------------------
/exampleSite/content/contact/_index.md:
--------------------------------------------------------------------------------
1 | ---
2 | title: Contact Me
3 | breadcrumb: Contact
4 | ---
5 |
--------------------------------------------------------------------------------
/exampleSite/data/aboutSection.yml:
--------------------------------------------------------------------------------
1 | ---
2 | enable: true
3 | topTitle: About
4 | title: >
5 | ## About me
6 |
7 | Enjoy team diversity and increase their networks among others people in
8 | various fields by provided.
9 | content: >
10 | ### I design and build ultimate things.
11 |
12 | I love to work in User Experience & User Interface designing. Because I love
13 | to solve the design problem and find easy and better solutions to solve it. I always
14 | try my best to make good user interface with the best user experience. I have been
15 | working as a Visual designer from.
16 | button1Name: Hire me
17 | button2Name: Download CV
18 | button1Target: contact
19 | button2Target: contact
20 | image: images/about/about-img.jpg
21 |
--------------------------------------------------------------------------------
/exampleSite/data/blogSection.yml:
--------------------------------------------------------------------------------
1 | ---
2 | enable: true
3 | topTitle: Blog
4 | title: >
5 | ## Recent Article
6 |
7 | Enjoy team diversity and increase their networks among others people in various fields by provided.
8 |
9 | buttonTarget: blog
10 |
--------------------------------------------------------------------------------
/exampleSite/data/hero.yml:
--------------------------------------------------------------------------------
1 | ---
2 | enable: true
3 | topTitle: Hello, I am Natasha
4 | content: >
5 | # I am here for your personal business
6 |
7 | Enjoy team diversity and increase their networks among others people
8 | in various fields by
9 | buttonName: Contact me
10 | buttonURL: contact
11 | image: images/hero/2960351.jpg
12 | videoThumb: images/hero/popup-thumb.png
13 | videoURL: https://www.youtube.com/watch?v=dQw4w9WgXcQ
14 |
--------------------------------------------------------------------------------
/exampleSite/data/portfolioSection.yml:
--------------------------------------------------------------------------------
1 | ---
2 | enable: true
3 | topTitle: My Portfolio
4 | title: >
5 | ## Check Some of My Recent Work
6 |
--------------------------------------------------------------------------------
/exampleSite/data/skillSection.yml:
--------------------------------------------------------------------------------
1 | ---
2 | enable: true
3 | topTitle: My Skills
4 | content: >
5 | ## Why hire me for your next project?
6 |
7 | My goal is to build a strong supportive professional network among all freelancers and startups in order to improve their performance.
8 |
9 | image: images/skill/skill_image.jpg
10 |
11 | skill:
12 | - title: HTML
13 | percent: 69
14 | - title: CSS
15 | percent: 60
16 | - title: Javascript
17 | percent: 85
18 |
--------------------------------------------------------------------------------
/exampleSite/data/testimonialSection.yml:
--------------------------------------------------------------------------------
1 | ---
2 | enable: true
3 | topTitle: Testimonials
4 | title: >
5 | ## What People Say About Me?
6 |
7 | testimonial:
8 | - name: Ryan Cook
9 | comment: Takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet consetur sad ipscing elitr sed diam nonumy eirmod tempor invidunt labore dolore magna.
10 | time: Jan 20, 2020
11 | star: 5
12 | - name: Justin Trudo
13 | comment: Takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet consetur sad ipscing elitr sed diam nonumy eirmod tempor invidunt labore dolore magna.
14 | time: Jan 16, 2020
15 | star: 4
16 | - name: Franky Filth
17 | comment: Takimata sanctus est lorem ipsum dolor sit amet lorem ipsum dolor sit amet consetur sad ipscing elitr sed diam nonumy eirmod tempor invidunt labore dolore magna.
18 | time: Mar 08, 2020
19 | star: 3
20 |
--------------------------------------------------------------------------------
/exampleSite/resources/_gen/assets/scss/scss/style.scss_b95b077eb505d5c0aff8055eaced30ad.json:
--------------------------------------------------------------------------------
1 | {"Target":"scss/style.min.css","MediaType":"text/css","Data":{}}
--------------------------------------------------------------------------------
/exampleSite/static/images/about/about-content-svg.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/exampleSite/static/images/about/about-img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/about/about-img.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/about/about-mask-svg.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-1.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-2.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-3.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-4.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-5.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-6.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-7.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-7.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-8.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-8.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/allpost/allPost-9.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/allpost/allPost-9.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/blog/blog-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/blog/blog-1.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/blog/blog-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/blog/blog-2.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/blog/blog-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/blog/blog-3.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/blog/blog-shape.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/exampleSite/static/images/classic-blog/classic-blog-1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/classic-blog/classic-blog-1.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/classic-blog/classic-blog-2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/classic-blog/classic-blog-2.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/classic-blog/classic-blog-3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/classic-blog/classic-blog-3.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/classic-blog/classic-blog-4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/classic-blog/classic-blog-4.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/classic-blog/classic-blog-5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/classic-blog/classic-blog-5.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/contact/location.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/exampleSite/static/images/contact/map.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/contact/map.png
--------------------------------------------------------------------------------
/exampleSite/static/images/contact/time.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/exampleSite/static/images/contact/widget-logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/contact/widget-logo.png
--------------------------------------------------------------------------------
/exampleSite/static/images/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/favicon.png
--------------------------------------------------------------------------------
/exampleSite/static/images/hero/2960351.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/hero/2960351.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/hero/hero-mask-svg.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/hero/hero-mask-svg.png
--------------------------------------------------------------------------------
/exampleSite/static/images/hero/hero-mask-svg.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/exampleSite/static/images/hero/popup-thumb.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/hero/popup-thumb.png
--------------------------------------------------------------------------------
/exampleSite/static/images/latest-post/latest-post-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/latest-post/latest-post-1.png
--------------------------------------------------------------------------------
/exampleSite/static/images/latest-post/latest-post-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/latest-post/latest-post-2.png
--------------------------------------------------------------------------------
/exampleSite/static/images/latest-post/latest-post-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/latest-post/latest-post-3.png
--------------------------------------------------------------------------------
/exampleSite/static/images/pin.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/pin.png
--------------------------------------------------------------------------------
/exampleSite/static/images/portfolio/case-details.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/portfolio/case-details.png
--------------------------------------------------------------------------------
/exampleSite/static/images/portfolio/portfolio-1.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/portfolio/portfolio-1.png
--------------------------------------------------------------------------------
/exampleSite/static/images/portfolio/portfolio-2.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/portfolio/portfolio-2.png
--------------------------------------------------------------------------------
/exampleSite/static/images/portfolio/portfolio-3.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/portfolio/portfolio-3.png
--------------------------------------------------------------------------------
/exampleSite/static/images/portfolio/portfolio-4.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/portfolio/portfolio-4.png
--------------------------------------------------------------------------------
/exampleSite/static/images/service/background-shape.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/exampleSite/static/images/service/branding.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/exampleSite/static/images/service/creative.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/exampleSite/static/images/service/web.svg:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/exampleSite/static/images/single-blog/blog-img.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/single-blog/blog-img.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/single-blog/feature-image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/single-blog/feature-image.jpg
--------------------------------------------------------------------------------
/exampleSite/static/images/site-navigation/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/site-navigation/logo.png
--------------------------------------------------------------------------------
/exampleSite/static/images/skill/skill-background-shape.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/exampleSite/static/images/skill/skill-mask-svg.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/exampleSite/static/images/skill/skill_image.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/exampleSite/static/images/skill/skill_image.jpg
--------------------------------------------------------------------------------
/images/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/images/screenshot.png
--------------------------------------------------------------------------------
/images/tn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/images/tn.png
--------------------------------------------------------------------------------
/layouts/404.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/layouts/404.html
--------------------------------------------------------------------------------
/layouts/_default/baseof.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | {{ partial "head.html" . }}
4 |
5 |
6 | {{ partial "navbar.html" . }}
7 |
10 |
28 | {% endfor %}
29 | {{ release.group }}
11 |{{ release.description }}
12 | {% assign versions = release.versions | reverse %} 13 | {% for version in versions %} 14 | {% if forloop.first %}{% endif %}
15 | {% if version.v == site.docs_version %}
16 |
17 | {{ version.v }}
18 | Latest
19 |
20 | {% else %}
21 |
22 | {{ version.v }}
23 |
24 | {% endif %}
25 | {% if forloop.last %}
{% endif %}
26 | {% endfor %}
27 |
8 | {{ block "main" . }}{{ end }}
9 |
10 | {{ partial "footer.html" . }}
11 |
12 |
13 |
--------------------------------------------------------------------------------
/layouts/_default/list.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/layouts/_default/list.html
--------------------------------------------------------------------------------
/layouts/_default/single.html:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/layouts/_default/single.html
--------------------------------------------------------------------------------
/layouts/index.html:
--------------------------------------------------------------------------------
1 | {{ define "main" }}
2 |
3 | {{ partial "hero.html" . }}
4 |
5 | {{ partial "aboutSection.html" . }}
6 |
7 | {{ partial "serviceSection.html" . }}
8 |
9 | {{ partial "portfolioSection.html" . }}
10 |
11 | {{ partial "resumeSection.html" . }}
12 |
13 | {{ partial "skillSection.html" . }}
14 |
15 | {{ partial "testimonialSection.html" . }}
16 |
17 | {{ partial "blogSection.html" . }}
18 |
19 | {{ end }}
--------------------------------------------------------------------------------
/layouts/partials/navbar.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/layouts/partials/pagination.html:
--------------------------------------------------------------------------------
1 | {{ $pag := $.Paginator }}
2 | {{ if gt $pag.TotalPages 1 }}
3 |
27 | {{ end }}
--------------------------------------------------------------------------------
/layouts/partials/portfolioSection.html:
--------------------------------------------------------------------------------
1 | {{ with .Site.Data.portfolioSection }}
2 | {{ if .enable }}
3 |
5 |
32 |
6 |
13 |
7 |
12 |
8 | {{ .topTitle }}
9 | {{ .title | markdownify }}
10 |
11 |
14 |
31 |
15 |
30 |
16 | {{ range (where $.Site.RegularPages "Type" "portfolio").Reverse }}
17 |
29 |
18 | 
19 |
26 |
27 | {{ end }}
28 |
2 | 
4 |
--------------------------------------------------------------------------------
/static/plugins/font-awesome/fonts/FontAwesome.otf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/font-awesome/fonts/FontAwesome.otf
--------------------------------------------------------------------------------
/static/plugins/font-awesome/fonts/fontawesome-webfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/font-awesome/fonts/fontawesome-webfont.eot
--------------------------------------------------------------------------------
/static/plugins/font-awesome/fonts/fontawesome-webfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/font-awesome/fonts/fontawesome-webfont.ttf
--------------------------------------------------------------------------------
/static/plugins/font-awesome/fonts/fontawesome-webfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/font-awesome/fonts/fontawesome-webfont.woff
--------------------------------------------------------------------------------
/static/plugins/font-awesome/fonts/fontawesome-webfont.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/font-awesome/fonts/fontawesome-webfont.woff2
--------------------------------------------------------------------------------
/static/plugins/slick/ajax-loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/slick/ajax-loader.gif
--------------------------------------------------------------------------------
/static/plugins/slick/fonts/slick.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/slick/fonts/slick.eot
--------------------------------------------------------------------------------
/static/plugins/slick/fonts/slick.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/slick/fonts/slick.ttf
--------------------------------------------------------------------------------
/static/plugins/slick/fonts/slick.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/StaticMania/portio-hugo/56d569f6387872f2c9adc9308181cd1a0e2738cf/static/plugins/slick/fonts/slick.woff
--------------------------------------------------------------------------------
/theme.toml:
--------------------------------------------------------------------------------
1 | name = "portio"
2 | license = "MIT"
3 | licenselink = "https://github.com/StaticMania/portio-hugo/blob/master/LICENSE"
4 | description = "Portio is a simple, minimal and responsive Portfolio Hugo Theme. Portio is well organized, well-formatted and named accordingly so it’s easy to change any and all of the design. Portio is built with Bootstrap 4. You can customize it very easy to fit your needs."
5 | homepage = "https://staticmania.com/product/portio-hugo/"
6 | tags = ["clean", "minimal", "blog", "responsive", "personal", "google analytics", "bootstrap", "portfolio", "white", "modern", "projects", "contact form", "creative"]
7 | features = ['bootstrap 4', 'responsive design', 'blog', 'responsive', 'minimal', 'business', 'hugo-theme', 'portfolio', 'creative', 'contact-form']
8 | min_version = "0.41"
9 |
10 | [author]
11 | name = "Static Mania"
12 | homepage = "https://staticmania.com/"
13 |
--------------------------------------------------------------------------------
{{ .Get "title" }}
3 |5 | {{ .Inner }} 6 |
7 |