rdd.ro/nunta
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

dependency update

Browse Source 
push to Bootstrap 4.6, replace brand image jpgs with SVG's, format SCSS for better legibility, update dates from 2020 to 2021 throughout, script in footer for automatic year update
This commit is contained in:
David Miller 2021-03-29 15:32:24 -04:00
parent ff61282438
commit 1bf0d6a535
33 changed files with 1060 additions and 797 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
.travis.yml
View File

@ -1,13 +0,0 @@
language: node_js
git:
depth: 3
node_js:
- "node"
install: npm install
script:
- npm test
cache:
directories:
- node_modules
notifications:
email: false

2
LICENSE
View File

@ -1,6 +1,6 @@
The MIT License (MIT) The MIT License (MIT)
Copyright (c) 2013-2020 Start Bootstrap LLC Copyright (c) 2013-2021 Start Bootstrap LLC
Permission is hereby granted, free of charge, to any person obtaining a copy Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal of this software and associated documentation files (the "Software"), to deal

5
README.md
View File

@ -12,9 +12,6 @@
[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/StartBootstrap/startbootstrap-agency/master/LICENSE) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/StartBootstrap/startbootstrap-agency/master/LICENSE)
[![npm version](https://img.shields.io/npm/v/startbootstrap-agency.svg)](https://www.npmjs.com/package/startbootstrap-agency) [![npm version](https://img.shields.io/npm/v/startbootstrap-agency.svg)](https://www.npmjs.com/package/startbootstrap-agency)
[![Build Status](https://travis-ci.org/StartBootstrap/startbootstrap-agency.svg?branch=master)](https://travis-ci.org/StartBootstrap/startbootstrap-agency)
[![dependencies Status](https://david-dm.org/StartBootstrap/startbootstrap-agency/status.svg)](https://david-dm.org/StartBootstrap/startbootstrap-agency)
[![devDependencies Status](https://david-dm.org/StartBootstrap/startbootstrap-agency/dev-status.svg)](https://david-dm.org/StartBootstrap/startbootstrap-agency?type=dev)
## Download and Installation ## Download and Installation
@ -69,4 +66,4 @@ Start Bootstrap is based on the [Bootstrap](https://getbootstrap.com/) framework
## Copyright and License ## Copyright and License
Copyright 2013-2020 Start Bootstrap LLC. Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE) license. Copyright 2013-2021 Start Bootstrap LLC. Code released under the [MIT](https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE) license.

BIN
dist/assets/img/logos/creative-market.jpg vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
dist/assets/img/logos/designmodo.jpg vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
dist/assets/img/logos/envato.jpg vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

34
dist/assets/img/logos/facebook.svg vendored Normal file
View File

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2030.6 546.3" style="enable-background:new 0 0 2030.6 546.3;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<g>
<path class="st0" d="M1045.4,269.1c-16.8,0-28.9,5.5-41.1,11.1v126.7c11.7,1.1,18.5,1.1,29.6,1.1c40.2,0,45.8-18.4,45.8-44.2v-60.5
C1079.7,284.3,1073.4,269.1,1045.4,269.1L1045.4,269.1z M778.1,262.2c-27.9,0-34.3,15.3-34.3,34.3v10.7h68.6v-10.7
C812.4,277.5,806,262.2,778.1,262.2z M260.4,394.1c0,15,7.1,22.8,22.7,22.8c16.8,0,26.7-5.5,39-11.1v-30.1h-36.7
C268,375.7,260.4,379,260.4,394.1L260.4,394.1z M1305.4,269.1c-28,0-37.7,15.3-37.7,34.3v69.4c0,19.1,9.7,34.4,37.7,34.4
c27.9,0,37.7-15.3,37.7-34.4v-69.4C1343,284.3,1333.3,269.1,1305.4,269.1z M123.3,471.8H41.1v-199H0v-68.6h41.1v-41.2
c0-55.9,23.2-89.2,89.1-89.2H185v68.6h-34.3c-25.7,0-27.3,9.6-27.3,27.5l-0.1,34.3h62.1l-7.3,68.6h-54.9L123.3,471.8L123.3,471.8z
M404.3,472.4h-68.5l-3-17.3c-31.3,17.3-59.2,20.1-77.6,20.1c-50.3,0-77-33.6-77-80c0-54.8,31.2-74.3,87-74.3H322V309
c0-28-3.2-36.2-46.2-36.2h-70.3l6.9-68.6h76.8c94.3,0,115,29.8,115,105.3L404.3,472.4L404.3,472.4z M637.3,277.9
c-42.6-7.3-54.9-8.9-75.4-8.9c-36.9,0-48,8.1-48,39.4v59.2c0,31.3,11.1,39.5,48,39.5c20.5,0,32.8-1.6,75.4-9V465
c-37.3,8.4-61.7,10.6-82.2,10.6c-88.3,0-123.4-46.4-123.4-113.5v-48c0-67.1,35.1-113.6,123.4-113.6c20.6,0,44.9,2.2,82.2,10.6
V277.9L637.3,277.9z M894.6,362H743.8v5.5c0,31.3,11.1,39.5,48,39.5c33.1,0,53.3-1.6,95.9-9V465c-41.1,8.4-62.4,10.6-102.7,10.6
c-88.3,0-123.4-46.4-123.4-113.5v-54.9c0-58.7,26-106.7,116.5-106.7s116.5,47.5,116.5,106.7V362z M1161.9,363.3
c0,64.8-18.5,112.1-130.7,112.1c-40.5,0-64.3-3.6-109-10.4V94.5l82.2-13.7v129.6c17.8-6.6,40.8-10,61.7-10
c82.2,0,95.9,36.9,95.9,96.1L1161.9,363.3L1161.9,363.3z M1425.3,364.7c0,55.9-23.1,110.1-119.7,110.1
c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2c96.6,0,119.7,54.2,119.7,110.2V364.7L1425.3,364.7z
M1688.6,364.7c0,55.9-23.1,110.1-119.7,110.1c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2
c96.6,0,119.7,54.2,119.7,110.2V364.7L1688.6,364.7z M1958.8,471.8h-89.1l-75.3-125.8v125.8h-82.2V94.5l82.2-13.7v242.9l75.3-119.4
h89.1l-82.3,130.3L1958.8,471.8z M1568.7,269.1c-27.9,0-37.6,15.3-37.6,34.3v69.4c0,19.1,9.7,34.4,37.6,34.4
c27.9,0,37.8-15.3,37.8-34.4v-69.4C1606.4,284.3,1596.6,269.1,1568.7,269.1L1568.7,269.1z M2005.7,424.9
c13.8,0,24.9,11.3,24.9,25.4c0,14.3-11,25.5-25,25.5c-13.9,0-25.1-11.2-25.1-25.5c0-14.1,11.3-25.4,25.1-25.4H2005.7z
M2005.6,428.9c-11.2,0-20.3,9.6-20.3,21.4c0,12.1,9.1,21.5,20.4,21.5c11.3,0.1,20.3-9.5,20.3-21.4c0-11.9-9-21.6-20.3-21.6H2005.6
z M2000.9,465.1h-4.5v-28.3c2.4-0.3,4.6-0.7,8-0.7c4.3,0,7.1,0.9,8.8,2.1c1.7,1.3,2.6,3.2,2.6,5.9c0,3.7-2.5,6-5.5,6.9v0.2
c2.5,0.5,4.2,2.7,4.7,6.9c0.7,4.4,1.3,6.1,1.8,7h-4.7c-0.7-0.9-1.4-3.5-1.9-7.2c-0.7-3.6-2.5-5-6.1-5h-3.1L2000.9,465.1
L2000.9,465.1z M2000.9,449.4h3.3c3.7,0,6.9-1.4,6.9-4.9c0-2.5-1.8-5-6.9-5c-1.5,0-2.5,0.1-3.3,0.2V449.4L2000.9,449.4z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

35
dist/assets/img/logos/google.svg vendored Normal file
View File

@ -0,0 +1,35 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2500 928" style="enable-background:new 0 0 2500 928;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<path class="st0" d="M307.9,112.1h22.2c77.2,1.7,153.1,32.7,207.6,87.7c-20.1,20.6-40.7,40.3-60.4,60.8
c-30.6-27.7-67.5-49.1-107.8-56.6c-59.6-12.6-123.7-1.3-173.7,32.7c-54.5,35.7-91.4,96.1-99.4,160.7c-8.8,63.8,9.2,130.9,50.8,180.4
c39.8,48.2,100.7,78.4,163.6,80.5c58.7,3.4,120-14.7,162.8-55.8c33.6-28.9,49.1-73,54.1-115.8c-69.6,0-139.3,0.4-208.9,0v-86.4H612
c15.1,92.7-6.7,197.1-77.2,263.4c-47,47-112,74.7-178.3,80.1c-64.2,6.3-130.5-5.9-187.5-36.9c-68.4-36.5-122.9-98.2-149.7-170.7
C-5.9,469.5-6.3,394,17.2,326.8c21.4-61.2,62.5-115.4,115.4-153.1C183.3,136.4,245,115.8,307.9,112.1z"/>
<path class="st0" d="M1989.9,133.9h89.8v599c-29.8,0-60,0.4-89.8-0.4C1990.4,533.2,1989.9,333.5,1989.9,133.9L1989.9,133.9z"/>
<path class="st0" d="M811.7,341.5C867,331,927,342.8,972.7,375.9c41.5,29.4,70.5,75.5,79.3,125.8c11.3,58.3-2.9,122.1-40.7,168.2
c-40.7,51.6-107.4,79.3-172.4,75.1c-59.6-3.4-117.4-33.1-152.7-81.8c-39.8-53.7-49.5-127.5-27.7-190.4
C680.4,405.3,742,353.7,811.7,341.5 M824.2,421.2c-22.7,5.9-43.6,18.9-58.7,37.3c-40.7,48.7-38.2,127.9,6.7,173.2
c25.6,26,64.2,38.2,99.8,31c33.1-5.9,62.1-28.1,78-57.5c27.7-49.9,19.7-118.7-22.7-157.7C900.2,422.5,860.3,412,824.2,421.2
L824.2,421.2z"/>
<path class="st0" d="M1256.3,341.5c63.3-12.2,132.6,5.5,179.9,49.9c77.2,69.2,85.6,198.8,19.7,278.5c-39.8,50.3-104.4,78-168.2,75.1
c-60.8-1.7-120.8-31.9-156.9-81.8c-40.7-54.9-49.5-130.5-26.4-194.6C1127.5,403.2,1187.9,353.3,1256.3,341.5 M1268.9,421.2
c-22.7,5.9-43.6,18.9-58.7,36.9c-40.3,47.8-38.6,125.8,4.6,171.6c25.6,27.3,65.4,40.7,102.3,33.1c32.7-6.3,62.1-28.1,78-57.5
c27.3-50.3,19.3-119.1-23.5-158.1C1344.4,422.1,1304.5,412,1268.9,421.2L1268.9,421.2z"/>
<path class="st0" d="M1633.4,365.8c48.2-30.2,112.4-38.6,164.4-12.6c16.4,7.1,29.8,19.3,42.8,31.5c0.4-11.3,0-23.1,0.4-34.8
c28.1,0.4,56.2,0,84.7,0.4v370c-0.4,55.8-14.7,114.9-54.9,155.6c-44,44.9-111.6,58.7-172.4,49.5c-65-9.6-121.6-57-146.8-117
c25.2-12.2,51.6-21.8,77.6-33.1c14.7,34.4,44.5,63.8,81.8,70.5c37.3,6.7,80.5-2.5,104.9-33.6c26-31.9,26-75.5,24.7-114.5
c-19.3,18.9-41.5,35.7-68.4,41.9c-58.3,16.4-122.5-3.8-167.4-43.2c-45.3-39.4-72.1-100.3-69.6-160.7
C1536.5,467.4,1575.1,401.5,1633.4,365.8 M1720.2,419.5c-25.6,4.2-49.5,18.5-65.9,38.2c-39.4,47-39.4,122.1,0.4,168.2
c22.7,27.3,59.1,42.4,94.4,38.6c33.1-3.4,63.8-24.3,80.1-53.3c27.7-49.1,23.1-115.8-14.3-158.6
C1791.9,426.2,1755,413.2,1720.2,419.5L1720.2,419.5z"/>
<path class="st0" d="M2187.5,387.2c50.3-47,127.9-62.9,192.5-38.2c61.2,23.1,100.3,81.4,120,141.4c-91,37.8-181.6,75.1-272.7,112.8
c12.6,23.9,31.9,45.7,57.9,54.5c36.5,13,80.1,8.4,110.7-15.9c12.2-9.2,21.8-21.4,31-33.1c23.1,15.5,46.1,30.6,69.2,46.1
c-32.7,49.1-87.7,83.5-146.8,88.9c-65.4,8-135.1-17.2-177.4-68.4C2102.3,594.9,2109.1,459.8,2187.5,387.2 M2232.4,464.8
c-14.3,20.6-20.1,45.7-19.7,70.5c60.8-25.2,121.6-50.3,182.5-75.9c-10.1-23.5-34.4-37.8-59.1-41.5
C2296.1,410.7,2254.6,432.1,2232.4,464.8z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

24
dist/assets/img/logos/ibm.svg vendored Normal file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2500 1000" style="enable-background:new 0 0 2500 1000;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<path class="st0" d="M0,0v68.4h486.6V0H0z M555.6,0v68.4H1249c0,0-70.8-68.4-164.6-68.4H555.6z M1385.1,0v68.4h419.5L1779.7,0
H1385.1z M2105.4,0l-24.9,68.4h415.7V0H2105.4z M0,133.1v68.4h486.6v-68.4H0z M555.6,133.2v68.3h773.9c0,0-9-52.7-24.8-68.3
L555.6,133.2L555.6,133.2z M1385.1,133.2v68.3h465.5l-23-68.3L1385.1,133.2L1385.1,133.2z M2055.6,133.2l-23,68.3h463.7v-68.3
H2055.6z M139.8,266.1v68.5h210.7v-68.5L139.8,266.1L139.8,266.1z M695.4,266.1v68.5h210.7v-68.5L695.4,266.1L695.4,266.1z
M1111.1,266.1v68.5h210.7c0,0,13.4-36.2,13.4-68.5L1111.1,266.1L1111.1,266.1z M1524.9,266.1v68.5h373.6l-24.9-68.5L1524.9,266.1
L1524.9,266.1z M2009.7,266.1l-25,68.5h375.5v-68.5L2009.7,266.1L2009.7,266.1z M139.8,399.3v68.4h210.7v-68.4H139.8L139.8,399.3z
M695.4,399.3v68.4h538.3c0,0,45-35.1,59.4-68.4H695.4z M1524.9,399.3v68.4h210.7v-38.1l13.4,38.1h386l14.4-38.1v38.1h210.7v-68.4
h-395.6l-21,57.9l-21.1-57.9H1524.9z M139.8,532.3v68.4h210.7v-68.4H139.8z M695.4,532.3v68.4h597.7c-14.3-33.2-59.4-68.4-59.4-68.4
H695.4z M1524.9,532.3v68.4h210.7v-68.4H1524.9z M1773.9,532.3l25.5,68.4h289.5l24.2-68.4H1773.9z M2149.4,532.3v68.4h210.7v-68.4
H2149.4z M139.8,665.4v68.4h210.7v-68.4H139.8z M695.4,665.4v68.4h210.7v-68.4H695.4z M1111.1,665.4v68.4h224.1
c0-32.3-13.4-68.4-13.4-68.4H1111.1L1111.1,665.4z M1524.9,665.4v68.4h210.7v-68.4H1524.9z M1821.8,665.4l24.7,68.4h194l24.9-68.4
H1821.8z M2149.4,665.4v68.4h210.7v-68.4H2149.4z M3.8,798.4v68.5h486.6v-68.5H3.8z M555.6,798.4v68.5h749.1
c15.8-15.7,24.8-68.5,24.8-68.5H555.6L555.6,798.4z M1388.9,798.4v68.5h346.8v-68.5H1388.9z M1869.7,798.4l25.4,68.5h98.7l23.8-68.5
H1869.7z M2149.4,798.4v68.5H2500v-68.5H2149.4z M3.8,931.6v68.4h486.6v-68.4H3.8z M555.6,931.6v68.3h528.8
c93.8,0,164.6-68.3,164.6-68.3H555.6z M1388.9,931.6v68.4h346.8v-68.4H1388.9z M1917.9,931.6l24.4,68.2l4.2,0.1l24.8-68.3H1917.9z
M2149.4,931.6v68.4H2500v-68.4H2149.4z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

42
dist/assets/img/logos/microsoft.svg vendored Normal file
View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2500 534" style="enable-background:new 0 0 2500 534;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<path class="st0" d="M2500,241.6v-44h-54.6v-68.4l-1.8,0.6l-51.3,15.7l-1,0.3v51.8h-80.9v-28.9c0-13.4,3-23.7,8.9-30.6
c5.9-6.8,14.3-10.2,25-10.2c7.7,0,15.7,1.8,23.7,5.4l2,0.9V88l-0.9-0.3c-7.5-2.7-17.7-4.1-30.3-4.1c-15.9,0-30.4,3.5-43,10.3
c-12.6,6.9-22.6,16.7-29.5,29.2c-6.9,12.5-10.5,26.9-10.5,42.8v31.7h-38v44h38v185.2h54.6V241.6h80.9v117.7c0,48.5,22.9,73,68,73
c7.4,0,15.2-0.9,23.2-2.6c8.1-1.7,13.6-3.5,16.9-5.4l0.7-0.4v-44.4l-2.2,1.5c-3,2-6.7,3.6-11,4.8c-4.3,1.2-8,1.8-10.8,1.8
c-10.6,0-18.4-2.8-23.2-8.5c-4.9-5.7-7.4-15.6-7.4-29.4V241.6H2500L2500,241.6z M2095.9,387.7c-19.8,0-35.4-6.6-46.4-19.5
c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C2131,381.3,2115.8,387.7,2095.9,387.7 M2098.3,192.1
c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C2162.1,202.7,2133.9,192.1,2098.3,192.1
M1888.8,192.1c-25.7,0-47,6.6-63.2,19.5c-16.3,13-24.6,30.1-24.6,50.8c0,10.8,1.8,20.3,5.3,28.4c3.5,8.1,9,15.3,16.3,21.3
c7.2,6,18.4,12.2,33.2,18.6c12.4,5.1,21.7,9.4,27.6,12.9c5.8,3.3,9.8,6.7,12.1,10c2.2,3.2,3.4,7.6,3.4,13
c0,15.4-11.5,22.9-35.3,22.9c-8.8,0-18.8-1.8-29.8-5.5c-10.9-3.6-21.2-8.8-30.6-15.5l-2.3-1.6v52.5l0.8,0.4
c7.7,3.6,17.5,6.6,28.9,8.9c11.5,2.4,21.9,3.6,30.9,3.6c27.9,0,50.4-6.6,66.8-19.6c16.5-13.1,24.9-30.6,24.9-52.1
c0-15.4-4.5-28.7-13.4-39.4c-8.8-10.6-24.1-20.3-45.4-28.9c-17-6.8-27.9-12.5-32.4-16.8c-4.3-4.2-6.5-10.1-6.5-17.7
c0-6.7,2.7-12,8.3-16.3c5.6-4.3,13.4-6.6,23.2-6.6c9.1,0,18.4,1.4,27.6,4.3c9.2,2.8,17.4,6.6,24.1,11.2l2.2,1.5v-49.8l-0.9-0.4
c-6.3-2.7-14.5-5-24.5-6.8C1905.8,193,1896.7,192.1,1888.8,192.1 M1658.7,387.7c-19.8,0-35.4-6.6-46.4-19.5
c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C1693.9,381.3,1678.7,387.7,1658.7,387.7 M1661.2,192.1
c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C1725,202.7,1696.7,192.1,1661.2,192.1
M1456.9,237.3v-39.7h-53.9v229.2h53.9V309.6c0-19.9,4.5-36.3,13.4-48.7c8.8-12.2,20.5-18.4,34.9-18.4c4.9,0,10.3,0.8,16.2,2.4
c5.8,1.6,10.1,3.3,12.6,5.1l2.3,1.6v-54.4l-0.9-0.4c-5-2.1-12.1-3.2-21.1-3.2c-13.5,0-25.7,4.4-36.1,12.9
c-9.1,7.5-15.7,17.9-20.7,30.7H1456.9z M1306.4,192.1c-24.7,0-46.8,5.3-65.6,15.8c-18.8,10.5-33.3,25.4-43.2,44.5
c-9.9,19-14.9,41.1-14.9,65.9c0,21.7,4.8,41.5,14.4,59c9.6,17.5,23.2,31.3,40.3,40.8c17.2,9.5,37,14.3,58.9,14.3
c25.6,0,47.5-5.1,65-15.2l0.7-0.4v-49.4l-2.3,1.7c-7.9,5.8-16.8,10.4-26.4,13.7c-9.5,3.3-18.2,5-25.8,5c-21.2,0-38.1-6.6-50.5-19.7
c-12.4-13.1-18.6-31.4-18.6-54.5c0-23.2,6.5-42.1,19.4-55.9c12.8-13.8,29.8-20.9,50.6-20.9c17.7,0,35,6,51.3,17.9l2.3,1.6v-52
l-0.7-0.4c-6.1-3.4-14.5-6.3-24.9-8.4C1326.2,193.2,1316,192.1,1306.4,192.1 M1145.6,197.6h-53.9v229.2h53.9V197.6L1145.6,197.6z
M1119.2,100c-8.9,0-16.6,3-23,9c-6.4,6-9.6,13.6-9.6,22.5c0,8.8,3.2,16.2,9.5,22c6.3,5.8,14,8.8,23.1,8.8c9,0,16.8-3,23.2-8.8
c6.4-5.9,9.6-13.3,9.6-22.1c0-8.6-3.2-16.1-9.4-22.2C1136.4,103.1,1128.6,100,1119.2,100 M984.7,180.7v246.1h55V107h-76.1
l-96.8,237.5L772.9,107h-79.2v319.8h51.7V180.7h1.8l99.2,246.1h39l97.6-246.1L984.7,180.7L984.7,180.7z"/>
<path class="st0" d="M253.6,253.7H0V0.1h253.6V253.7z"/>
<path class="st0" d="M533.6,253.7H280V0.1h253.6L533.6,253.7L533.6,253.7z"/>
<path class="st0" d="M253.6,533.9H0V280.3h253.6V533.9z"/>
<path class="st0" d="M533.6,533.9H280V280.3h253.6L533.6,533.9L533.6,533.9z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
dist/assets/img/logos/themeforest.jpg vendored
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

128
dist/css/styles.css vendored
View File

@ -1,13 +1,13 @@
@charset "UTF-8"; @charset "UTF-8";
/*! /*!
* Start Bootstrap - Agency v6.0.3 (https://startbootstrap.com/theme/agency) * Start Bootstrap - Agency v6.0.4 (https://startbootstrap.com/theme/agency)
* Copyright 2013-2020 Start Bootstrap * Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE) * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
*/ */
/*! /*!
* Bootstrap v4.5.3 (https://getbootstrap.com/) * Bootstrap v4.6.0 (https://getbootstrap.com/)
* Copyright 2011-2020 The Bootstrap Authors * Copyright 2011-2021 The Bootstrap Authors
* Copyright 2011-2020 Twitter, Inc. * Copyright 2011-2021 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/ */
:root { :root {
@ -37,7 +37,7 @@
--breakpoint-md: 768px; --breakpoint-md: 768px;
--breakpoint-lg: 992px; --breakpoint-lg: 992px;
--breakpoint-xl: 1200px; --breakpoint-xl: 1200px;
--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} }
@ -232,9 +232,8 @@ button {
border-radius: 0; border-radius: 0;
} }
button:focus { button:focus:not(:focus-visible) {
outline: 1px dotted; outline: 0;
outline: 5px auto -webkit-focus-ring-color;
} }
input, input,
@ -2174,6 +2173,9 @@ textarea.form-control {
background-color: rgba(40, 167, 69, 0.9); background-color: rgba(40, 167, 69, 0.9);
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
left: 5px;
}
.was-validated :valid ~ .valid-feedback, .was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip, .was-validated :valid ~ .valid-tooltip,
@ -2203,7 +2205,7 @@ textarea.form-control {
.was-validated .custom-select:valid, .custom-select.is-valid { .was-validated .custom-select:valid, .custom-select.is-valid {
border-color: #28a745; border-color: #28a745;
padding-right: calc(0.75em + 2.3125rem); padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
} }
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
border-color: #28a745; border-color: #28a745;
@ -2267,6 +2269,9 @@ textarea.form-control {
background-color: rgba(220, 53, 69, 0.9); background-color: rgba(220, 53, 69, 0.9);
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
left: 5px;
}
.was-validated :invalid ~ .invalid-feedback, .was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip, .was-validated :invalid ~ .invalid-tooltip,
@ -2296,7 +2301,7 @@ textarea.form-control {
.was-validated .custom-select:invalid, .custom-select.is-invalid { .was-validated .custom-select:invalid, .custom-select.is-invalid {
border-color: #dc3545; border-color: #dc3545;
padding-right: calc(0.75em + 2.3125rem); padding-right: calc(0.75em + 2.3125rem);
background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
} }
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
border-color: #dc3545; border-color: #dc3545;
@ -3150,7 +3155,7 @@ input[type=button].btn-block {
.dropdown-item:hover, .dropdown-item:focus { .dropdown-item:hover, .dropdown-item:focus {
color: #16181b; color: #16181b;
text-decoration: none; text-decoration: none;
background-color: #f8f9fa; background-color: #e9ecef;
} }
.dropdown-item.active, .dropdown-item:active { .dropdown-item.active, .dropdown-item:active {
color: #fff; color: #fff;
@ -3158,7 +3163,7 @@ input[type=button].btn-block {
background-color: #fed136; background-color: #fed136;
} }
.dropdown-item.disabled, .dropdown-item:disabled { .dropdown-item.disabled, .dropdown-item:disabled {
color: #6c757d; color: #adb5bd;
pointer-events: none; pointer-events: none;
background-color: transparent; background-color: transparent;
} }
@ -3325,11 +3330,6 @@ input[type=button].btn-block {
.input-group > .custom-file .custom-file-input:focus { .input-group > .custom-file .custom-file-input:focus {
z-index: 4; z-index: 4;
} }
.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group > .form-control:not(:first-child), .input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) { .input-group > .custom-select:not(:first-child) {
border-top-left-radius: 0; border-top-left-radius: 0;
@ -3339,13 +3339,21 @@ input[type=button].btn-block {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
border-top-right-radius: 0; border-top-right-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
.input-group > .custom-file:not(:first-child) .custom-file-label { .input-group.has-validation > .form-control:nth-last-child(n+3),
border-top-left-radius: 0; .input-group.has-validation > .custom-select:nth-last-child(n+3),
border-bottom-left-radius: 0; .input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
} }
.input-group-prepend, .input-group-prepend,
@ -3441,8 +3449,10 @@ input[type=button].btn-block {
.input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text, .input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
border-top-right-radius: 0; border-top-right-radius: 0;
@ -3530,7 +3540,7 @@ input[type=button].btn-block {
width: 1rem; width: 1rem;
height: 1rem; height: 1rem;
content: ""; content: "";
background: no-repeat 50%/50% 50%; background: 50%/50% 50% no-repeat;
} }
.custom-checkbox .custom-control-label::before { .custom-checkbox .custom-control-label::before {
@ -3604,7 +3614,7 @@ input[type=button].btn-block {
line-height: 1.5; line-height: 1.5;
color: #495057; color: #495057;
vertical-align: middle; vertical-align: middle;
background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
border: 1px solid #ced4da; border: 1px solid #ced4da;
border-radius: 0.25rem; border-radius: 0.25rem;
-webkit-appearance: none; -webkit-appearance: none;
@ -3667,6 +3677,7 @@ input[type=button].btn-block {
width: 100%; width: 100%;
height: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px);
margin: 0; margin: 0;
overflow: hidden;
opacity: 0; opacity: 0;
} }
.custom-file-input:focus ~ .custom-file-label { .custom-file-input:focus ~ .custom-file-label {
@ -3691,6 +3702,7 @@ input[type=button].btn-block {
z-index: 1; z-index: 1;
height: calc(1.5em + 0.75rem + 2px); height: calc(1.5em + 0.75rem + 2px);
padding: 0.375rem 0.75rem; padding: 0.375rem 0.75rem;
overflow: hidden;
font-weight: 400; font-weight: 400;
line-height: 1.5; line-height: 1.5;
color: #495057; color: #495057;
@ -3725,7 +3737,7 @@ input[type=button].btn-block {
appearance: none; appearance: none;
} }
.custom-range:focus { .custom-range:focus {
outline: none; outline: 0;
} }
.custom-range:focus::-webkit-slider-thumb { .custom-range:focus::-webkit-slider-thumb {
box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(254, 209, 54, 0.25); box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(254, 209, 54, 0.25);
@ -3891,10 +3903,8 @@ input[type=button].btn-block {
.nav-tabs { .nav-tabs {
border-bottom: 1px solid #dee2e6; border-bottom: 1px solid #dee2e6;
} }
.nav-tabs .nav-item {
margin-bottom: -1px;
}
.nav-tabs .nav-link { .nav-tabs .nav-link {
margin-bottom: -1px;
border: 1px solid transparent; border: 1px solid transparent;
border-top-left-radius: 0.25rem; border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem; border-top-right-radius: 0.25rem;
@ -4026,8 +4036,12 @@ input[type=button].btn-block {
height: 1.5em; height: 1.5em;
vertical-align: middle; vertical-align: middle;
content: ""; content: "";
background: no-repeat center center; background: 50%/100% 100% no-repeat;
background-size: 100% 100%; }
.navbar-nav-scroll {
max-height: 75vh;
overflow-y: auto;
} }
@media (max-width: 575.98px) { @media (max-width: 575.98px) {
@ -4064,6 +4078,9 @@ input[type=button].btn-block {
.navbar-expand-sm > .container-xl { .navbar-expand-sm > .container-xl {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-sm .navbar-collapse { .navbar-expand-sm .navbar-collapse {
display: flex !important; display: flex !important;
flex-basis: auto; flex-basis: auto;
@ -4106,6 +4123,9 @@ input[type=button].btn-block {
.navbar-expand-md > .container-xl { .navbar-expand-md > .container-xl {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-md .navbar-collapse { .navbar-expand-md .navbar-collapse {
display: flex !important; display: flex !important;
flex-basis: auto; flex-basis: auto;
@ -4148,6 +4168,9 @@ input[type=button].btn-block {
.navbar-expand-lg > .container-xl { .navbar-expand-lg > .container-xl {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-lg .navbar-collapse { .navbar-expand-lg .navbar-collapse {
display: flex !important; display: flex !important;
flex-basis: auto; flex-basis: auto;
@ -4190,6 +4213,9 @@ input[type=button].btn-block {
.navbar-expand-xl > .container-xl { .navbar-expand-xl > .container-xl {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand-xl .navbar-collapse { .navbar-expand-xl .navbar-collapse {
display: flex !important; display: flex !important;
flex-basis: auto; flex-basis: auto;
@ -4229,6 +4255,9 @@ input[type=button].btn-block {
.navbar-expand > .container-xl { .navbar-expand > .container-xl {
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.navbar-expand .navbar-nav-scroll {
overflow: visible;
}
.navbar-expand .navbar-collapse { .navbar-expand .navbar-collapse {
display: flex !important; display: flex !important;
flex-basis: auto; flex-basis: auto;
@ -4541,14 +4570,11 @@ input[type=button].btn-block {
border-radius: 0.25rem; border-radius: 0.25rem;
} }
.breadcrumb-item {
display: flex;
}
.breadcrumb-item + .breadcrumb-item { .breadcrumb-item + .breadcrumb-item {
padding-left: 0.5rem; padding-left: 0.5rem;
} }
.breadcrumb-item + .breadcrumb-item::before { .breadcrumb-item + .breadcrumb-item::before {
display: inline-block; float: left;
padding-right: 0.5rem; padding-right: 0.5rem;
color: #6c757d; color: #6c757d;
content: "/"; content: "/";
@ -4976,8 +5002,8 @@ a.badge-dark:focus, a.badge-dark.focus {
} }
.progress-bar-animated { .progress-bar-animated {
-webkit-animation: progress-bar-stripes 1s linear infinite; -webkit-animation: 1s linear infinite progress-bar-stripes;
animation: progress-bar-stripes 1s linear infinite; animation: 1s linear infinite progress-bar-stripes;
} }
@media (prefers-reduced-motion: reduce) { @media (prefers-reduced-motion: reduce) {
.progress-bar-animated { .progress-bar-animated {
@ -5922,7 +5948,7 @@ a.close.disabled {
display: inline-block; display: inline-block;
width: 20px; width: 20px;
height: 20px; height: 20px;
background: no-repeat 50%/100% 100%; background: 50%/100% 100% no-repeat;
} }
.carousel-control-prev-icon { .carousel-control-prev-icon {
@ -6002,8 +6028,8 @@ a.close.disabled {
border: 0.25em solid currentColor; border: 0.25em solid currentColor;
border-right-color: transparent; border-right-color: transparent;
border-radius: 50%; border-radius: 50%;
-webkit-animation: spinner-border 0.75s linear infinite; -webkit-animation: 0.75s linear infinite spinner-border;
animation: spinner-border 0.75s linear infinite; animation: 0.75s linear infinite spinner-border;
} }
.spinner-border-sm { .spinner-border-sm {
@ -6039,8 +6065,8 @@ a.close.disabled {
background-color: currentColor; background-color: currentColor;
border-radius: 50%; border-radius: 50%;
opacity: 0; opacity: 0;
-webkit-animation: spinner-grow 0.75s linear infinite; -webkit-animation: 0.75s linear infinite spinner-grow;
animation: spinner-grow 0.75s linear infinite; animation: 0.75s linear infinite spinner-grow;
} }
.spinner-grow-sm { .spinner-grow-sm {
@ -6048,6 +6074,13 @@ a.close.disabled {
height: 1rem; height: 1rem;
} }
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
}
.align-baseline { .align-baseline {
vertical-align: baseline !important; vertical-align: baseline !important;
} }
@ -7299,7 +7332,6 @@ button.bg-dark:focus {
.user-select-all { .user-select-all {
-webkit-user-select: all !important; -webkit-user-select: all !important;
-moz-user-select: all !important; -moz-user-select: all !important;
-ms-user-select: all !important;
user-select: all !important; user-select: all !important;
} }
@ -7342,7 +7374,6 @@ button.bg-dark:focus {
} }
.position-sticky { .position-sticky {
position: -webkit-sticky !important;
position: sticky !important; position: sticky !important;
} }
@ -7362,9 +7393,8 @@ button.bg-dark:focus {
z-index: 1030; z-index: 1030;
} }
@supports ((position: -webkit-sticky) or (position: sticky)) { @supports (position: sticky) {
.sticky-top { .sticky-top {
position: -webkit-sticky;
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1020; z-index: 1020;
@ -10423,6 +10453,10 @@ header.masthead .masthead-heading {
margin-bottom: 0; margin-bottom: 0;
} }
.img-brand {
height: 2.75rem;
}
section#contact { section#contact {
background-color: #212529; background-color: #212529;
background-image: url("../assets/img/map-image.png"); background-image: url("../assets/img/map-image.png");

81
dist/index.html vendored
View File

@ -8,7 +8,7 @@
<title>Agency - Start Bootstrap Theme</title> <title>Agency - Start Bootstrap Theme</title>
<link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" /> <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
<!-- Font Awesome icons (free version)--> <!-- Font Awesome icons (free version)-->
<script src="https://use.fontawesome.com/releases/v5.15.1/js/all.js" crossorigin="anonymous"></script> <script src="https://use.fontawesome.com/releases/v5.15.3/js/all.js" crossorigin="anonymous"></script>
<!-- Google fonts--> <!-- Google fonts-->
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Montserrat:400,700" rel="stylesheet" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" /> <link href="https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic,700italic" rel="stylesheet" type="text/css" />
@ -20,7 +20,7 @@
<!-- Navigation--> <!-- Navigation-->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav"> <nav class="navbar navbar-expand-lg navbar-dark fixed-top" id="mainNav">
<div class="container"> <div class="container">
<a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/navbar-logo.svg" alt="" /></a> <a class="navbar-brand js-scroll-trigger" href="#page-top"><img src="assets/img/navbar-logo.svg" alt="..." /></a>
<button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
Menu Menu
<i class="fas fa-bars ml-1"></i> <i class="fas fa-bars ml-1"></i>
@ -93,7 +93,7 @@
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div> </div>
<img class="img-fluid" src="assets/img/portfolio/01-thumbnail.jpg" alt="" /> <img class="img-fluid" src="assets/img/portfolio/01-thumbnail.jpg" alt="..." />
</a> </a>
<div class="portfolio-caption"> <div class="portfolio-caption">
<div class="portfolio-caption-heading">Threads</div> <div class="portfolio-caption-heading">Threads</div>
@ -107,7 +107,7 @@
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div> </div>
<img class="img-fluid" src="assets/img/portfolio/02-thumbnail.jpg" alt="" /> <img class="img-fluid" src="assets/img/portfolio/02-thumbnail.jpg" alt="..." />
</a> </a>
<div class="portfolio-caption"> <div class="portfolio-caption">
<div class="portfolio-caption-heading">Explore</div> <div class="portfolio-caption-heading">Explore</div>
@ -121,7 +121,7 @@
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div> </div>
<img class="img-fluid" src="assets/img/portfolio/03-thumbnail.jpg" alt="" /> <img class="img-fluid" src="assets/img/portfolio/03-thumbnail.jpg" alt="..." />
</a> </a>
<div class="portfolio-caption"> <div class="portfolio-caption">
<div class="portfolio-caption-heading">Finish</div> <div class="portfolio-caption-heading">Finish</div>
@ -135,7 +135,7 @@
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div> </div>
<img class="img-fluid" src="assets/img/portfolio/04-thumbnail.jpg" alt="" /> <img class="img-fluid" src="assets/img/portfolio/04-thumbnail.jpg" alt="..." />
</a> </a>
<div class="portfolio-caption"> <div class="portfolio-caption">
<div class="portfolio-caption-heading">Lines</div> <div class="portfolio-caption-heading">Lines</div>
@ -149,7 +149,7 @@
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div> </div>
<img class="img-fluid" src="assets/img/portfolio/05-thumbnail.jpg" alt="" /> <img class="img-fluid" src="assets/img/portfolio/05-thumbnail.jpg" alt="..." />
</a> </a>
<div class="portfolio-caption"> <div class="portfolio-caption">
<div class="portfolio-caption-heading">Southwest</div> <div class="portfolio-caption-heading">Southwest</div>
@ -163,7 +163,7 @@
<div class="portfolio-hover"> <div class="portfolio-hover">
<div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div> <div class="portfolio-hover-content"><i class="fas fa-plus fa-3x"></i></div>
</div> </div>
<img class="img-fluid" src="assets/img/portfolio/06-thumbnail.jpg" alt="" /> <img class="img-fluid" src="assets/img/portfolio/06-thumbnail.jpg" alt="..." />
</a> </a>
<div class="portfolio-caption"> <div class="portfolio-caption">
<div class="portfolio-caption-heading">Window</div> <div class="portfolio-caption-heading">Window</div>
@ -183,7 +183,7 @@
</div> </div>
<ul class="timeline"> <ul class="timeline">
<li> <li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg" alt="" /></div> <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/1.jpg" alt="..." /></div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>2009-2011</h4> <h4>2009-2011</h4>
@ -193,7 +193,7 @@
</div> </div>
</li> </li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg" alt="" /></div> <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/2.jpg" alt="..." /></div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>March 2011</h4> <h4>March 2011</h4>
@ -203,20 +203,20 @@
</div> </div>
</li> </li>
<li> <li>
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg" alt="" /></div> <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/3.jpg" alt="..." /></div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>December 2012</h4> <h4>December 2015</h4>
<h4 class="subheading">Transition to Full Service</h4> <h4 class="subheading">Transition to Full Service</h4>
</div> </div>
<div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
</div> </div>
</li> </li>
<li class="timeline-inverted"> <li class="timeline-inverted">
<div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/4.jpg" alt="" /></div> <div class="timeline-image"><img class="rounded-circle img-fluid" src="assets/img/about/4.jpg" alt="..." /></div>
<div class="timeline-panel"> <div class="timeline-panel">
<div class="timeline-heading"> <div class="timeline-heading">
<h4>July 2014</h4> <h4>July 2020</h4>
<h4 class="subheading">Phase Two Expansion</h4> <h4 class="subheading">Phase Two Expansion</h4>
</div> </div>
<div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div> <div class="timeline-body"><p class="text-muted">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!</p></div>
@ -246,7 +246,7 @@
<div class="row"> <div class="row">
<div class="col-lg-4"> <div class="col-lg-4">
<div class="team-member"> <div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="" /> <img class="mx-auto rounded-circle" src="assets/img/team/1.jpg" alt="..." />
<h4>Kay Garland</h4> <h4>Kay Garland</h4>
<p class="text-muted">Lead Designer</p> <p class="text-muted">Lead Designer</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
@ -256,7 +256,7 @@
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="team-member"> <div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="" /> <img class="mx-auto rounded-circle" src="assets/img/team/2.jpg" alt="..." />
<h4>Larry Parker</h4> <h4>Larry Parker</h4>
<p class="text-muted">Lead Marketer</p> <p class="text-muted">Lead Marketer</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
@ -266,7 +266,7 @@
</div> </div>
<div class="col-lg-4"> <div class="col-lg-4">
<div class="team-member"> <div class="team-member">
<img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="" /> <img class="mx-auto rounded-circle" src="assets/img/team/3.jpg" alt="..." />
<h4>Diana Petersen</h4> <h4>Diana Petersen</h4>
<p class="text-muted">Lead Developer</p> <p class="text-muted">Lead Developer</p>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
@ -283,18 +283,18 @@
<!-- Clients--> <!-- Clients-->
<div class="py-5"> <div class="py-5">
<div class="container"> <div class="container">
<div class="row"> <div class="row align-items-center">
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/envato.jpg" alt="" /></a> <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/microsoft.svg" alt="..." /></a>
</div> </div>
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/designmodo.jpg" alt="" /></a> <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/google.svg" alt="..." /></a>
</div> </div>
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/themeforest.jpg" alt="" /></a> <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/facebook.svg" alt="..." /></a>
</div> </div>
<div class="col-md-3 col-sm-6 my-3"> <div class="col-md-3 col-sm-6 my-3">
<a href="#!"><img class="img-fluid d-block mx-auto" src="assets/img/logos/creative-market.jpg" alt="" /></a> <a href="#!"><img class="img-fluid img-brand d-block mx-auto" src="assets/img/logos/ibm.svg" alt="..." /></a>
</div> </div>
</div> </div>
</div> </div>
@ -340,7 +340,14 @@
<footer class="footer py-4"> <footer class="footer py-4">
<div class="container"> <div class="container">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-lg-4 text-lg-left">Copyright © Your Website 2020</div> <div class="col-lg-4 text-lg-left">
Copyright &copy; Your Website
<!-- This script automatically adds the current year to your website footer-->
<!-- (credit: https://updateyourfooter.com/)-->
<script>
document.write(new Date().getFullYear());
</script>
</div>
<div class="col-lg-4 my-3 my-lg-0"> <div class="col-lg-4 my-3 my-lg-0">
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-twitter"></i></a>
<a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a> <a class="btn btn-dark btn-social mx-2" href="#!"><i class="fab fa-facebook-f"></i></a>
@ -366,10 +373,10 @@
<!-- Project Details Go Here--> <!-- Project Details Go Here-->
<h2 class="text-uppercase">Project Name</h2> <h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="" /> <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/01-full.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline"> <ul class="list-inline">
<li>Date: January 2020</li> <li>Date: January 2021</li>
<li>Client: Threads</li> <li>Client: Threads</li>
<li>Category: Illustration</li> <li>Category: Illustration</li>
</ul> </ul>
@ -396,10 +403,10 @@
<!-- Project Details Go Here--> <!-- Project Details Go Here-->
<h2 class="text-uppercase">Project Name</h2> <h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-full.jpg" alt="" /> <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/02-full.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline"> <ul class="list-inline">
<li>Date: January 2020</li> <li>Date: January 2021</li>
<li>Client: Explore</li> <li>Client: Explore</li>
<li>Category: Graphic Design</li> <li>Category: Graphic Design</li>
</ul> </ul>
@ -426,10 +433,10 @@
<!-- Project Details Go Here--> <!-- Project Details Go Here-->
<h2 class="text-uppercase">Project Name</h2> <h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="" /> <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/03-full.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline"> <ul class="list-inline">
<li>Date: January 2020</li> <li>Date: January 2021</li>
<li>Client: Finish</li> <li>Client: Finish</li>
<li>Category: Identity</li> <li>Category: Identity</li>
</ul> </ul>
@ -456,10 +463,10 @@
<!-- Project Details Go Here--> <!-- Project Details Go Here-->
<h2 class="text-uppercase">Project Name</h2> <h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/04-full.jpg" alt="" /> <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/04-full.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline"> <ul class="list-inline">
<li>Date: January 2020</li> <li>Date: January 2021</li>
<li>Client: Lines</li> <li>Client: Lines</li>
<li>Category: Branding</li> <li>Category: Branding</li>
</ul> </ul>
@ -486,10 +493,10 @@
<!-- Project Details Go Here--> <!-- Project Details Go Here-->
<h2 class="text-uppercase">Project Name</h2> <h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/05-full.jpg" alt="" /> <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/05-full.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline"> <ul class="list-inline">
<li>Date: January 2020</li> <li>Date: January 2021</li>
<li>Client: Southwest</li> <li>Client: Southwest</li>
<li>Category: Website Design</li> <li>Category: Website Design</li>
</ul> </ul>
@ -516,10 +523,10 @@
<!-- Project Details Go Here--> <!-- Project Details Go Here-->
<h2 class="text-uppercase">Project Name</h2> <h2 class="text-uppercase">Project Name</h2>
<p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p> <p class="item-intro text-muted">Lorem ipsum dolor sit amet consectetur.</p>
<img class="img-fluid d-block mx-auto" src="assets/img/portfolio/06-full.jpg" alt="" /> <img class="img-fluid d-block mx-auto" src="assets/img/portfolio/06-full.jpg" alt="..." />
<p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p> <p>Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!</p>
<ul class="list-inline"> <ul class="list-inline">
<li>Date: January 2020</li> <li>Date: January 2021</li>
<li>Client: Window</li> <li>Client: Window</li>
<li>Category: Photography</li> <li>Category: Photography</li>
</ul> </ul>
@ -535,8 +542,8 @@
</div> </div>
</div> </div>
<!-- Bootstrap core JS--> <!-- Bootstrap core JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Third party plugin JS--> <!-- Third party plugin JS-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<!-- Contact form JS--> <!-- Contact form JS-->

4
dist/js/scripts.js vendored
View File

@ -1,6 +1,6 @@
/*! /*!
* Start Bootstrap - Agency v6.0.3 (https://startbootstrap.com/theme/agency) * Start Bootstrap - Agency v6.0.4 (https://startbootstrap.com/theme/agency)
* Copyright 2013-2020 Start Bootstrap * Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE) * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-agency/blob/master/LICENSE)
*/ */
(function ($) { (function ($) {

1135
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

20
package.json
View File

@ -1,7 +1,7 @@
{ {
"title": "Agency", "title": "Agency",
"name": "startbootstrap-agency", "name": "startbootstrap-agency",
"version": "6.0.3", "version": "6.0.4",
"scripts": { "scripts": {
"build": "npm run clean && npm run build:pug && npm run build:scss && npm run build:scripts && npm run build:assets", "build": "npm run clean && npm run build:pug && npm run build:scss && npm run build:scripts && npm run build:assets",
"build:assets": "node scripts/build-assets.js", "build:assets": "node scripts/build-assets.js",
@ -36,17 +36,17 @@
"url": "https://github.com/StartBootstrap/startbootstrap-agency.git" "url": "https://github.com/StartBootstrap/startbootstrap-agency.git"
}, },
"dependencies": { "dependencies": {
"bootstrap": "4.5.3" "bootstrap": "4.6.0"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "10.0.1", "autoprefixer": "10.2.5",
"browser-sync": "2.26.13", "browser-sync": "2.26.14",
"chokidar": "3.4.3", "chokidar": "3.5.1",
"concurrently": "5.3.0", "concurrently": "6.0.0",
"postcss": "8.1.4", "postcss": "8.2.8",
"prettier": "2.1.2", "prettier": "2.2.1",
"pug": "3.0.0", "pug": "3.0.2",
"sass": "1.28.0", "sass": "1.32.8",
"shelljs": "0.8.4" "shelljs": "0.8.4"
} }
} }

BIN
src/assets/img/logos/creative-market.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/assets/img/logos/designmodo.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

BIN
src/assets/img/logos/envato.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

34
src/assets/img/logos/facebook.svg Normal file
View File

@ -0,0 +1,34 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2030.6 546.3" style="enable-background:new 0 0 2030.6 546.3;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<g>
<path class="st0" d="M1045.4,269.1c-16.8,0-28.9,5.5-41.1,11.1v126.7c11.7,1.1,18.5,1.1,29.6,1.1c40.2,0,45.8-18.4,45.8-44.2v-60.5
C1079.7,284.3,1073.4,269.1,1045.4,269.1L1045.4,269.1z M778.1,262.2c-27.9,0-34.3,15.3-34.3,34.3v10.7h68.6v-10.7
C812.4,277.5,806,262.2,778.1,262.2z M260.4,394.1c0,15,7.1,22.8,22.7,22.8c16.8,0,26.7-5.5,39-11.1v-30.1h-36.7
C268,375.7,260.4,379,260.4,394.1L260.4,394.1z M1305.4,269.1c-28,0-37.7,15.3-37.7,34.3v69.4c0,19.1,9.7,34.4,37.7,34.4
c27.9,0,37.7-15.3,37.7-34.4v-69.4C1343,284.3,1333.3,269.1,1305.4,269.1z M123.3,471.8H41.1v-199H0v-68.6h41.1v-41.2
c0-55.9,23.2-89.2,89.1-89.2H185v68.6h-34.3c-25.7,0-27.3,9.6-27.3,27.5l-0.1,34.3h62.1l-7.3,68.6h-54.9L123.3,471.8L123.3,471.8z
M404.3,472.4h-68.5l-3-17.3c-31.3,17.3-59.2,20.1-77.6,20.1c-50.3,0-77-33.6-77-80c0-54.8,31.2-74.3,87-74.3H322V309
c0-28-3.2-36.2-46.2-36.2h-70.3l6.9-68.6h76.8c94.3,0,115,29.8,115,105.3L404.3,472.4L404.3,472.4z M637.3,277.9
c-42.6-7.3-54.9-8.9-75.4-8.9c-36.9,0-48,8.1-48,39.4v59.2c0,31.3,11.1,39.5,48,39.5c20.5,0,32.8-1.6,75.4-9V465
c-37.3,8.4-61.7,10.6-82.2,10.6c-88.3,0-123.4-46.4-123.4-113.5v-48c0-67.1,35.1-113.6,123.4-113.6c20.6,0,44.9,2.2,82.2,10.6
V277.9L637.3,277.9z M894.6,362H743.8v5.5c0,31.3,11.1,39.5,48,39.5c33.1,0,53.3-1.6,95.9-9V465c-41.1,8.4-62.4,10.6-102.7,10.6
c-88.3,0-123.4-46.4-123.4-113.5v-54.9c0-58.7,26-106.7,116.5-106.7s116.5,47.5,116.5,106.7V362z M1161.9,363.3
c0,64.8-18.5,112.1-130.7,112.1c-40.5,0-64.3-3.6-109-10.4V94.5l82.2-13.7v129.6c17.8-6.6,40.8-10,61.7-10
c82.2,0,95.9,36.9,95.9,96.1L1161.9,363.3L1161.9,363.3z M1425.3,364.7c0,55.9-23.1,110.1-119.7,110.1
c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2c96.6,0,119.7,54.2,119.7,110.2V364.7L1425.3,364.7z
M1688.6,364.7c0,55.9-23.1,110.1-119.7,110.1c-96.6,0-120.1-54.2-120.1-110.1v-54c0-55.9,23.5-110.2,120.1-110.2
c96.6,0,119.7,54.2,119.7,110.2V364.7L1688.6,364.7z M1958.8,471.8h-89.1l-75.3-125.8v125.8h-82.2V94.5l82.2-13.7v242.9l75.3-119.4
h89.1l-82.3,130.3L1958.8,471.8z M1568.7,269.1c-27.9,0-37.6,15.3-37.6,34.3v69.4c0,19.1,9.7,34.4,37.6,34.4
c27.9,0,37.8-15.3,37.8-34.4v-69.4C1606.4,284.3,1596.6,269.1,1568.7,269.1L1568.7,269.1z M2005.7,424.9
c13.8,0,24.9,11.3,24.9,25.4c0,14.3-11,25.5-25,25.5c-13.9,0-25.1-11.2-25.1-25.5c0-14.1,11.3-25.4,25.1-25.4H2005.7z
M2005.6,428.9c-11.2,0-20.3,9.6-20.3,21.4c0,12.1,9.1,21.5,20.4,21.5c11.3,0.1,20.3-9.5,20.3-21.4c0-11.9-9-21.6-20.3-21.6H2005.6
z M2000.9,465.1h-4.5v-28.3c2.4-0.3,4.6-0.7,8-0.7c4.3,0,7.1,0.9,8.8,2.1c1.7,1.3,2.6,3.2,2.6,5.9c0,3.7-2.5,6-5.5,6.9v0.2
c2.5,0.5,4.2,2.7,4.7,6.9c0.7,4.4,1.3,6.1,1.8,7h-4.7c-0.7-0.9-1.4-3.5-1.9-7.2c-0.7-3.6-2.5-5-6.1-5h-3.1L2000.9,465.1
L2000.9,465.1z M2000.9,449.4h3.3c3.7,0,6.9-1.4,6.9-4.9c0-2.5-1.8-5-6.9-5c-1.5,0-2.5,0.1-3.3,0.2V449.4L2000.9,449.4z"/>
</g>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

35
src/assets/img/logos/google.svg Normal file
View File

@ -0,0 +1,35 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2500 928" style="enable-background:new 0 0 2500 928;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<path class="st0" d="M307.9,112.1h22.2c77.2,1.7,153.1,32.7,207.6,87.7c-20.1,20.6-40.7,40.3-60.4,60.8
c-30.6-27.7-67.5-49.1-107.8-56.6c-59.6-12.6-123.7-1.3-173.7,32.7c-54.5,35.7-91.4,96.1-99.4,160.7c-8.8,63.8,9.2,130.9,50.8,180.4
c39.8,48.2,100.7,78.4,163.6,80.5c58.7,3.4,120-14.7,162.8-55.8c33.6-28.9,49.1-73,54.1-115.8c-69.6,0-139.3,0.4-208.9,0v-86.4H612
c15.1,92.7-6.7,197.1-77.2,263.4c-47,47-112,74.7-178.3,80.1c-64.2,6.3-130.5-5.9-187.5-36.9c-68.4-36.5-122.9-98.2-149.7-170.7
C-5.9,469.5-6.3,394,17.2,326.8c21.4-61.2,62.5-115.4,115.4-153.1C183.3,136.4,245,115.8,307.9,112.1z"/>
<path class="st0" d="M1989.9,133.9h89.8v599c-29.8,0-60,0.4-89.8-0.4C1990.4,533.2,1989.9,333.5,1989.9,133.9L1989.9,133.9z"/>
<path class="st0" d="M811.7,341.5C867,331,927,342.8,972.7,375.9c41.5,29.4,70.5,75.5,79.3,125.8c11.3,58.3-2.9,122.1-40.7,168.2
c-40.7,51.6-107.4,79.3-172.4,75.1c-59.6-3.4-117.4-33.1-152.7-81.8c-39.8-53.7-49.5-127.5-27.7-190.4
C680.4,405.3,742,353.7,811.7,341.5 M824.2,421.2c-22.7,5.9-43.6,18.9-58.7,37.3c-40.7,48.7-38.2,127.9,6.7,173.2
c25.6,26,64.2,38.2,99.8,31c33.1-5.9,62.1-28.1,78-57.5c27.7-49.9,19.7-118.7-22.7-157.7C900.2,422.5,860.3,412,824.2,421.2
L824.2,421.2z"/>
<path class="st0" d="M1256.3,341.5c63.3-12.2,132.6,5.5,179.9,49.9c77.2,69.2,85.6,198.8,19.7,278.5c-39.8,50.3-104.4,78-168.2,75.1
c-60.8-1.7-120.8-31.9-156.9-81.8c-40.7-54.9-49.5-130.5-26.4-194.6C1127.5,403.2,1187.9,353.3,1256.3,341.5 M1268.9,421.2
c-22.7,5.9-43.6,18.9-58.7,36.9c-40.3,47.8-38.6,125.8,4.6,171.6c25.6,27.3,65.4,40.7,102.3,33.1c32.7-6.3,62.1-28.1,78-57.5
c27.3-50.3,19.3-119.1-23.5-158.1C1344.4,422.1,1304.5,412,1268.9,421.2L1268.9,421.2z"/>
<path class="st0" d="M1633.4,365.8c48.2-30.2,112.4-38.6,164.4-12.6c16.4,7.1,29.8,19.3,42.8,31.5c0.4-11.3,0-23.1,0.4-34.8
c28.1,0.4,56.2,0,84.7,0.4v370c-0.4,55.8-14.7,114.9-54.9,155.6c-44,44.9-111.6,58.7-172.4,49.5c-65-9.6-121.6-57-146.8-117
c25.2-12.2,51.6-21.8,77.6-33.1c14.7,34.4,44.5,63.8,81.8,70.5c37.3,6.7,80.5-2.5,104.9-33.6c26-31.9,26-75.5,24.7-114.5
c-19.3,18.9-41.5,35.7-68.4,41.9c-58.3,16.4-122.5-3.8-167.4-43.2c-45.3-39.4-72.1-100.3-69.6-160.7
C1536.5,467.4,1575.1,401.5,1633.4,365.8 M1720.2,419.5c-25.6,4.2-49.5,18.5-65.9,38.2c-39.4,47-39.4,122.1,0.4,168.2
c22.7,27.3,59.1,42.4,94.4,38.6c33.1-3.4,63.8-24.3,80.1-53.3c27.7-49.1,23.1-115.8-14.3-158.6
C1791.9,426.2,1755,413.2,1720.2,419.5L1720.2,419.5z"/>
<path class="st0" d="M2187.5,387.2c50.3-47,127.9-62.9,192.5-38.2c61.2,23.1,100.3,81.4,120,141.4c-91,37.8-181.6,75.1-272.7,112.8
c12.6,23.9,31.9,45.7,57.9,54.5c36.5,13,80.1,8.4,110.7-15.9c12.2-9.2,21.8-21.4,31-33.1c23.1,15.5,46.1,30.6,69.2,46.1
c-32.7,49.1-87.7,83.5-146.8,88.9c-65.4,8-135.1-17.2-177.4-68.4C2102.3,594.9,2109.1,459.8,2187.5,387.2 M2232.4,464.8
c-14.3,20.6-20.1,45.7-19.7,70.5c60.8-25.2,121.6-50.3,182.5-75.9c-10.1-23.5-34.4-37.8-59.1-41.5
C2296.1,410.7,2254.6,432.1,2232.4,464.8z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 3.2 KiB

24
src/assets/img/logos/ibm.svg Normal file
View File

@ -0,0 +1,24 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2500 1000" style="enable-background:new 0 0 2500 1000;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<path class="st0" d="M0,0v68.4h486.6V0H0z M555.6,0v68.4H1249c0,0-70.8-68.4-164.6-68.4H555.6z M1385.1,0v68.4h419.5L1779.7,0
H1385.1z M2105.4,0l-24.9,68.4h415.7V0H2105.4z M0,133.1v68.4h486.6v-68.4H0z M555.6,133.2v68.3h773.9c0,0-9-52.7-24.8-68.3
L555.6,133.2L555.6,133.2z M1385.1,133.2v68.3h465.5l-23-68.3L1385.1,133.2L1385.1,133.2z M2055.6,133.2l-23,68.3h463.7v-68.3
H2055.6z M139.8,266.1v68.5h210.7v-68.5L139.8,266.1L139.8,266.1z M695.4,266.1v68.5h210.7v-68.5L695.4,266.1L695.4,266.1z
M1111.1,266.1v68.5h210.7c0,0,13.4-36.2,13.4-68.5L1111.1,266.1L1111.1,266.1z M1524.9,266.1v68.5h373.6l-24.9-68.5L1524.9,266.1
L1524.9,266.1z M2009.7,266.1l-25,68.5h375.5v-68.5L2009.7,266.1L2009.7,266.1z M139.8,399.3v68.4h210.7v-68.4H139.8L139.8,399.3z
M695.4,399.3v68.4h538.3c0,0,45-35.1,59.4-68.4H695.4z M1524.9,399.3v68.4h210.7v-38.1l13.4,38.1h386l14.4-38.1v38.1h210.7v-68.4
h-395.6l-21,57.9l-21.1-57.9H1524.9z M139.8,532.3v68.4h210.7v-68.4H139.8z M695.4,532.3v68.4h597.7c-14.3-33.2-59.4-68.4-59.4-68.4
H695.4z M1524.9,532.3v68.4h210.7v-68.4H1524.9z M1773.9,532.3l25.5,68.4h289.5l24.2-68.4H1773.9z M2149.4,532.3v68.4h210.7v-68.4
H2149.4z M139.8,665.4v68.4h210.7v-68.4H139.8z M695.4,665.4v68.4h210.7v-68.4H695.4z M1111.1,665.4v68.4h224.1
c0-32.3-13.4-68.4-13.4-68.4H1111.1L1111.1,665.4z M1524.9,665.4v68.4h210.7v-68.4H1524.9z M1821.8,665.4l24.7,68.4h194l24.9-68.4
H1821.8z M2149.4,665.4v68.4h210.7v-68.4H2149.4z M3.8,798.4v68.5h486.6v-68.5H3.8z M555.6,798.4v68.5h749.1
c15.8-15.7,24.8-68.5,24.8-68.5H555.6L555.6,798.4z M1388.9,798.4v68.5h346.8v-68.5H1388.9z M1869.7,798.4l25.4,68.5h98.7l23.8-68.5
H1869.7z M2149.4,798.4v68.5H2500v-68.5H2149.4z M3.8,931.6v68.4h486.6v-68.4H3.8z M555.6,931.6v68.3h528.8
c93.8,0,164.6-68.3,164.6-68.3H555.6z M1388.9,931.6v68.4h346.8v-68.4H1388.9z M1917.9,931.6l24.4,68.2l4.2,0.1l24.8-68.3H1917.9z
M2149.4,931.6v68.4H2500v-68.4H2149.4z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.2 KiB

42
src/assets/img/logos/microsoft.svg Normal file
View File

@ -0,0 +1,42 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 2500 534" style="enable-background:new 0 0 2500 534;" xml:space="preserve">
<style type="text/css">
.st0{fill:#CED4DA;}
</style>
<path class="st0" d="M2500,241.6v-44h-54.6v-68.4l-1.8,0.6l-51.3,15.7l-1,0.3v51.8h-80.9v-28.9c0-13.4,3-23.7,8.9-30.6
c5.9-6.8,14.3-10.2,25-10.2c7.7,0,15.7,1.8,23.7,5.4l2,0.9V88l-0.9-0.3c-7.5-2.7-17.7-4.1-30.3-4.1c-15.9,0-30.4,3.5-43,10.3
c-12.6,6.9-22.6,16.7-29.5,29.2c-6.9,12.5-10.5,26.9-10.5,42.8v31.7h-38v44h38v185.2h54.6V241.6h80.9v117.7c0,48.5,22.9,73,68,73
c7.4,0,15.2-0.9,23.2-2.6c8.1-1.7,13.6-3.5,16.9-5.4l0.7-0.4v-44.4l-2.2,1.5c-3,2-6.7,3.6-11,4.8c-4.3,1.2-8,1.8-10.8,1.8
c-10.6,0-18.4-2.8-23.2-8.5c-4.9-5.7-7.4-15.6-7.4-29.4V241.6H2500L2500,241.6z M2095.9,387.7c-19.8,0-35.4-6.6-46.4-19.5
c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C2131,381.3,2115.8,387.7,2095.9,387.7 M2098.3,192.1
c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C2162.1,202.7,2133.9,192.1,2098.3,192.1
M1888.8,192.1c-25.7,0-47,6.6-63.2,19.5c-16.3,13-24.6,30.1-24.6,50.8c0,10.8,1.8,20.3,5.3,28.4c3.5,8.1,9,15.3,16.3,21.3
c7.2,6,18.4,12.2,33.2,18.6c12.4,5.1,21.7,9.4,27.6,12.9c5.8,3.3,9.8,6.7,12.1,10c2.2,3.2,3.4,7.6,3.4,13
c0,15.4-11.5,22.9-35.3,22.9c-8.8,0-18.8-1.8-29.8-5.5c-10.9-3.6-21.2-8.8-30.6-15.5l-2.3-1.6v52.5l0.8,0.4
c7.7,3.6,17.5,6.6,28.9,8.9c11.5,2.4,21.9,3.6,30.9,3.6c27.9,0,50.4-6.6,66.8-19.6c16.5-13.1,24.9-30.6,24.9-52.1
c0-15.4-4.5-28.7-13.4-39.4c-8.8-10.6-24.1-20.3-45.4-28.9c-17-6.8-27.9-12.5-32.4-16.8c-4.3-4.2-6.5-10.1-6.5-17.7
c0-6.7,2.7-12,8.3-16.3c5.6-4.3,13.4-6.6,23.2-6.6c9.1,0,18.4,1.4,27.6,4.3c9.2,2.8,17.4,6.6,24.1,11.2l2.2,1.5v-49.8l-0.9-0.4
c-6.3-2.7-14.5-5-24.5-6.8C1905.8,193,1896.7,192.1,1888.8,192.1 M1658.7,387.7c-19.8,0-35.4-6.6-46.4-19.5
c-11.1-13-16.7-31.5-16.7-55.1c0-24.3,5.6-43.3,16.7-56.6c11-13.1,26.5-19.8,46-19.8c18.9,0,34,6.4,44.8,19
c10.8,12.6,16.3,31.5,16.3,56.1c0,24.9-5.2,44-15.4,56.8C1693.9,381.3,1678.7,387.7,1658.7,387.7 M1661.2,192.1
c-37.8,0-67.8,11.1-89.2,32.9c-21.4,21.8-32.2,52.1-32.2,89.9c0,35.9,10.6,64.7,31.5,85.8c20.9,21,49.3,31.7,84.5,31.7
c36.6,0,66.1-11.2,87.4-33.4c21.4-22.1,32.2-52.1,32.2-89c0-36.4-10.2-65.5-30.2-86.4C1725,202.7,1696.7,192.1,1661.2,192.1
M1456.9,237.3v-39.7h-53.9v229.2h53.9V309.6c0-19.9,4.5-36.3,13.4-48.7c8.8-12.2,20.5-18.4,34.9-18.4c4.9,0,10.3,0.8,16.2,2.4
c5.8,1.6,10.1,3.3,12.6,5.1l2.3,1.6v-54.4l-0.9-0.4c-5-2.1-12.1-3.2-21.1-3.2c-13.5,0-25.7,4.4-36.1,12.9
c-9.1,7.5-15.7,17.9-20.7,30.7H1456.9z M1306.4,192.1c-24.7,0-46.8,5.3-65.6,15.8c-18.8,10.5-33.3,25.4-43.2,44.5
c-9.9,19-14.9,41.1-14.9,65.9c0,21.7,4.8,41.5,14.4,59c9.6,17.5,23.2,31.3,40.3,40.8c17.2,9.5,37,14.3,58.9,14.3
c25.6,0,47.5-5.1,65-15.2l0.7-0.4v-49.4l-2.3,1.7c-7.9,5.8-16.8,10.4-26.4,13.7c-9.5,3.3-18.2,5-25.8,5c-21.2,0-38.1-6.6-50.5-19.7
c-12.4-13.1-18.6-31.4-18.6-54.5c0-23.2,6.5-42.1,19.4-55.9c12.8-13.8,29.8-20.9,50.6-20.9c17.7,0,35,6,51.3,17.9l2.3,1.6v-52
l-0.7-0.4c-6.1-3.4-14.5-6.3-24.9-8.4C1326.2,193.2,1316,192.1,1306.4,192.1 M1145.6,197.6h-53.9v229.2h53.9V197.6L1145.6,197.6z
M1119.2,100c-8.9,0-16.6,3-23,9c-6.4,6-9.6,13.6-9.6,22.5c0,8.8,3.2,16.2,9.5,22c6.3,5.8,14,8.8,23.1,8.8c9,0,16.8-3,23.2-8.8
c6.4-5.9,9.6-13.3,9.6-22.1c0-8.6-3.2-16.1-9.4-22.2C1136.4,103.1,1128.6,100,1119.2,100 M984.7,180.7v246.1h55V107h-76.1
l-96.8,237.5L772.9,107h-79.2v319.8h51.7V180.7h1.8l99.2,246.1h39l97.6-246.1L984.7,180.7L984.7,180.7z"/>
<path class="st0" d="M253.6,253.7H0V0.1h253.6V253.7z"/>
<path class="st0" d="M533.6,253.7H280V0.1h253.6L533.6,253.7L533.6,253.7z"/>
<path class="st0" d="M253.6,533.9H0V280.3h253.6V533.9z"/>
<path class="st0" d="M533.6,533.9H280V280.3h253.6L533.6,533.9L533.6,533.9z"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
src/assets/img/logos/themeforest.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

90
src/pug/index.pug
View File

@ -13,7 +13,7 @@ html(lang='en')
link(rel='icon', type='image/x-icon', href='assets/img/favicon.ico') link(rel='icon', type='image/x-icon', href='assets/img/favicon.ico')
// Font Awesome icons (free version) // Font Awesome icons (free version)
script(src='https://use.fontawesome.com/releases/v5.15.1/js/all.js', crossorigin='anonymous') script(src='https://use.fontawesome.com/releases/v5.15.3/js/all.js', crossorigin='anonymous')
// Google fonts // Google fonts
link(href='https://fonts.googleapis.com/css?family=Montserrat:400,700', rel='stylesheet', type='text/css') link(href='https://fonts.googleapis.com/css?family=Montserrat:400,700', rel='stylesheet', type='text/css')
@ -29,7 +29,7 @@ html(lang='en')
nav#mainNav.navbar.navbar-expand-lg.navbar-dark.fixed-top nav#mainNav.navbar.navbar-expand-lg.navbar-dark.fixed-top
.container .container
a.navbar-brand.js-scroll-trigger(href='#page-top') a.navbar-brand.js-scroll-trigger(href='#page-top')
img(src='assets/img/navbar-logo.svg', alt='') img(src='assets/img/navbar-logo.svg', alt='...')
button.navbar-toggler.navbar-toggler-right(type='button', data-toggle='collapse', data-target='#navbarResponsive', aria-controls='navbarResponsive', aria-expanded='false', aria-label='Toggle navigation') button.navbar-toggler.navbar-toggler-right(type='button', data-toggle='collapse', data-target='#navbarResponsive', aria-controls='navbarResponsive', aria-expanded='false', aria-label='Toggle navigation')
| Menu | Menu
i.fas.fa-bars.ml-1 i.fas.fa-bars.ml-1
@ -94,7 +94,7 @@ html(lang='en')
.portfolio-hover .portfolio-hover
.portfolio-hover-content .portfolio-hover-content
i.fas.fa-plus.fa-3x i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/01-thumbnail.jpg', alt='') img.img-fluid(src='assets/img/portfolio/01-thumbnail.jpg', alt='...')
.portfolio-caption .portfolio-caption
.portfolio-caption-heading Threads .portfolio-caption-heading Threads
.portfolio-caption-subheading.text-muted Illustration .portfolio-caption-subheading.text-muted Illustration
@ -104,7 +104,7 @@ html(lang='en')
.portfolio-hover .portfolio-hover
.portfolio-hover-content .portfolio-hover-content
i.fas.fa-plus.fa-3x i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/02-thumbnail.jpg', alt='') img.img-fluid(src='assets/img/portfolio/02-thumbnail.jpg', alt='...')
.portfolio-caption .portfolio-caption
.portfolio-caption-heading Explore .portfolio-caption-heading Explore
.portfolio-caption-subheading.text-muted Graphic Design .portfolio-caption-subheading.text-muted Graphic Design
@ -114,7 +114,7 @@ html(lang='en')
.portfolio-hover .portfolio-hover
.portfolio-hover-content .portfolio-hover-content
i.fas.fa-plus.fa-3x i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/03-thumbnail.jpg', alt='') img.img-fluid(src='assets/img/portfolio/03-thumbnail.jpg', alt='...')
.portfolio-caption .portfolio-caption
.portfolio-caption-heading Finish .portfolio-caption-heading Finish
.portfolio-caption-subheading.text-muted Identity .portfolio-caption-subheading.text-muted Identity
@ -124,7 +124,7 @@ html(lang='en')
.portfolio-hover .portfolio-hover
.portfolio-hover-content .portfolio-hover-content
i.fas.fa-plus.fa-3x i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/04-thumbnail.jpg', alt='') img.img-fluid(src='assets/img/portfolio/04-thumbnail.jpg', alt='...')
.portfolio-caption .portfolio-caption
.portfolio-caption-heading Lines .portfolio-caption-heading Lines
.portfolio-caption-subheading.text-muted Branding .portfolio-caption-subheading.text-muted Branding
@ -134,7 +134,7 @@ html(lang='en')
.portfolio-hover .portfolio-hover
.portfolio-hover-content .portfolio-hover-content
i.fas.fa-plus.fa-3x i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/05-thumbnail.jpg', alt='') img.img-fluid(src='assets/img/portfolio/05-thumbnail.jpg', alt='...')
.portfolio-caption .portfolio-caption
.portfolio-caption-heading Southwest .portfolio-caption-heading Southwest
.portfolio-caption-subheading.text-muted Website Design .portfolio-caption-subheading.text-muted Website Design
@ -144,7 +144,7 @@ html(lang='en')
.portfolio-hover .portfolio-hover
.portfolio-hover-content .portfolio-hover-content
i.fas.fa-plus.fa-3x i.fas.fa-plus.fa-3x
img.img-fluid(src='assets/img/portfolio/06-thumbnail.jpg', alt='') img.img-fluid(src='assets/img/portfolio/06-thumbnail.jpg', alt='...')
.portfolio-caption .portfolio-caption
.portfolio-caption-heading Window .portfolio-caption-heading Window
.portfolio-caption-subheading.text-muted Photography .portfolio-caption-subheading.text-muted Photography
@ -158,7 +158,7 @@ html(lang='en')
ul.timeline ul.timeline
li li
.timeline-image .timeline-image
img.rounded-circle.img-fluid(src='assets/img/about/1.jpg', alt='') img.rounded-circle.img-fluid(src='assets/img/about/1.jpg', alt='...')
.timeline-panel .timeline-panel
.timeline-heading .timeline-heading
h4 2009-2011 h4 2009-2011
@ -168,7 +168,7 @@ html(lang='en')
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!
li.timeline-inverted li.timeline-inverted
.timeline-image .timeline-image
img.rounded-circle.img-fluid(src='assets/img/about/2.jpg', alt='') img.rounded-circle.img-fluid(src='assets/img/about/2.jpg', alt='...')
.timeline-panel .timeline-panel
.timeline-heading .timeline-heading
h4 March 2011 h4 March 2011
@ -178,20 +178,20 @@ html(lang='en')
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!
li li
.timeline-image .timeline-image
img.rounded-circle.img-fluid(src='assets/img/about/3.jpg', alt='') img.rounded-circle.img-fluid(src='assets/img/about/3.jpg', alt='...')
.timeline-panel .timeline-panel
.timeline-heading .timeline-heading
h4 December 2012 h4 December 2015
h4.subheading Transition to Full Service h4.subheading Transition to Full Service
.timeline-body .timeline-body
p.text-muted p.text-muted
| Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur! | Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt ut voluptatum eius sapiente, totam reiciendis temporibus qui quibusdam, recusandae sit vero unde, sed, incidunt et ea quo dolore laudantium consectetur!
li.timeline-inverted li.timeline-inverted
.timeline-image .timeline-image
img.rounded-circle.img-fluid(src='assets/img/about/4.jpg', alt='') img.rounded-circle.img-fluid(src='assets/img/about/4.jpg', alt='...')
.timeline-panel .timeline-panel
.timeline-heading .timeline-heading
h4 July 2014 h4 July 2020
h4.subheading Phase Two Expansion h4.subheading Phase Two Expansion
.timeline-body .timeline-body
p.text-muted p.text-muted
@ -214,7 +214,7 @@ html(lang='en')
.row .row
.col-lg-4 .col-lg-4
.team-member .team-member
img.mx-auto.rounded-circle(src='assets/img/team/1.jpg', alt='') img.mx-auto.rounded-circle(src='assets/img/team/1.jpg', alt='...')
h4 Kay Garland h4 Kay Garland
p.text-muted Lead Designer p.text-muted Lead Designer
a.btn.btn-dark.btn-social.mx-2(href='#!') a.btn.btn-dark.btn-social.mx-2(href='#!')
@ -225,7 +225,7 @@ html(lang='en')
i.fab.fa-linkedin-in i.fab.fa-linkedin-in
.col-lg-4 .col-lg-4
.team-member .team-member
img.mx-auto.rounded-circle(src='assets/img/team/2.jpg', alt='') img.mx-auto.rounded-circle(src='assets/img/team/2.jpg', alt='...')
h4 Larry Parker h4 Larry Parker
p.text-muted Lead Marketer p.text-muted Lead Marketer
a.btn.btn-dark.btn-social.mx-2(href='#!') a.btn.btn-dark.btn-social.mx-2(href='#!')
@ -236,7 +236,7 @@ html(lang='en')
i.fab.fa-linkedin-in i.fab.fa-linkedin-in
.col-lg-4 .col-lg-4
.team-member .team-member
img.mx-auto.rounded-circle(src='assets/img/team/3.jpg', alt='') img.mx-auto.rounded-circle(src='assets/img/team/3.jpg', alt='...')
h4 Diana Petersen h4 Diana Petersen
p.text-muted Lead Developer p.text-muted Lead Developer
a.btn.btn-dark.btn-social.mx-2(href='#!') a.btn.btn-dark.btn-social.mx-2(href='#!')
@ -253,19 +253,19 @@ html(lang='en')
// Clients // Clients
div.py-5 div.py-5
.container .container
.row .row.align-items-center
.col-md-3.col-sm-6.my-3 .col-md-3.col-sm-6.my-3
a(href='#!') a(href='#!')
img.img-fluid.d-block.mx-auto(src='assets/img/logos/envato.jpg', alt='') img.img-fluid.img-brand.d-block.mx-auto(src='assets/img/logos/microsoft.svg', alt='...')
.col-md-3.col-sm-6.my-3 .col-md-3.col-sm-6.my-3
a(href='#!') a(href='#!')
img.img-fluid.d-block.mx-auto(src='assets/img/logos/designmodo.jpg', alt='') img.img-fluid.img-brand.d-block.mx-auto(src='assets/img/logos/google.svg', alt='...')
.col-md-3.col-sm-6.my-3 .col-md-3.col-sm-6.my-3
a(href='#!') a(href='#!')
img.img-fluid.d-block.mx-auto(src='assets/img/logos/themeforest.jpg', alt='') img.img-fluid.img-brand.d-block.mx-auto(src='assets/img/logos/facebook.svg', alt='...')
.col-md-3.col-sm-6.my-3 .col-md-3.col-sm-6.my-3
a(href='#!') a(href='#!')
img.img-fluid.d-block.mx-auto(src='assets/img/logos/creative-market.jpg', alt='') img.img-fluid.img-brand.d-block.mx-auto(src='assets/img/logos/ibm.svg', alt='...')
// Contact // Contact
section#contact.page-section section#contact.page-section
@ -298,7 +298,11 @@ html(lang='en')
.container .container
.row.align-items-center .row.align-items-center
.col-lg-4.text-lg-left .col-lg-4.text-lg-left
| Copyright © Your Website 2020 | Copyright &copy; Your Website
// This script automatically adds the current year to your website footer
// (credit: https://updateyourfooter.com/)
script.
document.write(new Date().getFullYear());
.col-lg-4.my-3.my-lg-0 .col-lg-4.my-3.my-lg-0
a.btn.btn-dark.btn-social.mx-2(href='#!') a.btn.btn-dark.btn-social.mx-2(href='#!')
i.fab.fa-twitter i.fab.fa-twitter
@ -316,7 +320,7 @@ html(lang='en')
.modal-dialog .modal-dialog
.modal-content .modal-content
.close-modal(data-dismiss='modal') .close-modal(data-dismiss='modal')
img(src="assets/img/close-icon.svg", alt='Close modal') img(src='assets/img/close-icon.svg', alt='Close modal')
.container .container
.row.justify-content-center .row.justify-content-center
.col-lg-8 .col-lg-8
@ -324,10 +328,10 @@ html(lang='en')
// Project Details Go Here // Project Details Go Here
h2.text-uppercase Project Name h2.text-uppercase Project Name
p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur. p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur.
img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/01-full.jpg', alt='') img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/01-full.jpg', alt='...')
p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
ul.list-inline ul.list-inline
li Date: January 2020 li Date: January 2021
li Client: Threads li Client: Threads
li Category: Illustration li Category: Illustration
button.btn.btn-primary(data-dismiss='modal', type='button') button.btn.btn-primary(data-dismiss='modal', type='button')
@ -338,7 +342,7 @@ html(lang='en')
.modal-dialog .modal-dialog
.modal-content .modal-content
.close-modal(data-dismiss='modal') .close-modal(data-dismiss='modal')
img(src="assets/img/close-icon.svg", alt='Close modal') img(src='assets/img/close-icon.svg', alt='Close modal')
.container .container
.row.justify-content-center .row.justify-content-center
.col-lg-8 .col-lg-8
@ -346,10 +350,10 @@ html(lang='en')
// Project Details Go Here // Project Details Go Here
h2.text-uppercase Project Name h2.text-uppercase Project Name
p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur. p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur.
img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/02-full.jpg', alt='') img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/02-full.jpg', alt='...')
p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
ul.list-inline ul.list-inline
li Date: January 2020 li Date: January 2021
li Client: Explore li Client: Explore
li Category: Graphic Design li Category: Graphic Design
button.btn.btn-primary(data-dismiss='modal', type='button') button.btn.btn-primary(data-dismiss='modal', type='button')
@ -360,7 +364,7 @@ html(lang='en')
.modal-dialog .modal-dialog
.modal-content .modal-content
.close-modal(data-dismiss='modal') .close-modal(data-dismiss='modal')
img(src="assets/img/close-icon.svg", alt='Close modal') img(src='assets/img/close-icon.svg', alt='Close modal')
.container .container
.row.justify-content-center .row.justify-content-center
.col-lg-8 .col-lg-8
@ -368,10 +372,10 @@ html(lang='en')
// Project Details Go Here // Project Details Go Here
h2.text-uppercase Project Name h2.text-uppercase Project Name
p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur. p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur.
img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/03-full.jpg', alt='') img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/03-full.jpg', alt='...')
p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
ul.list-inline ul.list-inline
li Date: January 2020 li Date: January 2021
li Client: Finish li Client: Finish
li Category: Identity li Category: Identity
button.btn.btn-primary(data-dismiss='modal', type='button') button.btn.btn-primary(data-dismiss='modal', type='button')
@ -382,7 +386,7 @@ html(lang='en')
.modal-dialog .modal-dialog
.modal-content .modal-content
.close-modal(data-dismiss='modal') .close-modal(data-dismiss='modal')
img(src="assets/img/close-icon.svg", alt='Close modal') img(src='assets/img/close-icon.svg', alt='Close modal')
.container .container
.row.justify-content-center .row.justify-content-center
.col-lg-8 .col-lg-8
@ -390,10 +394,10 @@ html(lang='en')
// Project Details Go Here // Project Details Go Here
h2.text-uppercase Project Name h2.text-uppercase Project Name
p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur. p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur.
img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/04-full.jpg', alt='') img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/04-full.jpg', alt='...')
p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
ul.list-inline ul.list-inline
li Date: January 2020 li Date: January 2021
li Client: Lines li Client: Lines
li Category: Branding li Category: Branding
button.btn.btn-primary(data-dismiss='modal', type='button') button.btn.btn-primary(data-dismiss='modal', type='button')
@ -404,7 +408,7 @@ html(lang='en')
.modal-dialog .modal-dialog
.modal-content .modal-content
.close-modal(data-dismiss='modal') .close-modal(data-dismiss='modal')
img(src="assets/img/close-icon.svg", alt='Close modal') img(src='assets/img/close-icon.svg', alt='Close modal')
.container .container
.row.justify-content-center .row.justify-content-center
.col-lg-8 .col-lg-8
@ -412,10 +416,10 @@ html(lang='en')
// Project Details Go Here // Project Details Go Here
h2.text-uppercase Project Name h2.text-uppercase Project Name
p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur. p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur.
img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/05-full.jpg', alt='') img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/05-full.jpg', alt='...')
p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
ul.list-inline ul.list-inline
li Date: January 2020 li Date: January 2021
li Client: Southwest li Client: Southwest
li Category: Website Design li Category: Website Design
button.btn.btn-primary(data-dismiss='modal', type='button') button.btn.btn-primary(data-dismiss='modal', type='button')
@ -426,7 +430,7 @@ html(lang='en')
.modal-dialog .modal-dialog
.modal-content .modal-content
.close-modal(data-dismiss='modal') .close-modal(data-dismiss='modal')
img(src="assets/img/close-icon.svg", alt='Close modal') img(src='assets/img/close-icon.svg', alt='Close modal')
.container .container
.row.justify-content-center .row.justify-content-center
.col-lg-8 .col-lg-8
@ -434,10 +438,10 @@ html(lang='en')
// Project Details Go Here // Project Details Go Here
h2.text-uppercase Project Name h2.text-uppercase Project Name
p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur. p.item-intro.text-muted Lorem ipsum dolor sit amet consectetur.
img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/06-full.jpg', alt='') img.img-fluid.d-block.mx-auto(src='assets/img/portfolio/06-full.jpg', alt='...')
p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo! p Use this area to describe your project. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est blanditiis dolorem culpa incidunt minus dignissimos deserunt repellat aperiam quasi sunt officia expedita beatae cupiditate, maiores repudiandae, nostrum, reiciendis facere nemo!
ul.list-inline ul.list-inline
li Date: January 2020 li Date: January 2021
li Client: Window li Client: Window
li Category: Photography li Category: Photography
button.btn.btn-primary(data-dismiss='modal', type='button') button.btn.btn-primary(data-dismiss='modal', type='button')
@ -445,8 +449,8 @@ html(lang='en')
| Close Project | Close Project
// Bootstrap core JS // Bootstrap core JS
script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js') script(src='https://code.jquery.com/jquery-3.5.1.min.js')
script(src='https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js') script(src='https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js')
// Third party plugin JS // Third party plugin JS
script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js') script(src='https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js')

2
src/scss/_global.scss
View File

@ -9,11 +9,13 @@ p {
.page-section { .page-section {
padding: 6rem 0; padding: 6rem 0;
h2.section-heading { h2.section-heading {
font-size: 2.5rem; font-size: 2.5rem;
margin-top: 0; margin-top: 0;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
h3.section-subheading { h3.section-subheading {
font-size: 1rem; font-size: 1rem;
font-weight: 400; font-weight: 400;

12
src/scss/components/_navbar.scss
View File

@ -3,6 +3,7 @@
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
background-color: $gray-900; background-color: $gray-900;
.navbar-toggler { .navbar-toggler {
padding: 0.75rem; padding: 0.75rem;
font-family: $headings-font-family; font-family: $headings-font-family;
@ -12,16 +13,19 @@
background-color: $primary; background-color: $primary;
border: 0; border: 0;
} }
.navbar-brand { .navbar-brand {
color: $primary; color: $primary;
font-family: $headings-font-family; font-family: $headings-font-family;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
letter-spacing: $headings-letter-spacing; letter-spacing: $headings-letter-spacing;
text-transform: uppercase; text-transform: uppercase;
img { img {
height: 1.5rem; height: 1.5rem;
} }
} }
.navbar-nav { .navbar-nav {
.nav-item { .nav-item {
.nav-link { .nav-link {
@ -29,6 +33,7 @@
font-size: 0.95rem; font-size: 0.95rem;
color: $white; color: $white;
letter-spacing: $headings-letter-spacing; letter-spacing: $headings-letter-spacing;
&.active, &.active,
&:hover { &:hover {
color: $primary; color: $primary;
@ -47,29 +52,36 @@
background-color: transparent; background-color: transparent;
transition: padding-top 0.3s ease-in-out, transition: padding-top 0.3s ease-in-out,
padding-bottom 0.3s ease-in-out; padding-bottom 0.3s ease-in-out;
.navbar-brand { .navbar-brand {
font-size: 1.5em; font-size: 1.5em;
transition: font-size 0.3s ease-in-out; transition: font-size 0.3s ease-in-out;
img { img {
height: 2rem; height: 2rem;
transition: height 0.3s ease-in-out; transition: height 0.3s ease-in-out;
} }
} }
// Styling for when the navbar shrinks on larger screens // Styling for when the navbar shrinks on larger screens
&.navbar-shrink { &.navbar-shrink {
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
background-color: $gray-900; background-color: $gray-900;
.navbar-brand { .navbar-brand {
font-size: 1.25em; font-size: 1.25em;
svg, svg,
img { img {
height: 1.5rem; height: 1.5rem;
} }
} }
} }
.navbar-nav .nav-item { .navbar-nav .nav-item {
margin-right: 1rem; margin-right: 1rem;
&:last-child { &:last-child {
margin-right: 0; margin-right: 0;
} }

12
src/scss/sections/_contact.scss
View File

@ -4,49 +4,61 @@ section#contact {
background-image: url("../assets/img/map-image.png"); background-image: url("../assets/img/map-image.png");
background-repeat: no-repeat; background-repeat: no-repeat;
background-position: center; background-position: center;
.section-heading { .section-heading {
color: $white; color: $white;
} }
form#contactForm { form#contactForm {
.form-group { .form-group {
margin-bottom: $grid-gutter-width; margin-bottom: $grid-gutter-width;
input, input,
textarea { textarea {
padding: 1.25rem; padding: 1.25rem;
} }
input.form-control { input.form-control {
height: auto; height: auto;
} }
} }
.form-group-textarea { .form-group-textarea {
height: 100%; height: 100%;
textarea { textarea {
height: 100%; height: 100%;
min-height: 10rem; min-height: 10rem;
} }
} }
p.help-block { p.help-block {
margin: 0; margin: 0;
} }
.form-control:focus { .form-control:focus {
border-color: $primary; border-color: $primary;
box-shadow: none; box-shadow: none;
} }
::-webkit-input-placeholder { ::-webkit-input-placeholder {
font-family: $headings-font-family; font-family: $headings-font-family;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
color: $gray-400; color: $gray-400;
} }
:-moz-placeholder { :-moz-placeholder {
font-family: $headings-font-family; font-family: $headings-font-family;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
color: $gray-400; color: $gray-400;
} }
::-moz-placeholder { ::-moz-placeholder {
font-family: $headings-font-family; font-family: $headings-font-family;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
color: $gray-400; color: $gray-400;
} }
:-ms-input-placeholder { :-ms-input-placeholder {
font-family: $headings-font-family; font-family: $headings-font-family;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;

4
src/scss/sections/_masthead.scss
View File

@ -9,6 +9,7 @@ header.masthead {
background-attachment: scroll; background-attachment: scroll;
background-position: center center; background-position: center center;
background-size: cover; background-size: cover;
.masthead-subheading { .masthead-subheading {
font-size: 1.5rem; font-size: 1.5rem;
font-style: italic; font-style: italic;
@ -16,6 +17,7 @@ header.masthead {
margin-bottom: 25px; margin-bottom: 25px;
font-family: $subheadings-font-family; font-family: $subheadings-font-family;
} }
.masthead-heading { .masthead-heading {
font-size: 3.25rem; font-size: 3.25rem;
font-weight: 700; font-weight: 700;
@ -29,12 +31,14 @@ header.masthead {
header.masthead { header.masthead {
padding-top: 12.5rem + 4.5rem; padding-top: 12.5rem + 4.5rem;
padding-bottom: 12.5rem; padding-bottom: 12.5rem;
.masthead-subheading { .masthead-subheading {
font-size: 2.25rem; font-size: 2.25rem;
font-style: italic; font-style: italic;
line-height: 2.25rem; line-height: 2.25rem;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
.masthead-heading { .masthead-heading {
font-size: 4.5rem; font-size: 4.5rem;
font-weight: 700; font-weight: 700;

15
src/scss/sections/_portfolio.scss
View File

@ -4,10 +4,12 @@
max-width: 25rem; max-width: 25rem;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
.portfolio-link { .portfolio-link {
position: relative; position: relative;
display: block; display: block;
margin: 0 auto; margin: 0 auto;
.portfolio-hover { .portfolio-hover {
display: flex; display: flex;
position: absolute; position: absolute;
@ -18,27 +20,32 @@
justify-content: center; justify-content: center;
opacity: 0; opacity: 0;
transition: opacity ease-in-out 0.25s; transition: opacity ease-in-out 0.25s;
.portfolio-hover-content { .portfolio-hover-content {
font-size: 1.25rem; font-size: 1.25rem;
color: white; color: white;
} }
} }
&:hover { &:hover {
.portfolio-hover { .portfolio-hover {
opacity: 1; opacity: 1;
} }
} }
} }
.portfolio-caption { .portfolio-caption {
padding: 1.5rem; padding: 1.5rem;
text-align: center; text-align: center;
background-color: $white; background-color: $white;
.portfolio-caption-heading { .portfolio-caption-heading {
font-size: 1.5rem; font-size: 1.5rem;
font-family: $headings-font-family; font-family: $headings-font-family;
font-weight: $headings-font-weight; font-weight: $headings-font-weight;
margin-bottom: 0; margin-bottom: 0;
} }
.portfolio-caption-subheading { .portfolio-caption-subheading {
font-style: italic; font-style: italic;
font-family: $subheadings-font-family; font-family: $subheadings-font-family;
@ -52,29 +59,36 @@
margin: 1rem; margin: 1rem;
max-width: 100vw; max-width: 100vw;
} }
.modal-content { .modal-content {
padding-top: 6rem; padding-top: 6rem;
padding-bottom: 6rem; padding-bottom: 6rem;
text-align: center; text-align: center;
h2 { h2 {
font-size: 3rem; font-size: 3rem;
line-height: 3rem; line-height: 3rem;
} }
p.item-intro { p.item-intro {
font-style: italic; font-style: italic;
margin-bottom: 2rem; margin-bottom: 2rem;
font-family: $subheadings-font-family; font-family: $subheadings-font-family;
} }
p { p {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
ul.list-inline { ul.list-inline {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
img { img {
margin-bottom: 2rem; margin-bottom: 2rem;
} }
} }
.close-modal { .close-modal {
position: absolute; position: absolute;
top: 1.5rem; top: 1.5rem;
@ -83,6 +97,7 @@
height: 3rem; height: 3rem;
cursor: pointer; cursor: pointer;
background-color: transparent; background-color: transparent;
&:hover { &:hover {
opacity: 0.3; opacity: 0.3;
} }

7
src/scss/sections/_team.scss
View File

@ -2,13 +2,20 @@
.team-member { .team-member {
margin-bottom: 3rem; margin-bottom: 3rem;
text-align: center; text-align: center;
img { img {
width: 14rem; width: 14rem;
height: 14rem; height: 14rem;
border: 0.5rem solid fade-out($black, 0.9); border: 0.5rem solid fade-out($black, 0.9);
} }
h4 { h4 {
margin-top: 1.5rem; margin-top: 1.5rem;
margin-bottom: 0; margin-bottom: 0;
} }
} }
// Brand images for client section
.img-brand {
height: 2.75rem;
}

33
src/scss/sections/_timeline.scss
View File

@ -3,6 +3,7 @@
position: relative; position: relative;
padding: 0; padding: 0;
list-style: none; list-style: none;
&:before { &:before {
position: absolute; position: absolute;
top: 0; top: 0;
@ -13,30 +14,36 @@
content: ""; content: "";
background-color: $gray-200; background-color: $gray-200;
} }
>li { >li {
position: relative; position: relative;
min-height: 50px; min-height: 50px;
margin-bottom: 50px; margin-bottom: 50px;
&:after, &:after,
&:before { &:before {
display: table; display: table;
content: " "; content: " ";
} }
&:after { &:after {
clear: both; clear: both;
} }
.timeline-panel { .timeline-panel {
position: relative; position: relative;
float: right; float: right;
width: 100%; width: 100%;
padding: 0 20px 0 100px; padding: 0 20px 0 100px;
text-align: left; text-align: left;
&:before { &:before {
right: auto; right: auto;
left: -15px; left: -15px;
border-right-width: 15px; border-right-width: 15px;
border-left-width: 0; border-left-width: 0;
} }
&:after { &:after {
right: auto; right: auto;
left: -14px; left: -14px;
@ -44,6 +51,7 @@
border-left-width: 0; border-left-width: 0;
} }
} }
.timeline-image { .timeline-image {
position: absolute; position: absolute;
z-index: 100; z-index: 100;
@ -56,22 +64,26 @@
border: 7px solid $gray-200; border: 7px solid $gray-200;
border-radius: 100%; border-radius: 100%;
background-color: $primary; background-color: $primary;
h4 { h4 {
font-size: 10px; font-size: 10px;
line-height: 14px; line-height: 14px;
margin-top: 12px; margin-top: 12px;
} }
} }
&.timeline-inverted>.timeline-panel { &.timeline-inverted>.timeline-panel {
float: right; float: right;
padding: 0 20px 0 100px; padding: 0 20px 0 100px;
text-align: left; text-align: left;
&:before { &:before {
right: auto; right: auto;
left: -15px; left: -15px;
border-right-width: 15px; border-right-width: 15px;
border-left-width: 0; border-left-width: 0;
} }
&:after { &:after {
right: auto; right: auto;
left: -14px; left: -14px;
@ -79,51 +91,62 @@
border-left-width: 0; border-left-width: 0;
} }
} }
&:last-child { &:last-child {
margin-bottom: 0; margin-bottom: 0;
} }
} }
.timeline-heading { .timeline-heading {
h4 { h4 {
margin-top: 0; margin-top: 0;
color: inherit; color: inherit;
&.subheading { &.subheading {
text-transform: none; text-transform: none;
} }
} }
} }
.timeline-body { .timeline-body {
>ul, >ul,
>p { >p {
margin-bottom: 0; margin-bottom: 0;
} }
} }
} }
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
.timeline { .timeline {
&:before { &:before {
left: 50%; left: 50%;
} }
>li { >li {
min-height: 100px; min-height: 100px;
margin-bottom: 100px; margin-bottom: 100px;
.timeline-panel { .timeline-panel {
float: left; float: left;
width: 41%; width: 41%;
padding: 0 20px 20px 30px; padding: 0 20px 20px 30px;
text-align: right; text-align: right;
} }
.timeline-image { .timeline-image {
left: 50%; left: 50%;
width: 100px; width: 100px;
height: 100px; height: 100px;
margin-left: -50px; margin-left: -50px;
h4 { h4 {
font-size: 13px; font-size: 13px;
line-height: 18px; line-height: 18px;
margin-top: 16px; margin-top: 16px;
} }
} }
&.timeline-inverted>.timeline-panel { &.timeline-inverted>.timeline-panel {
float: right; float: right;
padding: 0 30px 20px 20px; padding: 0 30px 20px 20px;
@ -132,44 +155,54 @@
} }
} }
} }
@include media-breakpoint-up(lg) { @include media-breakpoint-up(lg) {
.timeline { .timeline {
>li { >li {
min-height: 150px; min-height: 150px;
.timeline-panel { .timeline-panel {
padding: 0 20px 20px; padding: 0 20px 20px;
} }
.timeline-image { .timeline-image {
width: 150px; width: 150px;
height: 150px; height: 150px;
margin-left: -75px; margin-left: -75px;
h4 { h4 {
font-size: 18px; font-size: 18px;
line-height: 26px; line-height: 26px;
margin-top: 30px; margin-top: 30px;
} }
} }
&.timeline-inverted>.timeline-panel { &.timeline-inverted>.timeline-panel {
padding: 0 20px 20px; padding: 0 20px 20px;
} }
} }
} }
} }
@include media-breakpoint-up(xl) { @include media-breakpoint-up(xl) {
.timeline { .timeline {
>li { >li {
min-height: 170px; min-height: 170px;
.timeline-panel { .timeline-panel {
padding: 0 20px 20px 100px; padding: 0 20px 20px 100px;
} }
.timeline-image { .timeline-image {
width: 170px; width: 170px;
height: 170px; height: 170px;
margin-left: -85px; margin-left: -85px;
h4 { h4 {
margin-top: 40px; margin-top: 40px;
} }
} }
&.timeline-inverted>.timeline-panel { &.timeline-inverted>.timeline-panel {
padding: 0 100px 20px 20px; padding: 0 100px 20px 20px;
} }