Skip to content

Instantly share code, notes, and snippets.

@MomokoSanchez
MomokoSanchez / datalayer-nav.html
Created October 19, 2022 23:50
Datalater implementation - navigation
<script>
window.onload = function () {
var navItems = document.getElementsByClassName("elementor-item");
for(var i = 0; i< navItems.length; i++) {
navItems[i].addEventListener("click", navClickTracking);
}
function navClickTracking(e) {
var menuType = 'Footer';
@MomokoSanchez
MomokoSanchez / dental-program-2.html
Created October 19, 2022 20:16
Dental Program Page 2
<div class="col-12">
<div class="views-element-container block" data-block-plugin-id="views_block:programs-block_1">
<div>
<div class="js-view-dom-id-e4b6381c91cb374f5a85e5d9f9a7d2f4d36d92129e8941cb5855b102d6e19554">
<div class="row">
<div class="col-12 col-md-4">
<div class="card mb-6 round shadow-light-lg lift lift-lg overflow-hidden">
<div class="overlay overlay-primary">
<a href="/dental-programs/dental-assistant">
<img src="https://marvel-b1-cdn.bc0a.com/f00000000215399/www.concorde.edu/sites/default/files/styles/960x540/public/import/Career-Profile_Dental-Assistant-2-e1534370053861.jpg?h=871b28ed&amp;itok=LfAT9yD-" alt="Concorde Career College Dental Assistant student suctioning mouth up close" loading="lazy" class="card-img-top blend-mode-multiply b-lazy b-loaded is-b-loaded" style="mix-blend-mode:multiply;" be_marvel="1" onerror="this.onerror=null;this.src='/sites/defa
@MomokoSanchez
MomokoSanchez / dental-program-1.html
Created October 19, 2022 20:14
Dental Program Page - 1
<div style="margin-top: 35px;">
<img src="https://www.clickvoyant.com/wp-content/uploads/2022/08/Concorde-Ailen-test.jpg" style="display: block; margin: auto; object-fit: cover; width: 50%; border-radius: 100px;">
</div>
<p>
<span style="font-style: italic;">
"It's really because of Concorde that I not only get to help so many people, but I also get to continue to grow in my dream career."
</span>
<br>
<span style="float: right; margin-bottom: 25px;">- Ailen Morgado Falcon</span>
</p>
@MomokoSanchez
MomokoSanchez / concorde-mobile-dental.html
Created October 19, 2022 18:42
Concorde Mobile Dental Page snippet
<div class="row" style="
margin: 0 0 20px;
"><div class="col" style="
padding: 10px;
border: transparent;
"><p class="text-gray-700 mb-0" style="font-weight: bold;">Program Length</p><p class="mb-0 display-4 font-weight-bold text-primary font-family-arial" style="
font-size: 23px;
"> <span>8 / 18 Months</span></p><p class="mb-0" style="
color: #979595;
line-height: 1.1;
@MomokoSanchez
MomokoSanchez / head.html
Last active May 9, 2022 20:36
Data Layer Elementor navigation
<script>
window.dataLayer = window.dataLayer || [];
</script>
<script>
window.onload = function () {
var navItems = document.getElementsByClassName("elementor-item");
for(var i = 0; i< navItems.length; i++) {
navItems[i].addEventListener("click", navClickTracking);
h4.text-uppercase {
display : none;
}
div.agency-sign-up>div>div:nth-of-type(1)>h1 {
color : #3a0ca3;
font-size : 70px;
margin : 30px 0px 10px;
}
@MomokoSanchez
MomokoSanchez / hubspot-form-style
Created February 16, 2022 01:32
Forward Networks - Hubspot form style
.hs-form input {
background-color: #f5f8fa;
box-sizing: border-box;
padding: 0 15px;
min-height: 27px;
width: 100%;
display: inline-block;
height: 40px;
padding: 9px 10px;
var header = document.getElementsByClassName("yourHeaderClass")[0];
// Use prevScroll value to determine scroll direction
var prevScroll = window.pageYOffset;
window.onscroll = function() {
var scroll = window.pageYOffset;
// Add class after scrolling 300px from top, remove class when scrolling up
// Remove (scroll > prevScroll) to hide nav both on scroll Up and scroll down
if ((scroll > 300 ) && (scroll > prevScroll)) {
header.classList.add("hideNav");
@MomokoSanchez
MomokoSanchez / hide_nav_on_scroll.css
Last active January 7, 2022 23:19
Hide nav on scroll - CSS
nav {
// depends on nav implementation - eg "top: 0" will work if positioned absolute
margin-top: 0;
transition: margin-top 1s ease-in;
}
nav.hideNav {
// adjust depending on nav height
margin-top: -80px;
transition: margin-top 1s ease-in;
@MomokoSanchez
MomokoSanchez / hide_nav_on_scroll_jquery.js
Last active January 7, 2022 23:08
Hide Navigation on scroll - jQuery
//Performance - caches a jQuery object containing the header element
var header = $(".yourHeaderClass");
// use prevScroll value to determine scroll direction
var prevScroll = $(window).scrollTop();
$(window).scroll(function() {
var scroll = $(window).scrollTop();
// Add class after scrolling 300px from top, remove class when scrolling up
// Remove (scroll > prevScroll) to hide nav both on scroll Up and scroll down