trinhtanloc789

<a href="whatsapp://send?phone=523222102951&text=%F0%9F%99%8B%20%20Hola,%20%C2%BFEn%20qu%C3%A9%20podemos%20ayudarte?" target="_blank"class="float"><link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" ><i class="fab fa-whatsapp fa-7x" style="font-size:4em;"></i></a>
<div class="label-container success"><div class="label-text">Contáctenos por WhatsApp</div><i class="fa fa-play label-arrow"></i></div>



<a href="m.me/106629744418674" target="_blank"class="float2"><link rel="stylesheet" ><i class="fab fa-facebook-messenger fa-7x" style="font-size:4em;"></i></a>
<div class="label-container2" id="hideMe"><div class="label-text2">Contáctenos por Messenger</div><i class="fa fa-play label-arrow2" ></i></div>

trinhtanloc789

.card
	.card-play
	.card-video
		iframe#video(src="https://www.youtube.com/embed/JE9z-gy4De4?enablejsapi=1&html5=1&iv_load_policy=3&rel=0&showinfo=0", frameborder="0", allowfullscreen)

trinhtanloc789

Bootstrap 4: Carousel / Slider / Slideshow

A Pen by Edgar Lnx on CodePen.

License.

trinhtanloc789

Fullscreen drag-slider with parallax

Sort of responsive. Tested in Chrome/FF/last IE, everywhere looks fine.

Source of inspiration - https://stupid-studio.com/ (their js is minified, so all code is mine, except some parts of svg, like viewBox/minHeight).

A Pen by Nikolay Talanov on CodePen.

License.

trinhtanloc789

<nav>
<a id="resp-menu" class="responsive-menu" href="#"><i class="fa fa-reorder"></i> Menu</a>    
   <ul class="menu">
   <li><a class="homer" href="#"><i class="fa fa-home"></i> HOME</a>
   <ul class="sub-menu">
   <li><a href="#">Sub-Menu 1</a></li>
   <li><a href="#">Sub-Menu 2</a></li>
   <li><a href="#">Sub-Menu 3</a></li>
   <li><a href="#">Sub-Menu 4</a></li>
   <li><a href="#">Sub-Menu 5</a></li>   

trinhtanloc789

<div class="container-fluid">
  <h1 class="text-center mb-3">Bootstrap Multi-Card Carousel</h1>
  <div id="myCarousel" class="carousel slide" data-ride="carousel">
    <div class="carousel-inner row w-100 mx-auto">
      <div class="carousel-item col-md-4 active">
        <div class="card">
          <img class="card-img-top img-fluid" src="http://placehold.it/800x600/f44242/fff" alt="Card image cap">
          <div class="card-body">
            <h4 class="card-title">Card 1</h4>
            <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>

trinhtanloc789

carousel bootstrap 4 slider

A Pen by Pawel Kleczek on CodePen.

License.

trinhtanloc789

<header class="container">
  <div class="cusotm-nav-container d-flex align-items-center justify-content-between px-2 shadow-sm py-2">
    <a href="#" class="navbar-brand">
      <i class="fas fa-meteor d-flex text-clipped">
        <span class="m-auto">Meteor</span>
      </i>
    </a>

    <div class="main-nav-aside"></div>
    <div class="main-nav-outer d-flex">

trinhtanloc789

<div class="swiper-container">
  <div class="swiper-wrapper">
    <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=991)">
    </div>
    <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=1081)">
    </div>
    <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=1064)">
    </div>
    <div class="swiper-slide" style="background-image:url(https://picsum.photos/1920/1080?image=1000)">
    </div>'

trinhtanloc789

<div class="wrapper">
  <div class="container">

    <div id="narrow-browser-alert" class="alert alert-info text-center">
      <strong>Heads up!</strong> <br>Narrow your browser!</div>
    
    <div class="bs-example bs-example-tabs" role="tabpanel" data-example-id="togglable-tabs">
      <ul id="myTab" class="nav nav-tabs nav-tabs-responsive" role="tablist">
        <li role="presentation" class="active">
          <a href="#home" id="home-tab" role="tab" data-toggle="tab" aria-controls="home" aria-expanded="true">