File: //home/awaldron/_domains/michaelhorowitzmd.com/_bak/blog-full-post.html
<!DOCTYPE html>
<!--[if IE 7]><html class="no-js ie7 oldie" lang="en-US"> <![endif]-->
<!--[if IE 8]><html class="no-js ie8 oldie" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<head>
<meta charset="utf-8">
<!-- TITLE OF SITE-->
<title> Al Rayhan </title>
<!-- META TAG -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="CV, Portfolio, Resume">
<meta name="author" content="Desiver Web, Md. Siful Islam">
<!-- FAVICON -->
<link rel="icon" href="assets/images/favicon.ico">
<link rel="apple-touch-icon" sizes="72x72" href="assets/images/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="assets/images/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="assets/images/apple-icon-114x114.png">
<!-- ========================================
Stylesheets
==========================================-->
<!-- MATERIALIZE CORE CSS -->
<link href="assets/css/materialize.min.css" rel="stylesheet">
<!-- ADDITIONAL CSS -->
<link rel="stylesheet" href="assets/css/animate.css">
<!-- FONTS -->
<link href='http://fonts.googleapis.com/css?family=Roboto:400,100,300,700,400italic,700italic' rel='stylesheet' type='text/css'>
<!--FONTAWESOME CSS-->
<link href="assets/icons/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<!-- CUSTOM STYLE -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- RESPONSIVE CSS-->
<link href="assets/css/responsive.css" rel="stylesheet">
<!-- COLORS -->
<!--<link rel="alternate stylesheet" href="assets/css/colors/red.css" title="red">-->
<!--<link rel="alternate stylesheet" href="assets/css/colors/purple.css" title="purple">-->
<!--<link rel="alternate stylesheet" href="assets/css/colors/orange.css" title="orange">-->
<!--<link rel="alternate stylesheet" href="assets/css/colors/green.css" title="green"> -->
<!--<link rel="stylesheet" href="assets/css/colors/lime.css" title="lime"> -->
<!--[if lt IE 9]><script src="assets/js/ie8-responsive-file-warning.js"></script><![endif] -->
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
<![endif]-->
</head>
<body>
<!-- Start Container-->
<div class="container">
<!-- row -->
<div class="row">
<!-- =========================================
SIDEBAR
==========================================-->
<!-- Start Sidebar -->
<aside class="col l4 m12 s12 sidebar z-depth-1" id="sidebar">
<!-- Sidebar row -->
<div class="row">
<!-- top section -->
<div class="heading">
<!-- =======================================
IMAGE
=========================================-->
<div class="feature-img">
<a href="index.html"><img src="assets/images/profile-img.jpg" class="responsive-img" alt=""></a>
</div>
<!-- =========================================
NAVIGATION
==========================================-->
<div class=" nav-icon">
<nav>
<div class="nav-wrapper">
<ul id="nav-mobile" class="side-nav">
<li><a href="index.html">Resume</a></li>
<li><a href="project.html">Projects</a></li>
<li><a href="cover-latter.html">Cover Latter</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<a href="#" data-activates="nav-mobile" class="button-collapse "><i class="mdi-navigation-menu"></i></a>
</div>
</nav>
</div>
<!-- =========================================
NAME AND TAGLINE
==========================================-->
<div class="title col s12 m12 l9 right wow fadeIn" data-wow-delay="0.1s">
<h2>Al Rayhan</h2> <!-- title name -->
<span>UI & UX Expert</span> <!-- tagline -->
</div>
</div>
<!-- sidebar info -->
<div class="col l12 m12 s12 sort-info sidebar-item">
<div class="row">
<div class="col m12 s12 l3 icon"> <!-- icon -->
<i class="fa fa-user"></i>
</div>
<div class="col m12 s12 l9 info wow fadeIn a1" data-wow-delay="0.1s" > <!-- text -->
<div class="section-item-details">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua . Ld do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</div>
</div>
</div>
<!-- MOBILE NUMBER -->
<div class="col l12 m12 s12 mobile sidebar-item">
<div class="row">
<div class="col m12 s12 l3 icon">
<i class="fa fa-phone"></i> <!-- icon -->
</div>
<div class="col m12 s12 l9 info wow fadeIn a2" data-wow-delay="0.2s" >
<div class="section-item-details">
<div class="personal">
<h4><a href="tel:555-555-5555">(111)-333-4444</a></h4> <!-- Number -->
<span>mobile</span>
</div>
<div class="work">
<h4><a href="tel:555-555-5555">(121)-323-3494</a></h4> <!-- Number -->
<span>work</span>
</div>
</div>
</div>
</div>
</div>
<!-- EMAIL -->
<div class="col l12 m12 s12 email sidebar-item ">
<div class="row">
<div class="col m12 s12 l3 icon">
<i class="fa fa-envelope"></i> <!-- icon -->
</div>
<div class="col m12 s12 l9 info wow fadeIn a3" data-wow-delay="0.3s">
<div class="section-item-details">
<div class="personal">
<h4><a href="mailto:someone@example.com">mail@alrayhan.com</a></h4> <!-- Email -->
<span>personal</span>
</div>
<div class="work">
<h4><a href="mailto:someone@example.com">ar@deviserweb.com</a></h4> <!-- Email -->
<span>work</span> <br>
</div>
</div>
</div>
</div>
</div>
<!-- ADDRESS -->
<div class="col l12 m12 s12 address sidebar-item ">
<div class="row">
<div class="col l3 m12 s12 icon">
<i class="fa fa-home"></i> <!-- icon -->
</div>
<div class="col m12 s12 l9 info wow fadeIn a4" data-wow-delay="0.4s">
<div class="section-item-details">
<div class="address-details"> <!-- address -->
<h4>24 Golden Tower <span>(2nd floor)</span><br>
Amborkhana, Sylhet.<br>
<span>SYL-3RF87W</span></h4>
</div>
</div>
</div>
</div>
</div>
<!-- SKILLS -->
<div class="col l12 m12 s12 skills sidebar-item" >
<div class="row">
<div class="col m12 l3 s12 icon">
<i class="fa fa-calendar-o"></i> <!-- icon -->
</div>
<!-- Skills -->
<div class="col m12 l9 s12 skill-line a5 wow fadeIn" data-wow-delay="0.5s">
<h3>Professional Skills </h3>
<span>Adobe Photoshop</span>
<div class="progress">
<div class="determinate"> 70% </div>
</div>
<span>HTML</span>
<div class="progress">
<div class="determinate"> 95%</div>
</div>
<span>CSS</span>
<div class="progress">
<div class="determinate">90%</div>
</div>
<span>Javascript</span>
<div class="progress">
<div class="determinate">85%</div>
</div>
<span>PHP</span>
<div class="progress">
<div class="determinate">70%</div>
</div>
<span>JAVA</span>
<div class="progress">
<div class="determinate">55%</div>
</div>
<span>SQL</span>
<div class="progress">
<div class="determinate">40%</div>
</div>
</div>
</div>
</div>
</div> <!-- end row -->
</aside><!-- end sidebar -->
<!-- =========================================
Full blog post
==========================================-->
<section class="col s12 m12 l8 section" >
<div class="row">
<div class="blog"> <!-- full Blog start -->
<div class="col s12 m12 l12 blog-post">
<div class="thumbnail z-depth-1 animated">
<img src="assets/images/blog.jpg" alt="" class="responsive-img">
<div class="blog-details">
<div class="post-title" id="blog-post-1">
<a href="">
<h2>Website Redesign</h2>
<span>branding, ui-ux, article</span>
</a>
</div>
<div class="post-details">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum
dolore eu fugiat nulla pariatur. </p>
</div>
</div>
</div>
</div>
</div> <!-- end post -->
<!-- =======================================
Comments
=========================================-->
<div class="col s12 m12 l12 comment right" > <!-- comment start from here -->
<div class="row">
<div class="section-wrapper z-depth-1 wow fadeIn" data-wow-delay="0.1s">
<div class="col s12 m12 l2 comment-img">
<img src="assets/images/pp3.jpg" alt="" class="responsive-img">
</div>
<div class="col col s12 m12 l10 comment-details">
<h4> Jhone doe </h4>
<span>Feb 29, 2015</span>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div> <!-- comment end from here -->
<div class="col s12 m12 l11 comment right" > <!-- comment start from here -->
<div class="row">
<div class="section-wrapper z-depth-1 wow fadeIn" data-wow-delay="0.1s">
<div class="col s12 m12 l2 comment-img">
<img src="assets/images/pp3.jpg" alt="" class="responsive-img">
</div>
<div class="col col s12 m12 l10 comment-details">
<h4> Abdul Bari </h4>
<span>Feb 29, 2015</span>
<p>Thank You ! I Love it </p>
</div>
</div>
</div>
</div> <!-- comment end here -->
<div class="col s12 m12 l12 z-depth-1 comment-form" > <!-- Write comment from here -->
<div class="row">
<div class="input-field col s12 m12 l12 wow fadeIn a2" data-wow-delay="0.1s">
<input id="name" name="name" type="text" class="validate">
<label for="name">Name</label>
</div>
<div class="input-field col s12 wow fadeIn a4" data-wow-delay="0.3s">
<input id="email" type="email" name="email" class="validate">
<label for="email">Email</label>
</div>
<div class="input-field col s12 m12 l12">
<textarea id="textarea1" class="materialize-textarea"></textarea>
<label for="textarea1">Write Here</label>
</div>
<div class="input-field col s12 m12 l12">
<button class="btn waves-effect waves-light wow fadeIn" type="submit" name="action" data-wow-delay="0.5s">Comment</button>
</div>
</div>
</div>
</div>
</section> <!-- full blog end-->
</div><!-- end row -->
</div><!-- end container -->
<!--=====================
JavaScript
===================== -->
<!-- Jquery core js-->
<script src="assets/js/jquery.min.js"></script>
<!-- materialize js-->
<script src="assets/js/materialize.min.js"></script>
<!-- wow js-->
<script src="assets/js/wow.min.js"></script>
<!-- Map api -->
<script src="//maps.googleapis.com/maps/api/js?v=3.exp"></script>
<!-- Masonry js-->
<script src="assets/js/masonry.pkgd.js"></script>
<script src="assets/js/validator.min.js"></script>
<!-- Customized js -->
<script src="assets/js/init.js"></script>
</body>
</html>