Commit f66275ed authored by Mamtha Adepu's avatar Mamtha Adepu

Worked on homepage , about , contact and heads and tales pages

parent 17a37770
......@@ -4,7 +4,8 @@
{% set page = 'about-us' %}
{% block content %}
{% include "includes/hero-banner.html" %}
{% include "includes/hero-banner-about.html" %}
{%include "includes/about-intro.html"%}
{%include "includes/team-members.html"%}
{%include "includes/our-story.html"%}
......
......@@ -4,6 +4,6 @@
{% set page = 'contact-us' %}
{% block content %}
{% include "includes/hero-banner.html" %}
{% include "includes/hero-banner-contact.html" %}
{%include "includes/locations-details.html"%}
{% endblock %}
{% extends "layouts/default.njk" %}
{% set title = 'About us' %}
{% set page = 'about-us' %}
{% block content %}
{% include "includes/hero-banner-heads-and-tales.html" %}
{%include "includes/about-us-score.html"%}
{%include "includes/our-services.html"%}
{%include "includes/team-members-single.html"%}
{% endblock %}
src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 15 (1).jpg

66.4 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 15 (2).jpg

49.5 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 15-round.jpg

65.3 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 15.jpg

60.3 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 16 (1).jpg

42.6 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 16 (2).jpg

46.7 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 16.jpg

49.8 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/image 18.jpg

69.9 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/marathon.jpg

390 KB

src/Projects/HGX_CorporateMedia_HTML_setup/app/images/office.jpg

346 KB

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.5.0, 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 606.6 648" style="enable-background:new 0 0 606.6 648;" xml:space="preserve">
<style type="text/css">
.st0{fill:none;stroke:#FFFFFF;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
</style>
<path class="st0" d="M53.4,648c-13.1-64.3-22-105.4-37.7-182.6c27.7-0.6,71.4-1.2,99.1-1.8c11.8,57.8,26.2,113,37.9,170.8
c-19.3,1.1-62.9,2.2-82.2,3.3c72.5-3.6,142.6-3.8,222.9-3.8c-0.1,4.3-0.2,4.2,2.2,12.9c13.1-1.2,85.5,0.3,98.6-0.8
c-17.6-15.3-107.1-13.6-130.2-22.1c-0.8-9.2-1.7-18.3-1.5-28.3l-3.4-13.7c-20.9-0.7-41.7-1.4-62.6-2.1c-2.6-0.1-5.3-0.2-7.8,0.5
c-3.6,0.9-6.7,3.2-9.5,5.6c-11,9.7-18.6,23.1-21.3,37.4c-0.8,4.5-1,9.6,2.1,12.9c8.3-13.3,16-27.1,22.8-41.2
c-6.4,6.9-11.5,15-14.9,23.8c-1.2,3.1-2.3,6.6-1.4,9.9c0.9,3.3,4.3,6,7.5,5c1.4-0.5,2.5-1.5,3.6-2.6c9.3-9.5,17.3-20.4,23.4-32.3
c-7.8,6-14.3,13.8-18.8,22.6c-1.9,3.6-2.7,9.3,1.1,10.7c2.1,0.8,4.5-0.3,6.4-1.6c10.5-6.6,19.3-16,25.3-26.9c-6.8,6-12,13.8-15,22.4
c-0.6,1.6-0.9,3.8,0.4,4.8c0.9,0.7,2.2,0.6,3.3,0.3c8.2-2,14.2-9,20.4-14.7c1-0.9,2-1.8,3.3-2c1.6-0.3,3.2,0.4,4.7,1
c6.2,2.6,12.9,4.3,19.6,5.1c3,0.3,6.4,0.3,8.6-1.8c2.3-2.3,2.3-6,2.2-9.2c-0.3-7.7,0-15.4,0.8-23c0.2-2.1,0.5-4.2,1.7-6
c2-2.9,5.9-4.7,9.4-4.3c40.8,4.8,109.7,5.1,130.3,2.9c6.2-0.5,12.5-1,18.7-1.5c19.1-39.9,38.2-79.9,57.3-119.8
c8.3-17.4,13.9-44.6,33.1-46.8c32.4-3.7,3-5.3-4.8,0.6c-17.5,13.3-24,40.5-30.5,53.2c-0.8,1.5-1.7,3.1-3.4,3.5
c-1.2,0.2-7.8-3-8.9-3.7c-6.9-4.1-9.1-10.7-11.7-18.4c0,0-18.9-9.3-26.1-27.6c3-5.2,15.2-16.3,18.2-21.5
c-8.4,17.8-29.4,28.6-48.8,25c-6.6-1.2-13.1-4-17.3-9.2c-3.6-4.3-5.3-9.8-6.9-15.2c-7-23.9-12.5-48.3-15.3-70.9
c-1.1-9.8-0.3-19.8,2.3-29.3c12.3,7.9,19.1,23.2,32.6,28.8c10.1,4.2,22,2,32,6.3c8.9,3.8,15,12.1,20.7,20c-2.3-4.9-4.7-10-5.4-15.4
c-0.7-5.4,0.6-11.4,4.6-15.1c5.1-4.7,13.8-4.3,19.2,0.1c5.4,4.5,7.5,12.2,6.2,19c-1.3,6.9-5.6,12.9-10.9,17.4
c-0.9,0.7-2.8-0.5-1-0.2c4.5,13.8,8.6,27.9,9.3,42.4c0.8,14.5-2,29.5-10.1,41.5c13.7-8.2,27.4-16.4,41.2-24.7c0.8-0.5,1.6-1,2-1.8
c0.4-0.9,0.2-2-0.1-3.1l-4.9-18.9c-1.3,7.5,0.6,15.5,5.1,21.6c3.9-7.6,11.5-12.7,19.6-15.4c8.1-2.7,16.7-3.3,25-8.2
c-16-20.3-23.8-25.4-36.8-47.7c-13-22.3-26.7-70.9-50-82c-12.8-6.1-27-8.7-41.1-9.8c-18.8-1.4-44.7,8.5-58.8,21
c-15.8,14-19.1,37.2-19.8,58.4c-0.7,20.3,0,40.6,2.1,60.8c1.3,12.6,3.1,25.4,1.8,38c-1.3,12.6-6.3,25.5-16.3,33.4l32.4,4.1
c0.6-8.8,0.3-17.7-0.9-26.4c1.6,7.3,1.8,15,0.5,22.4c19.6,1.5,39.6,2,59.9-5.5c-1.3-11.6,16.2-16.6,17.5-27.1
c0.4,8.4,17.6,9.6,15,17.6c-17.2,52.7-12.7-26.1-48.3,18.2c-15.4,19.1-46.8,79.8-61.6,100.3c-23.3-0.4-46.6,0.9-69.7,4
c-9.1,1.2-19.4,3.5-24,11.5c7.3-2.4,14.2,5.3,16,12.8c1.9,7.5,1.3,15.7,5.3,22.3c5.9,9.7,18.9,11.8,30.2,12.8
c34.2,3.2,68.4,6.3,102.5,9.5c26,2.4,55.4,3.8,74.7-13.8c7.1-6.4,12.1-14.8,16.9-23.1c9.7-16.5,19.3-32.9,29-49.4
c-9.4,13.8-18.9,27.6-28.7,42.5c-12.1,10.8-26.7,20.2-42.9,20.8c-16.2,0.5-33.6-10.8-34.8-27c-0.3-4.5,0.5-9.1-0.7-13.3
c-1.2-4-4-7.3-6.3-10.9c-6.1-9.6-8.2-21.7-5.6-32.7c1.4-6.1,4.2-11.8,5.7-17.9c4.7-19.6-3.9-42.7,7.9-59c1.4-1.9,3.3-3.7,5.6-3.6
c1.6,0.1,3.1,1.1,4.4,2.1c5,3.7,10,7.5,15,11.2c2.3-8.3,6.8-15.9,13-21.9c6.2,5.5,13.4,9.9,21.1,12.9c6.6-28.3,31.8-51.2,60.6-55
c3.2-0.4,6.5-0.6,10.7,0c5.8,1.2,11.5,2.4,17.3,3.5c-1.2-50-15.9-70.3-17.2-120.3c-0.7-27-5.2-89.2-24.1-108.4
c-20.9-21.2-32.8-32.2-68.4-35.2l-19.1-7.3c-10.9,27.2-27.2,52.2-47.6,73.2c-1.5,1.5-3.7,3.2-5.6,2.2c-0.9-0.5-1.4-1.4-1.9-2.4
c-2.6-5.2-5.2-10.4-6.4-15.7l-8.7-10.2c14.1-14.2,24.4-32.1,29.7-51.4c-2,18.5-13.2,35.7-29.3,45c-4.1,2.4-8.7,4.3-13.4,3.7
c-5.4-0.7-9.8-4.6-13.6-8.5c-25.2-26.4-36.3-62.7-48.2-97.1c-0.7-2-1.4-4.1-2.9-5.6c-1.9-2-4.6-2.8-7-4.1c-7.3-4-10.8-13.8-7.8-21.6
c5.9,0.2,11.9-1.8,16.5-5.5c-5.6-2.4-12.3-8.2-8.8-13.2c1.4-1.9,3.8-2.7,6.1-3.3l47.9-13.1c23.8-6.5,51.7-12.4,71.4,2.6
c15.7,12,20.6,33.6,20.2,53.4c-0.4,19.8-4.9,39.4-2.3,61.3c0.6,3.2,1.2,6.6,0.1,9.7c-1.1,3.1-4.4,5.6-7.5,4.7
c-1.9-0.6-3.3-2.3-4.4-4c-4-5.8-7.1-12.2-9.4-18.8c8.8-2.8,10.8-14.1,11.3-23.3c0.3-5,0.3-10.6-3.3-14c-4-3.8-11.2-2.7-14.8,1.5
c-3.7,4.2-4.3,10.3-2.9,15.7c1.3,5.4,4.4,10.2,7.3,14.9l-12.5-24.5c-0.5-0.9-1-1.9-2-2.3c-2-0.8-3.8,1.4-5.8,2.4
c-4.4,2.2-9.1-2.7-11.1-7.2c-3.4-7.8-6.2-18-14.5-19.8c-6.6-1.4-12.6,3.7-18.6,6.8c-12.7,6.6-28,5-40.7,5.9
c7.4,36.7,23.4,71.6,46.2,101.3c-6.8-1.8-13.6-3.4-20.4-5c-2.3-0.5-4.7-1-6.9-0.2c-4.7,1.7-5.5,8.5-2.8,12.7
c2.8,4.2,7.7,6.2,12.3,8.1c-6.7,4.2-14.4,11.9-10.3,18.7c0.7,1.2,1.8,2.2,2.2,3.6c0.8,2.5-0.9,5-1.6,7.5c-2.2,7.3,3.7,14.5,9.8,19
c6.1,4.6,13.3,8.8,15.7,16.1c1,3.2,1.9,7.7,5.3,7.8c1.3,0,2.5-0.7,3.6-1.4l32.3-20.6c-4.6-9.5-7-20.1-7-30.7
c0-5.9,0.8-11.9-0.6-17.7c-1.4-5.7-5.7-11.3-12.9-11.1c-8.7-0.9-17.4-1.7-26.2-2.6c-4.5,4.8-0.7,13.6-4.9,18.6c-1.7,2-4.5,3-6,5.1
c-2.3,3.1-1.4,7.5-2.7,11.1c-0.8,2.2-2.4,4.1-3.2,6.3c-2,5.5,1.4,11.5,5.6,15.5c4.2,4,9.4,7.1,12.9,11.8c9.2,12.7,1.9,31.6,9.2,44.3
c-3.2-7.6-2.6-16.2-3.6-24.5c-1-8.2-4.4-17.2-12.1-20.3c-14.5,34.1-29.1,68.8-32.4,105.7c-4.1,45.9,7.4,56.2,47.6,51.2
c8.1-3.5,18.4-6.6,24.8-0.6c2.8,2.6,4.1,6.4,4.9,10.1c1.9,8,2.4,16.3,2.5,24.5c0.4,26.7-2.5,53.3-10.2,81.8
c-3.6,18-8.9,38.2-25,46.9c-11.8,6.4-26.3,4.6-39.5,2.3c10.4-32.1,20.9-64.7,22.1-98.4c0.3-9.9-0.2-20.1-4.6-29
c-5.7-11.6-17.4-19.3-29.7-23.2c-12.3-3.9-41-7.6-56-9.6c-5,2.8,0.2,10-2.6,5c-2.8-5-2.4-18.6-1-24.1c1.4-5.5,3.8-10.7,5-16.3
c1.6-7.6,0.8-15.4,0.6-23.2c-0.2-5.6,1.5-12.8,7-13.3c5-0.4,8.1,5.6,8.3,10.7c0.3,10.5-6.7,20.9-16.6,24.6c6.6-16.9,3.6-35.2-3.1-52
c-2.3-5.9-4.7-11.8-7-17.6c-23.2,12.3-49.1,25-74.6,18.6c-4.8,16.4-6.3,33.7-4.5,50.7c-1.2-7.9-2.5-15.8-3.7-23.8
c-0.4-2.5-0.9-5.2-2.8-6.8c-2.4-2-6.3-1.3-8.6,0.9c-2.2,2.2-3.1,5.5-3.3,8.6c-0.7,11.8,8.1,23.3,19.5,26
c6.7,18.3,19.8,34.2,36.6,44.1c3,1.8,6.1,3.4,9.6,3.6c3.5,0.2,7-1.2,10.1-2.8c10.1-5.3,18.4-14,24.6-23.4
c6.4-13.2,9.4-28.1,8.5-42.8c-0.3-4.9-0.9-10.3,1.9-14.3c2.2-3.1,6.1-4.9,7.8-8.4c1.4-2.9,0.8-6.3,0.2-9.5
c-1.7-9.4-3.5-18.7-5.2-28.1c-1-5.6-2.3-11.6-6.5-15.4c-2.2-1.9-4.9-3.1-7.2-4.7c-2.9-2.1-5.1-4.9-7.9-7.1c-6.1-4.8-14.2-6.2-22-6.2
c-8.9,0.1-17.8,1.9-26,5.3c-10.8,4.5-20.3,11.8-30.8,17.1c-3.5,1.8-7.3,3.5-9.2,6.9c-1.9,3.4-0.6,8.8,3.2,9.3
c-2,0.2-4.1,0.5-6.1,0.7c-1.8,3.5,1,7.5,3.4,10.6c5,6.4,9.2,15.5,7.5,21.6c3.1,22,6.5,44.6,17.8,63.6c1.9,3.2,4.1,6.3,5.3,9.9
c1.1,3.1,1.4,6.5,1.8,9.8c2.1,15.7,8.1,30.7,14,45.4c0.4,1.1,1,2.4,2.2,2.8c1,0.4,2.1,0,3.1-0.5c18.9-8,32.5-32.5,43.7-49.5
c1.1-2.7,2.2-5.4,3.3-8.1c6.4,6.5,4.5,17.1,1.9,25.9c-5.6,19.3-12.5,38.9-25.7,54.1c-9.2-4.9-17.4-11.7-24-19.8
c-1.1-1.4-2.5-3-4.3-3.1c-1.6-0.1-3,0.9-4.3,2c-4.5,3.6-9,7.2-13.5,10.8c-7.6-16.9-10.3-36-7.5-54.3c0.6-4,1.8-8.5,3.8-11
C120,420.4,81.2,432.4,54.1,460c-12.1,1.7-24.2,3.3-36.3,5c2.2,10.9,4.4,21.8,6.6,32.7c0.6,3.1,1.3,6.3,0.6,9.4
c-0.5,2.3-1.7,4.3-2.8,6.4c-4.6,8.3-9,16.6-13.2,25.1c-5,10.2-9.8,21.1-9,32.5c0.8,11.8,7.7,22.6,16.5,30.5
c8.8,7.9,19.5,13.4,33.8,18.1c-9.5-41-17.4-82.5-23.5-124.1c-0.5-3.4-0.8-7.2,1.5-9.7c1.8-1.9,4.6-2.4,7.1-2.7
c24.6-3.2,49.5-3.3,74.1-0.4c2.1,0.2,4.3,0.5,6,1.7c2,1.3,3.1,3.6,4,5.7c3.7,8.2,6.5,16.8,10,26.4c3.7,23.3,7.8,46.6,12.3,69.8
c14-7.9,29.2-13.6,45-16.6c0.9-22.9,1.8-45.8,2.7-68.7c0.1-3.1-0.1-6.8-2.8-8.2c-1.8-1-4.1-0.5-6.1-0.6c-5.2-0.3-9.3-5.1-10.6-10.1
c-1.3-5.1-0.5-10.4,0.3-15.6c0.2-1,0.4-2.1,1.2-2.8c0.9-0.7,2.2-0.5,3.4-0.3c4.2,0.9,8.5,1.7,12.7,2.6c-0.1,8.7-0.1,17.4-0.2,26.2
c-3.5,0-7.1,0-10.6,0.1c-1.2,0-2.5,0.1-3.4,0.9c-0.7,0.6-0.9,1.6-1.2,2.5c-6.6,27.3-13.3,55-12,83.1c28.7-13.2,60.8-18.8,92.2-16.1
c-6.2-0.3-12.5,0.3-18.6,1.8c20.6-39,22.1-86.5,45.4-124c2.7-4.3,5.8-8.6,10.2-11c4.5-2.4,20.3-1.3,23.3,2.3
c5.6,13.8,11.4,28.1,11.2,43.1c-0.1,7.7-1.8,15.3-3.5,22.8c-4.8,21.2-9.6,42.4-14.4,63.5c-0.6,2.7-1.3,5.6-3.2,7.6
c-4.1,4.2-11.8,2.7-16,6.8c-3,2.9-3.3,7.6-2.9,11.7c1.5,15.8,10.5,30.8,26.2,39.3l135.4,6.6c4,0.2,8.3,0.5,11.5,2.9
c3.2,2.4,4.7,7.7,1.7,10.4c32.8-0.6,65.6-0.3,100.4,0.8c15.3-0.6,30.6-1.2,45.9-1.8c-3.3-34.8-12.6-69.1-27.3-100.8
c-2.7-5.8-5.6-11.6-7.2-17.9c-2.6-10.5-1-21.5,0.5-32.2c3.8-25.9,7.3-54.1-5.9-76.7c6.4,30.8,6.9,62.8,1.2,93.7
c-1.2,6.6-2.7,13.3-1.9,19.9c1.1,9.3,6.4,17.5,10.6,25.8c12.8,25.5,15.5,54.6,21.7,82.5c0.5,2.2,1.1,4.5,2.9,5.9
c1.8,1.5,4.4,1.5,6.8,1.4"/>
</svg>
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 27.5.0, 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 606.6 648" style="enable-background:new 0 0 606.6 648;" xml:space="preserve">
<style type="text/css">
.st0{fill:#282828;}
.st1{fill:none;stroke:#FFFFFF;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;}
</style>
<rect x="53.1" y="644.3" class="st0" width="553.5" height="3.7"/>
<path class="st1" d="M53.4,648c-13.1-64.3-22-105.4-37.7-182.6c27.7-0.6,71.4-1.2,99.1-1.8c11.8,57.8,26.2,113,37.9,170.8
c-19.3,1.1-62.9,2.2-82.2,3.3c72.5-3.6,142.6-3.8,222.9-3.8c-0.1,4.3-0.2,4.2,2.2,12.9c13.1-1.2,85.5,0.3,98.6-0.8
c-17.6-15.3-107.1-13.6-130.2-22.1c-0.8-9.2-1.7-18.3-1.5-28.3l-3.4-13.7c-20.9-0.7-41.7-1.4-62.6-2.1c-2.6-0.1-5.3-0.2-7.8,0.5
c-3.6,0.9-6.7,3.2-9.5,5.6c-11,9.7-18.6,23.1-21.3,37.4c-0.8,4.5-1,9.6,2.1,12.9c8.3-13.3,16-27.1,22.8-41.2
c-6.4,6.9-11.5,15-14.9,23.8c-1.2,3.1-2.3,6.6-1.4,9.9c0.9,3.3,4.3,6,7.5,5c1.4-0.5,2.5-1.5,3.6-2.6c9.3-9.5,17.3-20.4,23.4-32.3
c-7.8,6-14.3,13.8-18.8,22.6c-1.9,3.6-2.7,9.3,1.1,10.7c2.1,0.8,4.5-0.3,6.4-1.6c10.5-6.6,19.3-16,25.3-26.9c-6.8,6-12,13.8-15,22.4
c-0.6,1.6-0.9,3.8,0.4,4.8c0.9,0.7,2.2,0.6,3.3,0.3c8.2-2,14.2-9,20.4-14.7c1-0.9,2-1.8,3.3-2c1.6-0.3,3.2,0.4,4.7,1
c6.2,2.6,12.9,4.3,19.6,5.1c3,0.3,6.4,0.3,8.6-1.8c2.3-2.3,2.3-6,2.2-9.2c-0.3-7.7,0-15.4,0.8-23c0.2-2.1,0.5-4.2,1.7-6
c2-2.9,5.9-4.7,9.4-4.3c40.8,4.8,109.7,5.1,130.3,2.9c6.2-0.5,12.5-1,18.7-1.5c19.1-39.9,38.2-79.9,57.3-119.8
c8.3-17.4,13.9-44.6,33.1-46.8c32.4-3.7,3-5.3-4.8,0.6c-17.5,13.3-24,40.5-30.5,53.2c-0.8,1.5-1.7,3.1-3.4,3.5
c-1.2,0.2-7.8-3-8.9-3.7c-6.9-4.1-9.1-10.7-11.7-18.4c0,0-18.9-9.3-26.1-27.6c3-5.2,15.2-16.3,18.2-21.5
c-8.4,17.8-29.4,28.6-48.8,25c-6.6-1.2-13.1-4-17.3-9.2c-3.6-4.3-5.3-9.8-6.9-15.2c-7-23.9-12.5-48.3-15.3-70.9
c-1.1-9.8-0.3-19.8,2.3-29.3c12.3,7.9,19.1,23.2,32.6,28.8c10.1,4.2,22,2,32,6.3c8.9,3.8,15,12.1,20.7,20c-2.3-4.9-4.7-10-5.4-15.4
c-0.7-5.4,0.6-11.4,4.6-15.1c5.1-4.7,13.8-4.3,19.2,0.1c5.4,4.5,7.5,12.2,6.2,19c-1.3,6.9-5.6,12.9-10.9,17.4
c-0.9,0.7-2.8-0.5-1-0.2c4.5,13.8,8.6,27.9,9.3,42.4c0.8,14.5-2,29.5-10.1,41.5c13.7-8.2,27.4-16.4,41.2-24.7c0.8-0.5,1.6-1,2-1.8
c0.4-0.9,0.2-2-0.1-3.1l-4.9-18.9c-1.3,7.5,0.6,15.5,5.1,21.6c3.9-7.6,11.5-12.7,19.6-15.4c8.1-2.7,16.7-3.3,25-8.2
c-16-20.3-23.8-25.4-36.8-47.7c-13-22.3-26.7-70.9-50-82c-12.8-6.1-27-8.7-41.1-9.8c-18.8-1.4-44.7,8.5-58.8,21
c-15.8,14-19.1,37.2-19.8,58.4c-0.7,20.3,0,40.6,2.1,60.8c1.3,12.6,3.1,25.4,1.8,38c-1.3,12.6-6.3,25.5-16.3,33.4l32.4,4.1
c0.6-8.8,0.3-17.7-0.9-26.4c1.6,7.3,1.8,15,0.5,22.4c19.6,1.5,39.6,2,59.9-5.5c-1.3-11.6,16.2-16.6,17.5-27.1
c0.4,8.4,17.6,9.6,15,17.6c-17.2,52.7-12.7-26.1-48.3,18.2c-15.4,19.1-46.8,79.8-61.6,100.3c-23.3-0.4-46.6,0.9-69.7,4
c-9.1,1.2-19.4,3.5-24,11.5c7.3-2.4,14.2,5.3,16,12.8c1.9,7.5,1.3,15.7,5.3,22.3c5.9,9.7,18.9,11.8,30.2,12.8
c34.2,3.2,68.4,6.3,102.5,9.5c26,2.4,55.4,3.8,74.7-13.8c7.1-6.4,12.1-14.8,16.9-23.1c9.7-16.5,19.3-32.9,29-49.4
c-9.4,13.8-18.9,27.6-28.7,42.5c-12.1,10.8-26.7,20.2-42.9,20.8c-16.2,0.5-33.6-10.8-34.8-27c-0.3-4.5,0.5-9.1-0.7-13.3
c-1.2-4-4-7.3-6.3-10.9c-6.1-9.6-8.2-21.7-5.6-32.7c1.4-6.1,4.2-11.8,5.7-17.9c4.7-19.6-3.9-42.7,7.9-59c1.4-1.9,3.3-3.7,5.6-3.6
c1.6,0.1,3.1,1.1,4.4,2.1c5,3.7,10,7.5,15,11.2c2.3-8.3,6.8-15.9,13-21.9c6.2,5.5,13.4,9.9,21.1,12.9c6.6-28.3,31.8-51.2,60.6-55
c3.2-0.4,6.5-0.6,10.7,0c5.8,1.2,11.5,2.4,17.3,3.5c-1.2-50-15.9-70.3-17.2-120.3c-0.7-27-5.2-89.2-24.1-108.4
c-20.9-21.2-32.8-32.2-68.4-35.2l-19.1-7.3c-10.9,27.2-27.2,52.2-47.6,73.2c-1.5,1.5-3.7,3.2-5.6,2.2c-0.9-0.5-1.4-1.4-1.9-2.4
c-2.6-5.2-5.2-10.4-6.4-15.7l-8.7-10.2c14.1-14.2,24.4-32.1,29.7-51.4c-2,18.5-13.2,35.7-29.3,45c-4.1,2.4-8.7,4.3-13.4,3.7
c-5.4-0.7-9.8-4.6-13.6-8.5c-25.2-26.4-36.3-62.7-48.2-97.1c-0.7-2-1.4-4.1-2.9-5.6c-1.9-2-4.6-2.8-7-4.1c-7.3-4-10.8-13.8-7.8-21.6
c5.9,0.2,11.9-1.8,16.5-5.5c-5.6-2.4-12.3-8.2-8.8-13.2c1.4-1.9,3.8-2.7,6.1-3.3L334.7,7c23.8-6.5,51.7-12.4,71.4,2.6
c15.7,12,20.6,33.6,20.2,53.4s-4.9,39.4-2.3,61.3c0.6,3.2,1.2,6.6,0.1,9.7c-1.1,3.1-4.4,5.6-7.5,4.7c-1.9-0.6-3.3-2.3-4.4-4
c-4-5.8-7.1-12.2-9.4-18.8c8.8-2.8,10.8-14.1,11.3-23.3c0.3-5,0.3-10.6-3.3-14c-4-3.8-11.2-2.7-14.8,1.5c-3.7,4.2-4.3,10.3-2.9,15.7
c1.3,5.4,4.4,10.2,7.3,14.9l-12.5-24.5c-0.5-0.9-1-1.9-2-2.3c-2-0.8-3.8,1.4-5.8,2.4c-4.4,2.2-9.1-2.7-11.1-7.2
c-3.4-7.8-6.2-18-14.5-19.8c-6.6-1.4-12.6,3.7-18.6,6.8c-12.7,6.6-28,5-40.7,5.9c7.4,36.7,23.4,71.6,46.2,101.3
c-6.8-1.8-13.6-3.4-20.4-5c-2.3-0.5-4.7-1-6.9-0.2c-4.7,1.7-5.5,8.5-2.8,12.7c2.8,4.2,7.7,6.2,12.3,8.1
c-6.7,4.2-14.4,11.9-10.3,18.7c0.7,1.2,1.8,2.2,2.2,3.6c0.8,2.5-0.9,5-1.6,7.5c-2.2,7.3,3.7,14.5,9.8,19c6.1,4.6,13.3,8.8,15.7,16.1
c1,3.2,1.9,7.7,5.3,7.8c1.3,0,2.5-0.7,3.6-1.4l32.3-20.6c-4.6-9.5-7-20.1-7-30.7c0-5.9,0.8-11.9-0.6-17.7
c-1.4-5.7-5.7-11.3-12.9-11.1c-8.7-0.9-17.4-1.7-26.2-2.6c-4.5,4.8-0.7,13.6-4.9,18.6c-1.7,2-4.5,3-6,5.1c-2.3,3.1-1.4,7.5-2.7,11.1
c-0.8,2.2-2.4,4.1-3.2,6.3c-2,5.5,1.4,11.5,5.6,15.5s9.4,7.1,12.9,11.8c9.2,12.7,1.9,31.6,9.2,44.3c-3.2-7.6-2.6-16.2-3.6-24.5
c-1-8.2-4.4-17.2-12.1-20.3c-14.5,34.1-29.1,68.8-32.4,105.7c-4.1,45.9,7.4,56.2,47.6,51.2c8.1-3.5,18.4-6.6,24.8-0.6
c2.8,2.6,4.1,6.4,4.9,10.1c1.9,8,2.4,16.3,2.5,24.5c0.4,26.7-2.5,53.3-10.2,81.8c-3.6,18-8.9,38.2-25,46.9
c-11.8,6.4-26.3,4.6-39.5,2.3c10.4-32.1,20.9-64.7,22.1-98.4c0.3-9.9-0.2-20.1-4.6-29c-5.7-11.6-17.4-19.3-29.7-23.2
c-12.3-3.9-41-7.6-56-9.6c-5,2.8,0.2,10-2.6,5s-2.4-18.6-1-24.1s3.8-10.7,5-16.3c1.6-7.6,0.8-15.4,0.6-23.2
c-0.2-5.6,1.5-12.8,7-13.3c5-0.4,8.1,5.6,8.3,10.7c0.3,10.5-6.7,20.9-16.6,24.6c6.6-16.9,3.6-35.2-3.1-52c-2.3-5.9-4.7-11.8-7-17.6
c-23.2,12.3-49.1,25-74.6,18.6c-4.8,16.4-6.3,33.7-4.5,50.7c-1.2-7.9-2.5-15.8-3.7-23.8c-0.4-2.5-0.9-5.2-2.8-6.8
c-2.4-2-6.3-1.3-8.6,0.9c-2.2,2.2-3.1,5.5-3.3,8.6c-0.7,11.8,8.1,23.3,19.5,26c6.7,18.3,19.8,34.2,36.6,44.1c3,1.8,6.1,3.4,9.6,3.6
s7-1.2,10.1-2.8c10.1-5.3,18.4-14,24.6-23.4c6.4-13.2,9.4-28.1,8.5-42.8c-0.3-4.9-0.9-10.3,1.9-14.3c2.2-3.1,6.1-4.9,7.8-8.4
c1.4-2.9,0.8-6.3,0.2-9.5c-1.7-9.4-3.5-18.7-5.2-28.1c-1-5.6-2.3-11.6-6.5-15.4c-2.2-1.9-4.9-3.1-7.2-4.7c-2.9-2.1-5.1-4.9-7.9-7.1
c-6.1-4.8-14.2-6.2-22-6.2c-8.9,0.1-17.8,1.9-26,5.3c-10.8,4.5-20.3,11.8-30.8,17.1c-3.5,1.8-7.3,3.5-9.2,6.9s-0.6,8.8,3.2,9.3
c-2,0.2-4.1,0.5-6.1,0.7c-1.8,3.5,1,7.5,3.4,10.6c5,6.4,9.2,15.5,7.5,21.6c3.1,22,6.5,44.6,17.8,63.6c1.9,3.2,4.1,6.3,5.3,9.9
c1.1,3.1,1.4,6.5,1.8,9.8c2.1,15.7,8.1,30.7,14,45.4c0.4,1.1,1,2.4,2.2,2.8c1,0.4,2.1,0,3.1-0.5c18.9-8,32.5-32.5,43.7-49.5
c1.1-2.7,2.2-5.4,3.3-8.1c6.4,6.5,4.5,17.1,1.9,25.9c-5.6,19.3-12.5,38.9-25.7,54.1c-9.2-4.9-17.4-11.7-24-19.8
c-1.1-1.4-2.5-3-4.3-3.1c-1.6-0.1-3,0.9-4.3,2c-4.5,3.6-9,7.2-13.5,10.8c-7.6-16.9-10.3-36-7.5-54.3c0.6-4,1.8-8.5,3.8-11
C120,420.4,81.2,432.4,54.1,460c-12.1,1.7-24.2,3.3-36.3,5c2.2,10.9,4.4,21.8,6.6,32.7c0.6,3.1,1.3,6.3,0.6,9.4
c-0.5,2.3-1.7,4.3-2.8,6.4c-4.6,8.3-9,16.6-13.2,25.1c-5,10.2-9.8,21.1-9,32.5c0.8,11.8,7.7,22.6,16.5,30.5S36,615,50.3,619.7
c-9.5-41-17.4-82.5-23.5-124.1c-0.5-3.4-0.8-7.2,1.5-9.7c1.8-1.9,4.6-2.4,7.1-2.7c24.6-3.2,49.5-3.3,74.1-0.4c2.1,0.2,4.3,0.5,6,1.7
c2,1.3,3.1,3.6,4,5.7c3.7,8.2,6.5,16.8,10,26.4c3.7,23.3,7.8,46.6,12.3,69.8c14-7.9,29.2-13.6,45-16.6c0.9-22.9,1.8-45.8,2.7-68.7
c0.1-3.1-0.1-6.8-2.8-8.2c-1.8-1-4.1-0.5-6.1-0.6c-5.2-0.3-9.3-5.1-10.6-10.1c-1.3-5.1-0.5-10.4,0.3-15.6c0.2-1,0.4-2.1,1.2-2.8
c0.9-0.7,2.2-0.5,3.4-0.3c4.2,0.9,8.5,1.7,12.7,2.6c-0.1,8.7-0.1,17.4-0.2,26.2c-3.5,0-7.1,0-10.6,0.1c-1.2,0-2.5,0.1-3.4,0.9
c-0.7,0.6-0.9,1.6-1.2,2.5c-6.6,27.3-13.3,55-12,83.1c28.7-13.2,60.8-18.8,92.2-16.1c-6.2-0.3-12.5,0.3-18.6,1.8
c20.6-39,22.1-86.5,45.4-124c2.7-4.3,5.8-8.6,10.2-11c4.5-2.4,20.3-1.3,23.3,2.3c5.6,13.8,11.4,28.1,11.2,43.1
c-0.1,7.7-1.8,15.3-3.5,22.8c-4.8,21.2-9.6,42.4-14.4,63.5c-0.6,2.7-1.3,5.6-3.2,7.6c-4.1,4.2-11.8,2.7-16,6.8
c-3,2.9-3.3,7.6-2.9,11.7c1.5,15.8,10.5,30.8,26.2,39.3l135.4,6.6c4,0.2,8.3,0.5,11.5,2.9s4.7,7.7,1.7,10.4
c32.8-0.6,65.6-0.3,100.4,0.8c15.3-0.6,30.6-1.2,45.9-1.8c-3.3-34.8-12.6-69.1-27.3-100.8c-2.7-5.8-5.6-11.6-7.2-17.9
c-2.6-10.5-1-21.5,0.5-32.2c3.8-25.9,7.3-54.1-5.9-76.7c6.4,30.8,6.9,62.8,1.2,93.7c-1.2,6.6-2.7,13.3-1.9,19.9
c1.1,9.3,6.4,17.5,10.6,25.8c12.8,25.5,15.5,54.6,21.7,82.5c0.5,2.2,1.1,4.5,2.9,5.9c1.8,1.5,4.4,1.5,6.8,1.4"/>
</svg>
<section class="section-wrapper">
<section class="section-wrapper how-we-are-section" id="section2">
<div class="container">
<div class="row justify-content-between">
<div class="col-sm-4">
<div class="col-sm-12 col-md-12 col-lg-4 d-md-flex d-lg-block image-column">
<div class="m-heading no-border">
<h2 class="m-heading__text">How we’re
different</h2>
......@@ -10,7 +10,7 @@
<img src="images/meeting-hands.png" alt="" />
</div>
</div>
<div class="col-sm-8 col-lg-7">
<div class="col-sm-12 col-md-12 col-lg-7">
<div class="row">
<div class="col-sm-6 mb-5">
<h3 class="site-title font-weight-bold">Best of breed</h3>
......
<section class="section-wrapper" id="section2">
<div class="container">
<div class="m-heading">
<h2 class="m-heading__text">About us</h2>
</div>
<p>We work with some of Australia's most respected brands in banking, travel, auto, the arts — and everything in between —
and we're equally happy delivering highly strategic SEO copy as a glossy custom book or tough-talking podcast.</p>
<div class="row">
<div class="col-md-12">
<section class="score-block" >
<div class="row">
<div class="score-item">
<div>
<h2>25</h2>
</div>
<p>Years in operation</p>
</div>
<div class="score-item">
<div>
<h2>20</h2>
</div>
<p>In-house content specialists</p>
</div>
<div class="score-item">
<div>
<h2>83%</h2>
</div>
<p>Female employment</p>
</div>
<div class="score-item">
<div>
<h2>5.2</h2>
</div>
<p>Year Average team tenure</p>
</div>
<div class="score-item">
<div>
<h2>86%</h2>
</div>
<p>Client satisfaction score</p>
</div>
</div>
</section>
</div>
</div>
</div>
</section>
\ No newline at end of file
......@@ -34,9 +34,9 @@
<div class="row">
<div class="col-6">
<ul class="footer_wrapper__links">
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Contact</a></li>
<li><a href="/">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact-us.html">Contact</a></li>
</ul>
</div>
<div class="col-6">
......
<section class="contact-wrapper">
<section class="contact-wrapper section-wrapper">
<div class="container">
<div class="row justify-content-center align-item-center">
<div class="col-md-10">
......@@ -12,7 +12,7 @@
<h2 class="m-heading__text">Let’s work
together</h2>
</div>
<a href="" class="btn btn-outline margin-top-2 rounded-0">Contact us
<a href="contact-us.html" class="btn btn-outline margin-top-2 rounded-0">Contact us
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="#333">
<path
fill-rule="evenodd"
......
<section class="contact-wrapper">
<section class="contact-wrapper section-wrapper">
<div class="container">
<div class="row justify-content-center align-item-center">
<div class="col-md-10">
......
......@@ -12,10 +12,10 @@
<a href="/" class="" target="">Home</a>
</li>
<li class=" ">
<a href="/about.html" class="" target="">About</a>
<a href="about.html" class="" target="">About</a>
</li>
<li class=" ">
<a href="/contact-us.html" class="" target="">Contact</a>
<a href="contact-us.html" class="" target="">Contact</a>
</li>
<!-- <li class=" ">
<a href="/au/media/blog" class="" target="">The Lead</a>
......
<section class="hero-banner-wrapper">
<div class="container">
<div class="image-overlap-wrap overlap-inverse">
<div class="row align-items-center">
<div class="col-lg-7 col-xl-6 hero-banner__caption">
<div class="m-heading">
<h2 class="m-heading__text">Made for today</h2>
</div>
<p class="m-heading__dec">An agency network created with our client’s needs front of mind.
</p>
</div>
<div class="col-lg-7 offset-lg-4 hero-banner__video">
<!-- 16:9 aspect ratio -->
<div class=" embed-responsive-16by9">
<img src="images/marathon.jpg">
</div>
<p class="hero-banner__video__dec">Made for today.
</p>
</div>
<div class="col-lg-1 hero-banner__arrow">
<div class=" embed-responsive-16by9">
<a href="#section2"><i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="hero-banner-wrapper">
<div class="container">
<div class="image-overlap-wrap overlap-inverse">
<div class="row align-items-center">
<div class="col-lg-7 col-xl-6 hero-banner__caption">
<div class="m-heading">
<h2 class="m-heading__text">Get in touch</h2>
</div>
<p class="m-heading__dec">We’re always keen to chat about how we could work together.
</p>
<a href="about.html" class="btn btn-outline margin-top-2 rounded-0 align-self-start">Email us
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="#333">
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M0.625 7.98346C0.625 7.76415 0.710602 7.55381 0.862976 7.39873C1.01535 7.24365 1.22201 7.15653 1.4375
7.15653H20.6011L15.4873 1.95348C15.3347 1.79821 15.249 1.58761 15.249 1.36801C15.249 1.14842 15.3347 0.937823 15.4873
0.782547C15.6398 0.627272 15.8467 0.540039 16.0625 0.540039C16.2783 0.540039 16.4852 0.627272 16.6378 0.782547L23.1378
7.39799C23.2134 7.47481 23.2734 7.56606 23.3144 7.66653C23.3554 7.76699 23.3765 7.87469 23.3765 7.98346C23.3765 8.09223
23.3554 8.19993 23.3144 8.3004C23.2734 8.40086 23.2134 8.49211 23.1378 8.56893L16.6378 15.1844C16.4852 15.3397 16.2783
15.4269 16.0625 15.4269C15.8467 15.4269 15.6398 15.3397 15.4873 15.1844C15.3347 15.0291 15.249 14.8185 15.249
14.5989C15.249 14.3793 15.3347 14.1687 15.4873 14.0134L20.6011 8.81039H1.4375C1.22201 8.81039 1.01535 8.72327 0.862976
8.56819C0.710602 8.41311 0.625 8.20278 0.625 7.98346Z"
fill="#282828"/>
</svg>
</a>
</div>
<div class="col-lg-7 offset-lg-4 hero-banner__video">
<!-- 16:9 aspect ratio -->
<div class=" embed-responsive-16by9">
<img src="images/office.jpg">
</div>
<p class="hero-banner__video__dec">Made for today.
</p>
</div>
<div class="col-lg-1 hero-banner__arrow">
<div class=" embed-responsive-16by9">
<a href="#section2"><i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="hero-banner-wrapper">
<div class="container">
<div class="image-overlap-wrap overlap-inverse">
<div class="row align-items-center">
<div class="col-lg-7 col-xl-6 hero-banner__caption">
<div class="m-heading">
<h2 class="m-heading__text">Heads & Tales Content Agency</h2>
</div>
<p class="m-heading__dec">We’re a creative content agency (with commercial edge) on
a mission to help our clients tell better stories, develop customer relationships, and generate revenue.
</p>
</div>
<div class="col-lg-7 offset-lg-4 hero-banner__video">
<!-- 16:9 aspect ratio -->
<div class=" embed-responsive-16by9">
<img src="images/marathon.jpg">
</div>
<p class="hero-banner__video__dec">Made for today.
</p>
</div>
<div class="col-lg-1 hero-banner__arrow">
<div class=" embed-responsive-16by9">
<a href="#section2"><i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="hero-banner-wrapper">
<div class="container">
<div class="image-overlap-wrap overlap-inverse">
<div class="row align-items-center">
<div class="col-lg-7 col-xl-6 hero-banner__caption">
<div class="m-heading">
<h2 class="m-heading__text">We're an independent marketing network</h2>
</div>
<p class="m-heading__dec">Made for today.
</p>
</div>
<div class="col-lg-7 offset-lg-4 hero-banner__video">
<!-- 16:9 aspect ratio -->
<div class=" embed-responsive-16by9">
<img src="images/marathon.jpg">
</div>
<p class="hero-banner__video__dec">Made for today.
</p>
</div>
<div class="col-lg-1 hero-banner__arrow">
<div class=" embed-responsive-16by9">
<a href="#section2"><i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
......@@ -9,14 +9,25 @@
<p class="m-heading__dec">Made for today.
</p>
</div>
<div class="col-lg-8 offset-lg-4 hero-banner__video">
<div class="col-lg-7 offset-lg-4 hero-banner__video">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.youtube.com/embed/eTAgKS76FNM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
<!-- <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/eTAgKS76FNM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> -->
<video autoplay="true" loop>
<source src="images/videos/HGM-IntroSlides-V1.mp4" type="video/mp4">
Your browser does not support the html video tag.
</video>
</div>
<p class="hero-banner__video__dec">Made for today.
</p>
</div>
<div class="col-lg-1 hero-banner__arrow">
<div class=" embed-responsive-16by9">
<a href="#image-overlap-section" ><i class="fa fa-arrow-down"></i></a>
</div>
</div>
</div>
</div>
......
<section class="corner-images">
<section class="corner-images section-wrapper">
<div class="container">
<div class="row justify-content-between">
<div class="col-2 col-sm-2 col-lg-2 col-xl-2 corner-images__left">
......
<section class="image-overlap-container">
<section class="image-overlap-container section-wrapper" id="image-overlap-section" data-offset="250" >
<div class="container">
<div class="row margin-bottom-5">
<div class="col-sm-6">
......@@ -22,7 +22,7 @@
<p>A creative content agency (with commercial edge) on a mission to help clients tell better stories, develop customer
relationships, and generate revenue.</P>
</div>
<a href="" class="m-link margin-top-2">Find out more
<a href="heads-and-tales.html" class="m-link margin-top-2">Find out more
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="none">
<path
fill-rule="evenodd"
......@@ -52,7 +52,7 @@
<h4 class="margin-bottom-5">Digital marketing agency</h4>
<p>The leading digital marketing agency in Australia. Since 2008, Reload has partnered with countless businesses to create digital marketing solutions that achieve great results.</P>
</div>
<a href="" class="m-link margin-top-2">Find out more
<a href="reload.html" class="m-link margin-top-2">Find out more
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="none">
<path
fill-rule="evenodd"
......@@ -82,7 +82,7 @@
<h4 class="margin-bottom-5">PR and communications agency</h4>
<p>A public relations and communications agency creating targeted campaigns that helps brands stand out. </P>
</div>
<a href="" class="m-link margin-top-2">Find out more
<a href="tide.html" class="m-link margin-top-2">Find out more
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="none">
<path
fill-rule="evenodd"
......@@ -112,7 +112,7 @@
<h4 class="margin-bottom-5">Creative production studio</h4>
<p>Sherpa is a creative content production studio specialising in digital and social video, content and design.</P>
</div>
<a href="" class="m-link margin-top-2">Find out more
<a href="sherpa.html" class="m-link margin-top-2">Find out more
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="none">
<path
fill-rule="evenodd"
......
<section class="dark-bg-image">
<section class="dark-bg-image section-wrapper">
<div class="container">
<div class="m-heading">
<h2 class="m-heading__text">Working with leading brands</h2>
......@@ -8,7 +8,7 @@
<div class="row">
<div class="col-12 col-sm-6 col-lg-6 d-flex flex-column justify-content-between">
<p class="flex-child-auto align-self-start">Where brand storytelling meets performance marketing.</p>
<a href="" class="btn btn-outline margin-top-2 rounded-0 align-self-start">About us
<a href="about.html" class="btn btn-outline margin-top-2 rounded-0 align-self-start">About us
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="#333">
<path
fill-rule="evenodd"
......@@ -27,7 +27,7 @@
</div>
<div class="col-12 col-sm-6 col-lg-6 d-flex flex-column justify-content-between">
<p class="flex-child-auto align-self-start">Looking for an agency partner that’s made for today?</p>
<a href="" class="btn btn-outline margin-top-2 rounded-0 align-self-start">Contact us
<a href="contact-us.html" class="btn btn-outline margin-top-2 rounded-0 align-self-start">Contact us
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="#333">
<path
fill-rule="evenodd"
......
<section class="section-wrapper">
<section class="section-wrapper" id="section2">
<div class="container">
<div class="row mb-5">
<div class="row location-block">
<duv class="col-md-4">
<div class="m-heading">
<h2 class="m-heading__text">Melbourne</h2>
......@@ -13,12 +13,12 @@
<div class="col-md-8">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15225.804323247812!2d78.3937673!3d17.4381112!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb915b11280dd9%3A0xafb2c9160596794b!2sRay%20Business%20Technologies!5e0!3m2!1sen!2sin!4v1683366171112!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe class="embed-responsive-item greyscale-iframe"
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.184473306093!2d144.99521!3d-37.832567!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad6683b7d1e41cb%3A0x1e3e612e5bbacad4!2sHardie%20Grant!5e0!3m2!1sen!2sin!4v1683718899403!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="row mb-5">
</div>
<div class="row location-block">
<duv class="col-md-4">
<div class="m-heading">
<h2 class="m-heading__text">Sydney</h2>
......@@ -31,12 +31,13 @@
<div class="col-md-8">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15225.804323247812!2d78.3937673!3d17.4381112!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb915b11280dd9%3A0xafb2c9160596794b!2sRay%20Business%20Technologies!5e0!3m2!1sen!2sin!4v1683366171112!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe class="embed-responsive-item greyscale-iframe"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3312.4873001205465!2d151.1926932!3d-33.8771017!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12ae9816a5f489%3A0x86fb647aec4bb041!2sHardie%20Grant!5e0!3m2!1sen!2sin!4v1683719055256!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="row mb-5">
<div class="row location-block">
<duv class="col-md-4">
<div class="m-heading">
<h2 class="m-heading__text">Brisbane</h2>
......@@ -48,12 +49,13 @@
<div class="col-md-8">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15225.804323247812!2d78.3937673!3d17.4381112!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb915b11280dd9%3A0xafb2c9160596794b!2sRay%20Business%20Technologies!5e0!3m2!1sen!2sin!4v1683366171112!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe class="embed-responsive-item greyscale-iframe"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d3540.1012611673996!2d153.0033551!3d-27.4661067!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b9150eebc4cba43%3A0xc0b7a15328ddca3d!2sReload%20Media!5e0!3m2!1sen!2sin!4v1683722505784!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="row mb-5">
<div class="row location-block">
<duv class="col-md-4">
<div class="m-heading">
<h2 class="m-heading__text">London</h2>
......@@ -65,7 +67,28 @@
<div class="col-md-8">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15225.804323247812!2d78.3937673!3d17.4381112!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3bcb915b11280dd9%3A0xafb2c9160596794b!2sRay%20Business%20Technologies!5e0!3m2!1sen!2sin!4v1683366171112!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
<iframe class="embed-responsive-item greyscale-iframe"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d2483.691020438689!2d-0.0836779!3d51.5005373!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x487604d5a1c8235d%3A0xe752759bee33c16f!2sReload%20Digital!5e0!3m2!1sen!2sin!4v1683722585138!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
</div>
<div class="row location-block">
<duv class="col-md-4">
<div class="m-heading">
<h2 class="m-heading__text">Manila</h2>
</div>
<p>GF Hanston Square Building<br />
San Miguel Ave. <br />
Ortigas Centre<br />
Pasig City<br />
Philippines 1605</p>
</duv>
<div class="col-md-8">
<!-- 16:9 aspect ratio -->
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item greyscale-iframe"
src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d123550.4275123502!2d121.0517104!3d14.6018752!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3397c815255e93ad%3A0x95a9dced88c00e35!2sHanston%20Square%20Building!5e0!3m2!1sen!2sin!4v1683722710846!5m2!1sen!2sin" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
</div>
......
<section class="location-wrapper">
<section class="location-wrapper section-wrapper">
<div class="container">
<div class="row justify-content-center align-item-center">
<div class="col-md-12 col-xl-10">
......
<section class="corner-images section-wrapper">
<div class="container">
<div class="row">
<div class="col-sm-4 order-sm-1 mb-5 mb-sm-0">
<div class="m-heading">
<h2 class="m-heading__text">Our services</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4 order-sm-1 mb-5 mb-sm-0">
<p>Blending modern content skills,
business smarts and traditional
publishing know-how, our services deliver
exactly what our clients need but also what their customers want.
</p>
</div>
<div class="col-sm-12 col-lg-8 order-sm-4 order-lg-2 mb-5 mb-sm-0">
<div class="row">
<div class="col-12 col-md-4">
<ul class="footer_wrapper__links ml-lg-5">
<li><a href="/">Social Media</a></li>
<li><a href="custom-publishing.html">Custom publishing</a></li>
<li><a href="photography.html">Photography</a></li>
<li><a href="podcasts.html">Podcasts</a></li>
</ul>
</div>
<div class="col-12 col-md-4">
<ul class="footer_wrapper__links">
<li><a href="content-strategy.html">Content strategy</a></li>
<li><a href="content-marketing.html">Content marketing</a></li>
<li><a href="video.html">Video</a></li>
<li><a href="copywriting.html">Copywriting</a></li>
</ul>
</div>
<div class="col-12 col-md-4">
<ul class="footer_wrapper__links">
<li><a href="infographice.html">Infographics</a></li>
<li><a href="books-and-magazines.html">Books & magazines</a></li>
<li><a href="digital-content.html">Digital content</a></li>
<li><a href="graphic-design.html">Graphic design</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
<section class="dark-bg-image">
<section class="section-wrapper dark-bg-image our-story-section">
<div class="container">
<div class="m-heading">
<h2 class="m-heading__text">Our story</h2>
</div>
<div class="row">
<div class="col-9 col-sm-6">
<p>Founded in 1997 by Fiona Hardie, we’ve experienced a lot of change in the media and marketing landscape. Starting out creating content for owned channels – predominately magazines and websites – we’re now a diverse marketing and communications network.</p>
<div class="col-12 col-lg-6 our-story-left">
<p class="p-bold">Founded in 1997 by Fiona Hardie, we’ve experienced a lot of change in the media and marketing landscape. Starting out creating content for owned channels – predominately magazines and websites – we’re now a diverse marketing and communications network.</p>
<p>Some things haven't changed though. We remain proudly independent, and Australian owned. We are committed to a culture and workplace that is inclusive, diverse, equitable and innovative. And we are very involved in the movement towards Reconciliation for Indigenous and Torres Strait Islander peoples in Australia. We have a strong Indigenous publishing list, we work with CareerTrackers to offer Indigenous internships, we support the Indigenous Literacy Foundation, and we have an accredited Reconciliation Action Plan (RAP).</p>
</div>
<div class="col-3 col-sm-4 col-lg-6 dark-bg-image__right">
<img src="images/our-story.png" alt="" />
<div class="col-12 col-lg-6 dark-bg-image__right our-story-image">
<img src="images/our-story.svg" alt="" />
</div>
</div>
......
<section class="section-wrapper">
<div class="container">
<div class="row">
<div class="col-sm-12">
<div class="our-team our-team-single">
<div class="team-image team-image-round">
<img src="images/image 15-round.jpg" />
</div>
<div class="team-info team-info-round">
<p class="desc">We’re a diverse bunch of thinkers, creatives, persuaders,
and doers who, happily, share the same set of strong values and pride in the quality of our work. </p>
<h4 class="name">Clare Brundle</h4>
<i class="designation">Managing Director, Heads & Tales Content Agency</i>
</div>
</div>
<div class="m-heading">
<h2 class="m-heading__text">Get in touch</h2>
</div>
</div>
</div>
<div class="row">
<div class="col-3 col-sm-3">
<div class="single-member-info">
<div class="social-icons">
<a href="">
<i class="fa fa-globe"></i>
<p>Website</p>
</a>
</div>
</div>
</div>
<div class="col-3 col-sm-3">
<div class="single-member-info">
<div class="social-icons">
<a href="">
<i class="fa fa-envelope"></i>
<p>Email</p>
</a>
</div>
</div>
</div>
<div class="col-3 col-sm-3">
<div class="single-member-info">
<div class="social-icons">
<a href="">
<i class="fa fa-link"></i>
<p>Instagram</p>
</a>
</div>
</div>
</div>
<div class="col-3 col-sm-3">
<div class="single-member-info">
<div class="social-icons">
<a href="">
<i class="fa fa-book"></i>
<p>Email</p>
</a>
</div>
</div>
</div>
</div>
</section>
\ No newline at end of file
......@@ -2,96 +2,122 @@
<div class="container">
<div class="m-heading">
<h2 class="m-heading__text">Our people</h2>
<p></p>The Hardie Grant Media leadership team embraces diversity of thinking and is focused on building strong client partnerships, leading amazing teams and ensuring results continue to impress clients.
</div>
</div>
<p>The Hardie Grant Media leadership team embraces diversity of thinking and is focused on building strong client partnerships, leading amazing teams and ensuring results continue to impress clients.
</p>
<div class="row">
<div class="col-md-6">
<div class="col-sm-6">
<div class="our-team">
<div class="team-image">
<img src="../images/man.jpg" />
<img src="images/image 15.jpg" />
</div>
<div class="team-info">
<h4 class="name">Nick
Hardie-Grant</h4>
<i class="designation">Group Managing Director</i><br/>
<i class="designation">Group Managing Director</i>
<div>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
<i class="fa fa-facebook-f"></i></a>
<a href=""><i class="fa fa-bars"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-6">
<div class="our-team">
<div class="team-image">
<img src="../images/man.jpg" />
<img src="images/image 16.jpg" />
</div>
<div class="team-info">
<h4 class="name">Nick
Hardie-Grant</h4>
<i class="designation">Group Managing Director</i><br/>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
<h4 class="name">Kate Thompson</h4>
<i class="designation">Strategy & Innovation Director</i>
<div>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-6">
<div class="our-team">
<div class="team-image">
<img src="../images/man.jpg" />
<img src="images/image 18.jpg" />
</div>
<div class="team-info">
<h4 class="name">Nick
Hardie-Grant</h4>
<i class="designation">Group Managing Director</i><br/>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
<h4 class="name">Clare Brundle</h4>
<i class="designation">Managing Director, Heads & Tales</i>
<div>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-6">
<div class="our-team">
<div class="team-image">
<img src="../images/man.jpg" />
<img src="images/image 16 (1).jpg" />
</div>
<div class="team-info">
<h4 class="name">Nick
Hardie-Grant</h4>
<i class="designation">Group Managing Director</i><br/>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
<h4 class="name">Craig Somerville</h4>
<i class="designation">Managing Director, The Reload Group</i>
<div>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-6">
<div class="our-team">
<div class="team-image">
<img src="../images/man.jpg" />
<img src="images/image 15 (1).jpg" />
</div>
<div class="team-info">
<h4 class="name">Nick
Hardie-Grant</h4>
<i class="designation">Group Managing Director</i><br/>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
<h4 class="name">Stacey McArdle</h4>
<i class="designation">Managing Director, tide.pr</i>
<div>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-md-6">
<div class="col-sm-6">
<div class="our-team">
<div class="team-image">
<img src="../images/man.jpg" />
<img src="images/image 16 (2).jpg" />
</div>
<div class="team-info">
<h4 class="name">Nick
Hardie-Grant</h4>
<i class="designation">Group Managing Director</i><br/>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
<h4 class="name">Troy
Lewis</h4>
<i class="designation">Global Director, People & Culture</i>
<div>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
<div class="col-sm-6">
<div class="our-team">
<div class="team-image">
<img src="images/image 15 (2).jpg" />
</div>
<div class="team-info">
<h4 class="name">Fiona
Hardie</h4>
<i class="designation">Chair and founder</i>
<div>
<a href="">
<i class="fa fa-facebook"></i></a>
<a href=""><i class="fa fa-linkedin"></i></a>
</div>
</div>
</div>
</div>
......
......@@ -23,6 +23,8 @@
<!-- Place favicon.ico in the root directory -->
<!-- build:css styles/vendor.css -->
<link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css" type="text/css" />
<!--font awesome-->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- endbuild -->
<!-- build:css styles/main.css -->
<link rel="stylesheet" href="styles/main.css">
......
......@@ -179,4 +179,15 @@ ul {
display: inline-block;
margin-bottom: 0;
float: right;
}
\ No newline at end of file
}
.greyscale-iframe {
height:100%;
width:100%;
border:0;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); // Firefox 10+ /
filter: gray; // IE6-9 /
-webkit-filter: grayscale(99%); // Chrome 19+ & Safari 6+ /
-webkit-backface-visibility: hidden; // Fix for transition flickering /
}
\ No newline at end of file
......@@ -4,7 +4,7 @@
@import url("https://use.fontawesome.com/releases/v5.0.10/css/all.css");
// Variables
$font-path: "../../fonts/";
$font-path: "../fonts/";
$base-font-size:rem-calc(18);
$helvetica: "helvetica";
// Interstate
......
......@@ -81,9 +81,9 @@
}
}
.image-overlap-wrap{
margin-bottom: rem-calc(30);
margin-bottom: rem-calc(50);
@include media-breakpoint-up(md){
margin-bottom: rem-calc(50);
margin-bottom: rem-calc(100);
}
.m-grid{
align-items: flex-start;
......
.footer_wrapper {
margin-top: rem-calc(50);
@include bg-wrap($primary, $white, 50, 0, 0, 0);
font-weight: $font-weight-light;
&__links{
......
......@@ -16,6 +16,12 @@ $pale-gray-light:#ddd;
$container-padding:10px;
$almost-black:#333;
.section-wrapper{
margin-top: rem-calc(70);
@include media-breakpoint-up(md) {
margin-top: rem-calc(100);
}
}
.main-header {
margin: 0 auto;
font-size: $desktop-nav-font-size;
......@@ -70,11 +76,17 @@ $almost-black:#333;
.publishing-group {
width: 100px;
height: 42px;
margin: 1rem 1rem 1rem 0;
// margin: 1rem 1rem 1rem 0;
margin-top: rem-calc(20);
margin-bottom: rem-calc(20);
margin-left: rem-calc(5);
@include media-breakpoint-up(md){
margin-right: 30px;
width: 144px;
height: 60px;
margin-top: rem-calc(30);
margin-bottom: rem-calc(30);
}
}
}
......@@ -90,7 +102,7 @@ $almost-black:#333;
}
cursor: pointer;
position: absolute;
right: 20px;
right: 10px;
top: 1em;
height: 50px;
width: 60px;
......@@ -176,6 +188,8 @@ $almost-black:#333;
background-color: white;
> a {
font-weight: 600;
font-size: 16px;
line-height:18.75px;
display: inline-block;
padding: 16px 15px 16px 15px;
color: $color-text-default;
......
//image position for our story
.how-we-are-section{
@include media-breakpoint-up(md) {
position: relative;
}
.image-column{
@include media-breakpoint-up(md) {
position: unset;
}
.how-we-are-image{
margin-bottom: rem-calc(20);
@include media-breakpoint-up(xl) {
position: absolute;
left: 0;
}
}
}
.how-we-are-grid{
@include media-breakpoint-up(md) {
display: flex;
}
}
img{
@include media-breakpoint-up(xl) {
height:auto ; width: rem-calc(500);
}
}
.m-grid{
align-items: flex-start;
}
}
//score block
.score{
&-block{
background-color: #F4F4F4;
padding:50px 0 ;
margin-top: rem-calc(100);
@include media-breakpoint-down(lg) {
display: block;
margin-top: rem-calc(50);
.row{
display: block;
}
}
}
&-item{
@include media-breakpoint-up(xl) {
width: 20%;
border-right: 1px solid;
&:last-child{
border: none;
}
padding: 0 60px;
}
@include media-breakpoint-down(lg) {
display: block;
margin: 30px 25%;
border-bottom: 1px solid;
}
text-align: center;
h2{
margin-bottom: 0;
}
}
}
\ No newline at end of file
......@@ -29,8 +29,72 @@
width: 350px;
}
}
}
.our-story-section{
@include media-breakpoint-up(lg) {
position: relative;
}
.our-story-left{
@include media-breakpoint-up(lg) {
margin-bottom: rem-calc(180);
}
p{
line-height: rem-calc(28);
font-size: rem-calc(20);
font-weight: 400;
@include media-breakpoint-down(lg) {
font-size: 1rem;
}
}
.p-bold{
font-size: 22px;
font-weight: 600;
}
}
.our-story-image{
margin-top: rem-calc(30);
@include media-breakpoint-down(lg) {
margin-left:0;
text-align: center;
}
// @include media-breakpoint-down(md) {
// margin-bottom: rem-calc(100);
// }
// @include media-breakpoint-up(lg) {
// position: absolute;
// right: 0;
// bottom: rem-calc(180);
// }
img{
max-width: 400px;
width: 100%;
@include media-breakpoint-up(lg) {
width: 500px;
}
}
&::after{
@include media-breakpoint-down(sm) {
transform: translateX(0) !important;
width: 70vw;
}
@include media-breakpoint-down(md) {
content: '';
width: 100vw;
height: 2px;
display: block;
border-bottom: 1px solid;
-webkit-transform: translateX(-20%);
transform: translateX(5%);
}
}
}
}
.brands-wrapper{
padding: rem-calc(50) 0;
@include media-breakpoint-down(xs){
......@@ -74,4 +138,5 @@
.rotate-text{
margin-bottom: 22px;
}
}
\ No newline at end of file
}
......@@ -10,7 +10,10 @@
}
.col-overlap{
>div{
margin-top: rem-calc(60);
@include media-breakpoint-up(lg){
margin-left: -30%;
}
.btn-outline{
background-color: $white;
&:hover{
......@@ -77,5 +80,23 @@
}
}
}
}
.location-block{
margin-bottom: rem-calc(60) !important;
@include media-breakpoint-up(md){
margin-bottom: rem-calc(100) !important;
}
p{
margin-top: rem-calc(150);
@include media-breakpoint-down(md){
margin-bottom: rem-calc(60);
font-size: 16px;
}
}
}
\ No newline at end of file
.hero-banner{
&-wrapper{
padding-bottom: rem-calc(167) !important;
@include bg-wrap($primary, $white, 100, 0, 100, 0);
margin-bottom: rem-calc(100);
// margin-bottom: rem-calc(100);
.row{
position: relative;
}
......@@ -76,4 +77,18 @@
}
}
&__arrow{
position: absolute;
right: 0;
bottom: rem-calc(-100);
a{
@include media-breakpoint-down(md){
float: right;
}
}
}
}
html{
scroll-behavior: smooth;
}
\ No newline at end of file
.our-team{
@include media-breakpoint-up(md) {
margin-top: rem-calc(100);
}
border-bottom: 2px solid #282828;
padding-bottom: rem-calc(70);
// &:last-child{
// border-bottom: none;
// }
@include media-breakpoint-up(md) {
display: flex;
align-items: center;
......@@ -19,9 +25,32 @@
height: rem-calc(300);
}
}
.team-image-round{
width: rem-calc(285);
height: auto;
img{
border-radius: 50%;
width: rem-calc(285);
height: auto;
}
}
.team-info-round{
.name{
margin-bottom: rem-calc(20) !important;
}
.desc{
margin-top: rem-calc(35);
font-size: rem-calc(16);
font-style: italic;
}
}
.team-info{
@include media-breakpoint-up(md) {
padding: rem-calc(20);
}
.name{
margin-bottom: rem-calc(33);
}
......@@ -45,5 +74,37 @@
}
}
}
.our-team-single{
border-bottom: none;
}
.single-member-info{
margin-top: rem-calc(50);
@include media-breakpoint-up(md) {
margin-top: rem-calc(100);
}
text-align: center !important;
.social-icons{
a{
i{
background: $primary;
border-radius: 50%;
padding: rem-calc(10);
color: $white;
}
p{
font-weight: 700;
line-height: rem-calc(35);
margin-top: rem-calc(25);
@include media-breakpoint-up(md) {
margin-top: rem-calc(35);
}
font-size: rem-calc(16);
}
}
}
}
......@@ -38,3 +38,4 @@
@import "components/dark-bg-image";
@import "components/hero-banner";
@import "components/team-members";
@import "components/about-us-intro";
File added
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment