reset.css

* { margin: 0; padding: 0; box-sizing: border-box; }

body { color: #000; font-size: 16px; line-height: 1.4; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Arial, Helvetica, sans-serif;  -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; background: #fff;  }

a { text-decoration: none; color: #f90; transition: 0.3s ease-in-out; }
a:hover { color: #000; }

img { max-width: 100%; height: auto; border: 0; display: block; }

/* Typography */
h1, h2, h3, h4, h5, h6 { font-weight: 700; line-height: 1.1; margin: 0 0 10x; }
h1 { font-size: 40px; }
h2 { font-size: 35px; }
h3 { font-size: 30px; }
h4 { font-size: 25px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }
p { margin-bottom: 20px; }

/* Button */
.button { padding: 5px 20px; height: 45px; border: 0; outline: none; cursor: pointer; transition: 0.3s ease-in-out; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; background: #f93 }

.button:hover { background: #f09; }

.wrapper { overflow: hidden; position: relative; }

@media only screen and (max-widht: 1199px){

}

Comments

Post a Comment

Popular posts from this blog

Animation js (Alternative wow js)

function isScrolledIntoView(elem) {     let docViewTop = $(window).scrollTop();     let docViewBottom = docViewTop + $(window).height();     let elemTop = $(elem).offset().top;     let elemBottom = elemTop + $(elem).height();     return ((elemTop <= docViewBottom) && (elemBottom >= docViewTop)); } $('.animate').each(function() {     if (isScrolledIntoView(this) === true) {         let animation = $(this).attr('data-animation');         let iteration = $(this).attr('data-iteration');         let duration = $(this).attr('data-duration');         let delay = $(this).attr('data-delay');         $(this).addClass('animated');         $(this).css({             'visibility': 'visible',             'animation-duration': duration,     ...
Read more

JavaScript code

// Select ==================> $( ".heapbox" ).heapbox( { effect : { "type" : "slide" , "speed" : "fast" }, "onChange" : function ( val, elm ) { elm.trigger( 'change' ); } } ); // auto increament class name $( document ).ready( function ( e ) { $( 'ul li' ).each( function ( i ) { i = i + 1 ; $( this ).addClass( 'item-' + i ); } ); } ); $( window ).scroll( function () { jQuery( '.home .header nav > ul > li > a' ).each( function() { var $scroll = jQuery( window ).scrollTop(); var $href = jQuery( this ).attr( 'href' ); var $offset = jQuery( $href ).offset().top - jQuery( '.header' ).outerHeight(); var $el_height = jQuery( $href ).outerHeight(); if ( $scroll >= $offset && $scroll < $offset + $el_height ) { jQuery( this ).parent( 'li' ).addClass( 'is-active' ).siblin...
Read more
Git Add file git add . hit enter Commit git commit -m "your local text" hit enter Push git push  origin branch-name  hit enter
Read more