frontend-coder

<div class="menu"><a class="dot" href="#index"><span class="forty">Index</span></a><a class="dot" href="#about"><span class="forty">About</span></a><a class="dot" href="#contacts"><span class="sixty">Contacts</span></a></div>
<section id="index">
  <h1>Index section</h1>
</section>
<section id="about">
  <h2>About section</h2>
</section>
<section id="contacts">
  <h2>Contacts section</h2>
</section>

frontend-coder

Css Transitions

Some css transitions and animations

A Pen by Kenny on CodePen.

License.

frontend-coder

<nav>
    <div class="container">
        <input id="responsive-menu" type="checkbox">
        <label for="responsive-menu">Menu <span id="menu-icon"></span></label>
        <div id="overlay"></div>
        <ul>
            <li><a href="http://art.yale.edu/">Yale University School of Art</a></li>
            <li><a href="http://www.suzannecollinsbooks.com/">Suzanne Collins</a></li>
            <li><a href="http://www.arrestling.com/index.htm">Gulla’s Arrestling</a></li>
            <li><a href="http://www.roverp6cars.com/">MGBD Parts &amp; Services</a></li>

frontend-coder

<a target="_blank" href="http://ksir.pw/csgo-sticker-signature-generator">Moved</a>

frontend-coder

<div id="nav-icon1">
  <span></span>
  <span></span>
  <span></span>
</div>
<div id="nav-icon2">
  <span></span>
  <span></span>
  <span></span>
  <span></span>

frontend-coder

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
	<div class="row">
        <div class="col-lg-5 col-md-5 col-sm-8 col-xs-9 bhoechie-tab-container">
            <div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 bhoechie-tab-menu">

frontend-coder

<a href="#">Lorem Ipsum</a>

frontend-coder

<div class="fh5co-intro text-center">
    <div class="fh5co-portfolio">
<div class="container">
           <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
           <h2><?php the_title(); ?></h2>
   <?php the_content(); ?>
 <?php endwhile; ?>
<!-- no navigations -->
    <?php else: ?>
 <!-- posts posts found -->

frontend-coder

<style>
.example_responsive_1 { width: 320px; height: 100px; text-align:center; margin:auto; }
@media(min-width: 480px) { .example_responsive_1 { width: 470px; height: 110px; } }
@media(min-width: 568px) { .example_responsive_1 { width: 558px; height: 110px; } }
@media(min-width: 600px) { .example_responsive_1 { width: 590px; height: 120px; } }	
@media(min-width: 667px) { .example_responsive_1 { width: 657px; height: 120px; } }	
@media(min-width: 684px) { .example_responsive_1 { width: 674px; height: 130px; } }
@media(min-width: 720px) { .example_responsive_1 { width: 710px; height: 140px; } }
@media(min-width: 768px) { .example_responsive_1 { width: 758px; height: 150px; } }	

frontend-coder

.widget {
  margin-top: 5px;
  margin-bottom: 5px;
}

.search-form .screen-reader-text {
color: #000; display: inline-block;
font-size: 16px;