Skip to content

Instantly share code, notes, and snippets.

View HoangLong22's full-sized avatar
🏠
Working from home

Nguyễn Hoàng Long HoangLong22

🏠
Working from home
View GitHub Profile
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 04:25
Slick Slider Syncing
<div id="page">
<div class="row">
<div class="column small-11 small-centered">
<h2>Slick Slider Syncing</h2>
<div class="slider slider-single">
<div><h3>1</h3></div>
<div><h3>2</h3></div>
<div><h3>3</h3></div>
<div><h3>4</h3></div>
<div><h3>5</h3></div>
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 04:57
Menu responsive
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<body>
<nav class="clearfix">
<ul class="clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">How-to</a></li>
<li><a href="#">Icons</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Web 2.0</a></li>
<li><a href="#">Tools</a></li>
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 05:59
Menu responsive
<link href='https://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
<body>
<nav class="clearfix">
<ul class="clearfix">
<li><a href="#">Home</a></li>
<li><a href="#">How-to</a></li>
<li><a href="#">Icons</a></li>
<li><a href="#">Design</a></li>
<li><a href="#">Web 2.0</a></li>
<li><a href="#">Tools</a></li>
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 06:04
Menu responsive
<div id='cssmenu'>
<ul>
<li><a href='#'>Home</a></li>
<li class='active'><a href='#'>Products</a>
<ul>
<li><a href='#'>Product 1</a>
<ul>
<li><a href='#'>Sub Product</a></li>
<li><a href='#'>Sub Product</a></li>
</ul>
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 06:40
menu responsive
<div class="header">
<div class="overlay">
<div class="container-custom">
<ul class="nav-one">
<li><a href="#"><i class="fa fa-heart-o"></i></a></li>
<li><a href="#"><i class="fa fa-cart-arrow-down"></i></a></li>
<li><a href="#">login / Register</a></li>
</ul>
</div>
<div class="container">
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 07:49
Placeholder Site
<div class="fixed-nav-bar">
<div class="logo"><span>Placeholder</span>Studios</div>
<input type="checkbox" id="menuButton" />
<label for="menuButton" class="menu-button-label">
<div class="white-bar"></div>
<div class="white-bar"></div>
<div class="white-bar"></div>
<div class="white-bar"></div>
</label>
</div>
@HoangLong22
HoangLong22 / css3-responsive-menu-dropdown-submenu-width-logo.markdown
Created September 22, 2020 08:10
CSS3 Responsive Menu Dropdown + Submenu width Logo
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 09:22
Personal Portfolio Page
<body data-spy="scroll" data-target="#main-nav" data-offset="60">
<!-- Fixed Navbar -->
<nav id="main-nav" class="navbar navbar-default ">
<div class="container-fluid">
<div class="navbar-header">
<!-- Menu Toggle -->
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#menu" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="glyphicon glyphicon-menu-hamburger"></span>
</button>
@HoangLong22
HoangLong22 / index.html
Created September 22, 2020 10:08
Slideshow Parallax with TweenMax
<main class="main-content">
<section class="slideshow">
<div class="slideshow-inner">
<div class="slides">
<div class="slide is-active ">
<div class="slide-content">
<div class="caption">
<div class="title">Slide title 1</div>
<div class="text">
<p>Slide description 1</p>
@HoangLong22
HoangLong22 / bootstrap-datepicker-demo.markdown
Created September 24, 2020 08:02
Bootstrap Datepicker Demo

Bootstrap Datepicker Demo

Using a bootstrap datepicker and the getDate method to add a second string with different date formatting.

A Pen by Ryan Mulligan on CodePen.

License.