Skip to content

GitLab

U
usability-knowledge-base
Commit d6a751f0 authored by Mohd Basheer's avatar Mohd Basheer
Browse files
Options

Merge branch 'HGX_WineCompanion_UI_setup' into 'master' 

Hgx wine companion ui setup

See merge request !62
parents 586676b0 a32bef79
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 12114 additions and 246 deletions
src/Projects/HGX_CorporateMedia_HTML_setup/.tmp/about.html 0 → 100644
View file @ d6a751f0
This diff is collapsed.
src/Projects/HGX_CorporateMedia_HTML_setup/.tmp/index.html 0 → 100644
View file @ d6a751f0
This diff is collapsed.
src/Projects/HGX_CorporateMedia_HTML_setup/.tmp/scripts/main.js 0 → 100644
View file @ d6a751f0
"use strict";
// Uncomment to enable Bootstrap tooltips
// https://getbootstrap.com/docs/4.0/components/tooltips/#example-enable-tooltips-everywhere
// $(function () { $('[data-toggle="tooltip"]').tooltip(); });
// Uncomment to enable Bootstrap popovers
// https://getbootstrap.com/docs/4.0/components/popovers/#example-enable-popovers-everywhere
// $(function () { $('[data-toggle="popover"]').popover(); });
$(document).ready(function () {
var initGlobalNavigation = function () {
var navContainer = $('.main-header');
var desktopNavContainer = $('.main-header.hg-media-nav-inline');
var nav = $('.main-header .hg-media-nav');
var navList = $('.main-header .hg-primary-nav');
var menuBreakpoint = 1025; // toggleMenuType();
// domManipulation();
// $(window).on('resize', function() {
// //Optimizes any animations while resizing the browser window, and runs our 'toggleMenuType' function
// // for browsers that support
// (!window.requestAnimationFrame) ? setTimeout(toggleMenuType, 300): window.requestAnimationFrame(toggleMenuType);
// });
// $(window).scroll(function () {
// if ($(window).scrollTop() > nav.height()) {
// navContainer.addClass("scrolled");
// } else {
// navContainer.removeClass("scrolled");
// }
// });
// on mobile
// - toggle the hamburger
navContainer.find('.hg-primary-nav__toggle').on('click', function (event) {
event.preventDefault();
var button = $(this);
button.toggleClass('is-active');
navList.toggleClass('js-open');
}); // and create an clickable accordion
navList.find('.has-children .js-accordion-trigger').on('click', function () {
var navItem = $(this).parent();
$(this).toggleClass('js-active'); // $(navItem).toggleClass('selected');
scrollY = function scrollY() {
$('html, body').animate({
scrollTop: $(navItem).offset().top
}, 300);
};
$(navItem).children('ul').slideToggle('fast');
scrollY();
});
function domManipulation() {
//adds an active class to 'selected' items
navList.find('.selected').addClass('js-active'); //adds an active class to parent item if child is selected
activeItem = $('.secondary-nav').find('.selected');
if (activeItem) {
$(activeItem).parents('.has-children:not(.js-donotselect)').addClass('js-active');
} //Adds a chevron to mobile menu on load
navList.find('.has-children').prepend($('<div>', {
class: 'js-accordion-trigger'
}));
}
function toggleMenuType() {
//adds desktop class identifier - so we can add rollover effects
if ($(window).width() >= +menuBreakpoint) {
navContainer.addClass('hg-media-nav-inline');
nav.addClass('is-fixed');
navList.find('.secondary-nav').removeAttr('style');
} // defaults to mobile menu with different functionality
else {
// navList.find('.has-children').removeClass('selected');
navContainer.removeClass('hg-media-nav-inline');
nav.removeClass('is-fixed');
$('.secondary-nav').removeClass('is-hidden');
}
}
}();
});
\ No newline at end of file
src/Projects/HGX_CorporateMedia_HTML_setup/.tmp/scripts/main.js.map 0 → 100644
View file @ d6a751f0
{"version":3,"sources":["main.js"],"names":["$","document","ready","initGlobalNavigation","navContainer","desktopNavContainer","nav","navList","menuBreakpoint","find","on","event","preventDefault","button","toggleClass","navItem","parent","scrollY","animate","scrollTop","offset","top","children","slideToggle","domManipulation","addClass","activeItem","parents","prepend","class","toggleMenuType","window","width","removeAttr","removeClass"],"mappings":"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","sourcesContent":["// Uncomment to enable Bootstrap tooltips\n// https://getbootstrap.com/docs/4.0/components/tooltips/#example-enable-tooltips-everywhere\n// $(function () { $('[data-toggle=\"tooltip\"]').tooltip(); });\n\n// Uncomment to enable Bootstrap popovers\n// https://getbootstrap.com/docs/4.0/components/popovers/#example-enable-popovers-everywhere\n// $(function () { $('[data-toggle=\"popover\"]').popover(); });\n\n\n$(document).ready(function() {\n var initGlobalNavigation = (function() {\n\t\tvar navContainer = $('.main-header');\n\t\tvar desktopNavContainer = $('.main-header.hg-media-nav-inline')\n\t\tvar nav = $('.main-header .hg-media-nav');\n\t\tvar navList = $('.main-header .hg-primary-nav');\n\t\tvar menuBreakpoint = 1025;\n\t\n\t\t// toggleMenuType();\n\t\t// domManipulation();\n\t\n\t\t// $(window).on('resize', function() {\n\t\t// //Optimizes any animations while resizing the browser window, and runs our 'toggleMenuType' function\n\t\t// // for browsers that support\n\t\t// (!window.requestAnimationFrame) ? setTimeout(toggleMenuType, 300): window.requestAnimationFrame(toggleMenuType);\n\t\t// });\n\t\n\t\t// $(window).scroll(function () {\n\t\t// if ($(window).scrollTop() > nav.height()) {\n\t\t// navContainer.addClass(\"scrolled\");\n\t\t// } else {\n\t\t// navContainer.removeClass(\"scrolled\");\n\t\t// }\n\t\t// });\n\t\n\t\t// on mobile\n\t\t// - toggle the hamburger\n\t\tnavContainer.find('.hg-primary-nav__toggle').on('click', function(event) {\n\t\t\tevent.preventDefault();\n\t\t\tvar button = $(this);\n\t\t\tbutton.toggleClass('is-active');\n\t\t\tnavList.toggleClass('js-open');\n\t\t});\n\t\n\t\t// and create an clickable accordion\n\t\tnavList.find('.has-children .js-accordion-trigger').on('click', function() {\n\t\t\tvar navItem = $(this).parent();\n\t\t\t$(this).toggleClass('js-active');\n\t\t\t// $(navItem).toggleClass('selected');\n\t\t\tscrollY = function() {\n\t\t\t\t$('html, body').animate({\n\t\t\t\t\tscrollTop: $(navItem).offset().top\n\t\t\t\t}, 300);\n\t\t\t};\n\t\t\t$(navItem).children('ul').slideToggle('fast');\n\t\t\tscrollY();\n\t\t});\n\t\n\t\tfunction domManipulation() {\n\t\t\t//adds an active class to 'selected' items\n\t\t\tnavList.find('.selected').addClass('js-active');\n\t\t\t//adds an active class to parent item if child is selected\n\t\t\tactiveItem = $('.secondary-nav').find('.selected');\n\t\t\tif(activeItem) {\n\t\t\t\t$(activeItem).parents('.has-children:not(.js-donotselect)').addClass('js-active');\n\t\t\t}\n\t\t\t//Adds a chevron to mobile menu on load\n\t\t\tnavList.find('.has-children').prepend($('<div>', {\n\t\t\t\tclass: 'js-accordion-trigger'\n\t\t\t}));\n\t\t}\n\t\n\t\tfunction toggleMenuType() {\n\t\t\t//adds desktop class identifier - so we can add rollover effects\n\t\t\tif ($(window).width() >= +menuBreakpoint) {\n\t\t\t\tnavContainer.addClass('hg-media-nav-inline');\n\t\t\t\tnav.addClass('is-fixed');\n\t\t\t\tnavList.find('.secondary-nav').removeAttr('style');\n\t\t\t}\n\t\t\t// defaults to mobile menu with different functionality\n\t\t\telse {\n\t\t\t\t// navList.find('.has-children').removeClass('selected');\n\t\t\t\tnavContainer.removeClass('hg-media-nav-inline');\n\t\t\t\tnav.removeClass('is-fixed');\n\t\t\t\t$('.secondary-nav').removeClass('is-hidden');\n\t\t\t}\n\t\t}\n\t})();\n\t\n\n})"],"file":"main.js"}
\ No newline at end of file
src/Projects/HGX_WineCompanion_UI_setup/src/assets/img/subscribe.png 0 → 100644
View file @ d6a751f0
src/Projects/HGX_WineCompanion_UI_setup/src/assets/img/subscribe.png

63 KB

src/Projects/HGX_WineCompanion_UI_setup/src/assets/scss/2-tools/mixins/_objects.scss
View file @ d6a751f0
......@@ -90,4 +90,17 @@
}
.dark-bg-50{
background: linear-gradient(180deg, rgba(0,0,0,0.3) 10%, rgba(0,0,0,1) 98%) !important;
}
.white-bg{
background-color: #fff !important;
}
.gray-bg{
background-color: $color-gray_light !important;
}
.sec-pad{
padding: 60px 0 !important;
@include bp-medium {
padding: 100px 0 !important;
}
}
\ No newline at end of file
src/Projects/HGX_WineCompanion_UI_setup/src/assets/scss/5-objects/_typography.scss
View file @ d6a751f0
......@@ -47,6 +47,6 @@
margin-bottom: 1rem;
@include bp-tablet { font-size: 1.9rem; }
}
.o-center{
.o-center {
text-align: center;
}
\ No newline at end of file
}
src/Projects/HGX_WineCompanion_UI_setup/src/assets/scss/6-components/_c-grid.scss
View file @ d6a751f0
......@@ -3,6 +3,12 @@
}
.c-grid-box-child-shrink {
flex: 0 1 auto;
a{
color: white;
&.button-light{
color: $color-primary;
}
}
}
@mixin colSiblingsTextImg{
&-inner{
......@@ -45,6 +51,9 @@
&.col-1{
grid-area: fistCard;
display: flex;
@include bp-mobile-only{
margin-bottom: 24px;
}
.c-grid-box{
&-inner{
display: flex;
......@@ -66,7 +75,7 @@
}
}
height: 0;
padding-bottom: 56.6%;
padding-bottom: 43.6%;
overflow: hidden;
}
......@@ -111,12 +120,24 @@
display: flex;
@include bp-mobile-only{
flex-flow: column wrap;
margin-bottom: 24px;
}
@include bp-large{
margin-left: 24px
}
.c-grid-box{
@include colSiblingsTextImg;
&-inner{
width: 100%;
&.ad-wrap{
margin-left: 24px;
max-width: 300px;
@include bp-mobile-only{
margin-top: 24px;
margin-left: 0;
}
@include bp-large{
margin-left: 24px;
}
......@@ -156,10 +177,20 @@
@include bp-mobile-only{
display: none;
}
@include bp-large{
display: none;
}
}
&.col-4{
grid-area: fourthCard;
display: flex;
@include bp-mobile-only{
margin-bottom: 24px;
}
@include bp-large{
margin-top: 24px;
margin-left: 24px
}
.c-grid-box{
@include colSiblingsTextImg;
&-content{
......@@ -182,16 +213,18 @@
'secondCard'
'thirdCard'
'fourthCard';
gap: 24px;
// gap: 24px;
// background-color: red;
// padding: 2rem 0;
@include bp-tablet-only{
grid-template-areas:
// 'fistCard thirdCard'
// 'fourthCard secondCard';
'fistCard secondCard'
'fourthCard fourthCard';
grid-template-columns: calc(60% - 12px) calc(40% - 12px);
'fistCard '
'secondCard'
'fourthCard';
grid-template-columns: 100% 100% 100%;
gap: 24px;
}
@include bp-large{
grid-template-areas:
......@@ -199,7 +232,9 @@
// 'fistCard fourthCard fourthCard';
'fistCard secondCard'
'fistCard fourthCard';
grid-template-columns: calc(40% - 16px) calc(60% - 16px);
// grid-template-columns: calc(40% - 16px) calc(60% - 16px);
grid-template-columns: 40% 60%;
}
}
......
src/Projects/HGX_WineCompanion_UI_setup/src/assets/scss/6-components/_c-tasting-team.scss
View file @ d6a751f0
.c-tasting-team{
padding-bottom: 2rem;
.c-tile{
background-color: #F5F5F5;
padding: 24px;
width: auto;
margin-right: 20px;
&-image{
width: 120px;
height: 120px;
min-height: max-content;
border-radius: 120px;
overflow: hidden;
margin: auto;
img{
width: 100%;
height: 100%;
object-fit: cover;
}
.c-tasting-team {
padding: 2rem 0 4rem;
.c-tile {
background-color: #F5F5F5;
padding: 24px;
width: auto;
margin-right: 20px;
&-image {
width: 120px;
height: 120px;
min-height: max-content;
border-radius: 120px;
overflow: hidden;
margin: auto auto 20px;
img {
width: 100%;
height: 100%;
object-fit: cover;
}
&-content{
text-align: center;
width: 100%;
padding: 0;
h2{
font-size: 24px;
font-weight: 700;
}
.social-media-links{
a{
margin-right: 10px;
}
}
&-content {
text-align: center;
width: 100%;
padding: 0;
h2 {
font-size: 24px;
font-weight: 700;
}
.social-media-links {
margin: 16px auto 0;
a {
margin-right: 10px;
.c-icon{
width:24px;
height:24px;
}
}
}
}
}
}
\ No newline at end of file
}
\ No newline at end of file
src/Projects/HGX_WineCompanion_UI_setup/src/assets/scss/6-components/_subscribe-wrapper.scss
View file @ d6a751f0
.subscribe-wrapper{
.subscribe-wrapper {
margin-top: 80px;
padding: 2rem 0;
// @include bp-xxlarge-max {
// padding: 2rem 1rem;
// }
&__inner{
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
margin-top: 100px;
&:before {
content: '';
display: block;
z-index: -1;
background: $color-gray_light;
width: 100%;
height: 100px;
position: absolute;
left: 0;
top: -100px;
}
&__content{
@include bp-mobile-only {
text-align: center;
width: 100%;
}
width: calc(60% - 40px);
h3{
font-family: "Playfair Display", serif;
font-size: 32px;
font-weight: 500;
margin-bottom: 1rem;
}
@include bp-xxlarge-max {
padding: 2rem 1rem;
}
&__image{
@include bp-mobile-only {
display: none;
}
width: calc(40% - 40px);
@include bp-large{
margin-top: -100px;
}
img{
width: 80%;
// height: 250px;
}
&__inner {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
align-items: center;
}
&__label{
&__content {
@include bp-mobile-only {
text-align: center;
width: 100%;
}
width: calc(60% - 40px);
h3 {
font-family: "Playfair Display", serif;
font-size: 32px;
font-weight: 500;
margin-bottom: 1rem;
a{
background-color: rgba(255, 255, 255, 0.16);
color: $color-secondary-a;
padding: 4px 18px;
border-radius: 18px;
margin-bottom: 1rem;
display: inline-block;
}
}
}
&__input-group{
&__image {
@include bp-mobile-only {
display: none;
}
width: calc(40% - 40px);
@include bp-large {
margin-top: -64px;
display: flex;
justify-content: space-between;
justify-content: center;
}
img {
width: 80%;
max-width: 260px;
// height: 250px;
}
}
&__label {
margin-bottom: 1rem;
a {
background-color: rgba(255, 255, 255, 0.16);
color: $color-secondary-a;
padding: 4px 18px;
border-radius: 18px;
margin-bottom: 1rem;
display: inline-block;
}
}
&__input-group {
display: flex;
justify-content: space-between;
@include bp-mobile-only {
flex-direction: column;
}
&_input {
width: calc(100% - 224px);
@include bp-mobile-only {
flex-direction: column;
width: 100%;
margin-bottom: 1rem;
}
&_input{
width: calc(100% - 224px);
@include bp-mobile-only {
width: 100%;
margin-bottom: 1rem;
}
input{
width: 100%;
height: 48px;
padding: 1rem;
border: 1px solid #EBEDF5;
border-radius: 8px;
}
input {
width: 100%;
height: 48px;
padding: 1rem;
border: 1px solid #EBEDF5;
border-radius: 8px;
}
&_button{
text-align: center;
padding: 14px 24px;
background: #961E21;
border-radius: 8px;
color: #fff;
width: 206px;
text-transform: uppercase;
font-weight: 600;
@include bp-mobile-only {
width: 100%;
}
}
&_button {
text-align: center;
padding: 14px 24px;
background: #961E21;
border-radius: 8px;
color: #fff;
width: 206px;
text-transform: uppercase;
font-weight: 600;
@include bp-mobile-only {
width: 100%;
}
}
}
}
\ No newline at end of file
}
\ No newline at end of file
src/Projects/HGX_WineCompanion_UI_setup/src/assets/scss/6-components/_wine-club-page.scss
View file @ d6a751f0
$color-primary_new: #223C59;
.wine-club {
&-page {
color: $color-primary_new;
......@@ -33,6 +34,7 @@ $color-primary_new: #223C59;
@media (min-width:768px) {
display: flex;
justify-content: center;
gap:unset;
}
}
......@@ -127,6 +129,7 @@ $color-primary_new: #223C59;
}
}
}
.wc-flex {
display: flex;
/*align-items: center;*/
......@@ -146,9 +149,10 @@ $color-primary_new: #223C59;
}
&-title {
font-family: "Playfair Display", serif;
font-size: 36px;
font-family: "U8 Medium", sans-serif !important;
font-size: 40px;
margin: 1em auto 0;
font-weight: 700;
&.mini {
text-align: center;
......@@ -233,7 +237,6 @@ $color-primary_new: #223C59;
img {
margin-bottom: 0
}
/*@media (min-width:768px) {
padding: 1rem 0 1rem 1rem;
}*/
......@@ -242,18 +245,20 @@ $color-primary_new: #223C59;
}
.wc-primary-bg {
background-color: $color-primary_new;
background-color: $color-primary_new !important;
h3 {
color: #fff;
font-family: "Playfair Display", serif;
font-size: 24px;
margin: 16px auto 30px;
@media (min-width:1024px){
@media (min-width:1024px) {
font-size: 36px;
}
}
}
.c-button.white {
display: inline-block;
color: $color-primary_new;
......@@ -261,11 +266,13 @@ $color-primary_new: #223C59;
font-weight: bold;
height: 54px;
padding: 1.1em 3.6em;
margin-bottom:30px;
margin-bottom: 30px;
&:hover {
box-shadow: 0.1rem 0.1rem 0.6rem rgba(0, 0, 0, 0.4);
}
}
.wc-adjImg {
margin-bottom: 20px;
......@@ -299,14 +306,18 @@ $color-primary_new: #223C59;
margin-bottom: 30px;
}
}
.wc-subscrb {
color: white;
margin-bottom: 50px;
// margin-bottom: 50px;
.c-content-block-inner {
@media (max-width:767px) {
text-align: center;
}
@include bp-large{
width: 80%;
}
@media (min-width:768px) and (max-width:1023px) {
width: 100%;
......@@ -327,6 +338,8 @@ $color-primary_new: #223C59;
&.white {
padding: 1.1em 2em;
margin-top: 30px;
border-radius: 8px;
text-transform: uppercase;
@media (max-width:767px) {
margin-bottom: 50px;
......
src/Projects/HGX_WineCompanion_UI_setup/src/assets/scss/vue-components-styles/hero-banner-homepge.scss
View file @ d6a751f0
......@@ -11,11 +11,13 @@
text-align: center;
font-family: "Graphik Light", sans-serif;
padding: 60px 0 70px;
// margin-bottom: 100px;
@include bp-mobile-only {
padding: 40px 0;
min-height: calc(100vh - 80px);
margin-bottom: 60px;
}
&:before {
......@@ -50,8 +52,8 @@
.o-para {
color: inherit;
margin-bottom: 1em;
font-size: 17px;
margin-bottom: 1.5em;
font-size: 14px;
font-family: $font-stack-level-one;
@include bp-mobile-only {
......@@ -85,10 +87,11 @@
.hero-h1 {
font-family: "Playfair Display", serif;
margin-bottom: 0.7em;
margin-bottom: 0.5em;
text-align: center;
font-size: 40px;
font-size: 42px;
text-transform: capitalize;
font-weight: 700;
@include bp-mobile-only {
margin-bottom: 0.5em;
......
src/Projects/HGX_WineCompanion_UI_setup/src/layouts/default.html
View file @ d6a751f0
......@@ -7,6 +7,9 @@
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Foundation for Sites</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
<!-- Add the slick-theme.css if you want default styling -->
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<!-- Add the slick-theme.css if you want default styling -->
......
src/Projects/HGX_WineCompanion_UI_setup/src/pages/index.html
View file @ d6a751f0
<main role="main" class="o-container o-container-main">
{{> home-page-hero-banner}}
{{> homepage-award-winning-regds}}
{{> advertisement}}
{{> handy-resources}}
{{> native-grid}}
{{> subscribe-section}}
{{> join-club}}
{{> upcoming-events}}
{{> native-grid}}
{{> top-rated-wines}}
{{> meets-tasting-teams}}
{{> join-club}}
{{> handy-resources}}
{{> featured-rated-wines}}
{{> top-rated-wines}}
{{> video-podcast}}
{{> popular-regions}}
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/advertisement.html
View file @ d6a751f0
<section class="c-grid-wrapper grey-bg">
<section class="c-grid-wrapper gray-bg sec-pad">
<div class="o-wrapper">
<div class="c-grid-container">
<div class="c-grid-col col-1">
<div class="c-grid-box-inner">
<div class="c-grid-box-img">
<img src="https://cdn.hardiegrant.com/-/media/wc/articles/news/wineclub/wine-club-tile.ashx" alt="" />
<img src="https://staging.winecompanion.com.au/-/media/wc/homepage/wine%20club.ashx" alt="" />
</div>
<div class="c-grid-box-content">
<div class="c-grid-box-child-auto">
......@@ -32,7 +32,9 @@
</div>
<div class="c-grid-box-child-shrink">
<a class="">Browse Events</a>
<a class="">Browse Events <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 13.5L13 1.5M13 1.5V9.75M13 1.5H4.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></a>
</div>
</div>
......@@ -61,7 +63,9 @@
<div class="c-grid-box-child-auto"><h3>Halliday Wine Academy</h3>
<p>Increase your wine knowledge with our wealth of wine resources.</p></div>
<div class="c-grid-box-child-shrink"><a class="">Enroll Now</a></div>
<div class="c-grid-box-child-shrink"><a class="">Enrole Now <svg width="14" height="15" viewBox="0 0 14 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 13.5L13 1.5M13 1.5V9.75M13 1.5H4.75" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
</svg></a></div>
</div>
</div>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/featured-rated-wines.html
View file @ d6a751f0
<section id="featured-wineries" class="c-tile-wrapper">
<section id="featured-wineries" class="c-tile-wrapper white-bg sec-pad">
<div class="o-wrapper pe-lg-0">
<div class="c-tile-heading" id="wineries">
<h4>Featured Wineries</h4>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/handy-resources.html
View file @ d6a751f0
<section class="c-tile-wrapper c-grid-six">
<section class="c-tile-wrapper c-grid-six gray-bg sec-pad">
<div class="o-wrapper">
<div class="c-tile-heading" id="regionnews">
<h2>Handy Resources</h2>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/meets-tasting-teams-glide.html
View file @ d6a751f0
<section class="c-tile-wrapper c-tasting-team">
<section class="c-tile-wrapper c-tasting-team white-bg">
<div class="o-wrapper pe-lg-0">
<div class="c-tile-heading" id="regionnews">
<h2>Meet Tasting Team</h2>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/meets-tasting-teams.html
View file @ d6a751f0
<section class="c-tile-wrapper c-tasting-team">
<section class="c-tile-wrapper c-tasting-team white-bg sec-pad">
<div class="o-wrapper pe-lg-0">
<div class="c-tile-heading" id="regionnews">
<h2>Meet Tasting Team</h2>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/native-grid.html
View file @ d6a751f0
<section class="c-tile-wrapper">
<section class="c-tile-wrapper gray-bg latest-articles-wrapper">
<div class="o-wrapper pe-lg-0">
<div class="c-tile-heading" id="regionnews">
<h2>Latest Articles</h2>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/subscribe-section.html
View file @ d6a751f0
......@@ -19,7 +19,7 @@
</div>
</div>
<div class="subscribe-wrapper__image">
<img src="https://cdn.hardiegrant.com/-/media/wc/articles/platinum-partners/march-2023/cloverhill_tile.ashx" alt="">
<img src="https://staging.winecompanion.com.au/-/media/wc/homepage/image%2025.ashx" alt="">
</div>
</div>
</div>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/top-rated-wines.html
View file @ d6a751f0
......@@ -45,6 +45,7 @@
<div class="c-tile-content c-tile-custom o-center blur-bg">
<!-- <h5>2020</h5> -->
<h2> Top red <br/> Under $30</h2>
<button class="c-button white margin-bottom-0" style="padding: 0 0 0 0 !important">View More</button>
</div>
</a>
</li>
......@@ -59,6 +60,7 @@
<div class="c-tile-content c-tile-custom o-center blur-bg">
<!-- <h5>2020</h5> -->
<h2> Top red <br/> Under $30</h2>
<button class="c-button white margin-bottom-0" style="padding: 0 0 0 0 !important">View More</button>
</div>
</a>
</li>
......@@ -73,6 +75,7 @@
<div class="c-tile-content c-tile-custom o-center blur-bg">
<!-- <h5>2020</h5> -->
<h2> Top red <br/> Under $30</h2>
<button class="c-button white margin-bottom-0" style="padding: 0 0 0 0 !important">View More</button>
</div>
</a>
</li>
......@@ -87,6 +90,7 @@
<div class="c-tile-content c-tile-custom o-center blur-bg">
<!-- <h5>2020</h5> -->
<h2> Top red <br/> Under $30</h2>
<button class="c-button white margin-bottom-0" style="padding: 0 0 0 0 !important">View More</button>
</div>
</a>
</li>
......@@ -101,6 +105,7 @@
<div class="c-tile-content c-tile-custom o-center blur-bg">
<!-- <h5>2020</h5> -->
<h2> Top red <br/> Under $30</h2>
<button class="c-button white margin-bottom-0" style="padding: 0 0 0 0 !important">View More</button>
</div>
</a>
</li>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/upcoming-events.html
View file @ d6a751f0
<section class="c-tile-wrapper c-tile-events">
<section class="c-tile-wrapper c-tile-events gray-bg sec-pad">
<div class="o-wrapper pe-lg-0">
<div class="c-tile-heading" id="regionnews">
<h2>Upcoming Events</h2>
......
src/Projects/HGX_WineCompanion_UI_setup/src/partials/video-podcast.html
View file @ d6a751f0
<section class="c-tile-wrapper">
<section class="c-tile-wrapper gray-bg sec-pad">
<div class="o-wrapper pe-lg-0">
<div class="c-tile-heading" id="regionnews">
<h2>Wine Resources</h2>
......
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