faruk09

/* XL Device :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}

/* LG Device :992px. */
@media (min-width: 992px) and (max-width: 1200px) {

faruk09

CSS code:

.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;

faruk09

.custom-accordian .btn{
    position: relative;
    width: 100%;
    text-align: left;
    text-decoration: none;
    color: #555;
}

.custom-accordian .btn.btn-link:before{

faruk09

PHP Code:
--------------
<?php

    // Only process POST reqeusts.
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        // Get the form fields and remove whitespace.
        $name = strip_tags(trim($_POST["name"]));
				$name = str_replace(array("\r","\n"),array(" "," "),$name);
        $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);

faruk09

Filtering
--------------------
        <div class="row">
          <div class="button-group filter-button-group">
            <button class="active" data-filter="*">All</button>
            <button data-filter=".web">Web</button>
            <button data-filter=".apps">Apps</button>
            <button data-filter=".icons">Icons</button>
          </div>
        </div>

faruk09

Owl dots in center
----------------------
.owl-dots{
	margin:  0 auto;
	display: block;
	text-align: center;
}


Problem: owl nav is set to nav:true but nav icons is not showing.

faruk09

 <div class="container text-center">
        <div class="row">
            <div class="col-md-4">
                <div class="content"></div>
            </div>
            <div class="col-md-4">
                <div class="content"></div>
            </div>
            <div class="col-md-4">
                <div class="content"></div>

faruk09

<div class="row centered"   >
  <div class="col-xs-12 col-sm-4 col-md-2" style="">
    <a href="http://example.com/" target="_blank"><img src="cover.png"></a>
  </div>
  
  <div class="col-xs-12 col-sm-4 col-md-2" style="">
    <a href="http://example.com" target="_blank"><img src=""></a>
  </div>
</div>
...........

faruk09

-webkit-animation: minus 0.5s;  // Add this to a icon or element or div
@keyframes minus {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

faruk09

.rounded-corners-gradient-borders {
  width: 300px;
  height: 80px;
  border: double 4px transparent;
  border-radius: 80px;
  background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);
  background-origin: border-box;
  background-clip: content-box, border-box;
}