[NSFW] mohamed hany site

`<style>
/* [ — Master Stylesheet — ]

——————————————————
:: Template Name: World – Blog & Magazine Template
:: Author: Colorlib
:: Author URL: https://colorlib.com
:: Version: 1.0.0
:: Created: March 21, 2018
:: Last Updated: March 21, 2018
————————————————– */
/* Variables */
/* mixin */
/* :: Import Fonts */
@import url(“https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700|Work+Sans:300,400,500,600,700”);
/* :: Import All CSS */
@import url(css/bootstrap.min.css);
@import url(css/animate.css);
@import url(css/owl.carousel.css);
@import url(css/magnific-popup.css);
@import url(css/font-awesome.min.css);
@import url(css/themify-icons.css);
/* :: Base CSS */
* {
margin: 0;
padding: 0; }

body {
font-family: “Work Sans”, sans-serif; }

.ubuntu-fonts {
font-family: “Ubuntu”, sans-serif; }

h1,
h2,
h3,
h4,
h5,
h6 {
color: #000000;
font-weight: 500;
line-height: 1.3; }

p {
color: #8d8d8d;
font-size: 14px;
line-height: 1.4; }

a {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-decoration: none;
outline: none;
font-size: 14px;
font-weight: 400;
font-family: “Ubuntu”, sans-serif;
color: #8d8d8d; }
a:hover, a:focus {
font-family: “Ubuntu”, sans-serif;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
text-decoration: none;
outline: none;
font-size: 14px;
font-weight: 400;
color: #0000ff; }

#preloader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-ms-grid-row-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #232323;
position: fixed;
width: 100%;
height: 100%;
z-index: 1000000; }

#world-load {
width: 70px;
height: 70px;
border-radius: 50%;
border: 3px;
border-style: solid;
border-color: transparent;
border-top-color: #f1f1f1;
-webkit-animation: world 2400ms linear infinite;
animation: world 2400ms linear infinite;
z-index: 999; }
#world-load:before {
content: “”;
position: absolute;
top: 7.5px;
left: 7.5px;
right: 7.5px;
bottom: 7.5px;
border-radius: 50%;
border: 3px;
border-style: solid;
border-color: transparent;
border-top-color: #f1f1f1;
-webkit-animation: world 2700ms linear infinite;
animation: world 2700ms linear infinite; }
#world-load:after {
content: “”;
position: absolute;
top: 20px;
left: 20px;
right: 20px;
bottom: 20px;
border-radius: 50%;
border: 3px;
border-style: solid;
border-color: transparent;
border-top-color: #f1f1f1;
-webkit-animation: world 1800ms linear infinite;
animation: world 1800ms linear infinite; }

@-webkit-keyframes MOHAMED{
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
@keyframes world {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg); } }
ul,
ol {
margin: 0; }
ul li,
ol li {
list-style: none; }

img {
height: auto;
max-width: 100%; }

.mt-15 {
margin-top: 15px; }

.mt-30 {
margin-top: 30px; }

.mt-50 {
margin-top: 50px; }

.mt-70 {
margin-top: 70px; }

.mt-100 {
margin-top: 100px; }

.mb-15 {
margin-bottom: 15px; }

.mb-30 {
margin-bottom: 30px; }

.mb-50 {
margin-bottom: 50px; }

.ml-15 {
margin-left: 15px; }

.ml-30 {
margin-left: 30px; }

.mr-15 {
margin-right: 15px; }

.mr-30 {
margin-right: 30px; }

.mb-70 {
margin-bottom: 70px; }

.mb-100 {
margin-bottom: 100px; }

.bg-img {
background-position: center center;
background-size: cover;
background-repeat: no-repeat; }

.bg-transparent {
background-color: transparent; }

.font-bold {
font-weight: 700; }

.font-light {
font-weight: 300; }

.height-400 {
height: 400px !important; }

.height-500 {
height: 500px !important; }

.height-600 {
height: 600px !important; }

.height-700 {
height: 700px !important; }

.height-800 {
height: 800px !important; }

.mfp-wrap {
z-index: 100000; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #ffffff;
right: -30px;
padding-right: 0;
width: 30px;
height: 30px;
line-height: 25px;
text-align: center;
border: 2px solid #ffffff;
border-radius: 50%; }

#scrollUp {
background-color: #232323;
border-radius: 50%;
bottom: 60px;
right: 60px;
box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
color: #ffffff;
font-size: 30px;
height: 50px;
text-align: center;
width: 50px;
line-height: 46px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
#scrollUp:hover {
background-color: #0000ff; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#scrollUp {
bottom: 30px;
right: 30px; } }
@media only screen and (max-width: 767px) {
#scrollUp {
bottom: 30px;
right: 30px; } }

.section-padding-100 {
padding: 100px 0; }

.section-padding-50 {
padding: 50px 0; }

.section-padding-50-0 {
padding: 50px 0 0 0; }

.section-padding-100-70 {
padding: 100px 0 70px; }

.section-padding-100-50 {
padding: 100px 0 50px; }

.section-padding-100-0 {
padding: 100px 0 0; }

.section-padding-0-100 {
padding: 0 0 100px; }

.section-padding-100-20 {
padding: 100px 0 20px 0; }

.bg-gray {
background-color: #f1f1f1; }

.background-overlay {
position: relative;
z-index: 2; }
.background-overlay:after {
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ”;
background-color: rgba(0, 0, 0, 0.7); }

.world-btn {
position: relative;
z-index: 1;
padding: 0 25px;
width: auto;
height: 35px;
border: 1px solid;
border-color: #d7d7d7;
font-size: 14px;
border-radius: 50px;
line-height: 32px; }
.world-btn:hover, .world-btn:focus {
border-color: #0000ff;
background-color: #0000ff;
color: #ffffff; }

/* :: Header Area CSS */
.header-area {
position: fixed;
top: 0;
width: 100%;
height: auto;
margin-top: 20px;
left: 0;
z-index: 300;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.header-area .navbar {
border-bottom: 1px solid;
border-color: #ffffff;
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
height: 55px; }
.header-area .navbar .navbar-nav {
margin-right: 50px; }
.header-area .navbar .navbar-nav .nav-link {
padding: 0.5em 1em;
font-weight: 500; }
.header-area .navbar .navbar-nav .nav-link:hover, .header-area .navbar .navbar-nav .nav-link:focus {
color: #ffffff; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-area .navbar .navbar-nav .nav-link {
padding: 0.5em; } }
.header-area .navbar .navbar-nav .nav-item.active .nav-link {
color: #ffffff; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.header-area .navbar .navbar-nav {
margin-right: 30px; } }
.header-area.sticky {
background-color: #000000;
margin-top: 0;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15); }
.header-area.sticky .navbar {
border-color: #000000; }

.navbar-toggler-icon {
background-image: url(“data:image/svg+xml;charset=utf8,%3Csvg viewBox=’0 0 30 30′ xmlns=’https://www.w3.org/2000/svg’%3E%3Cpath stroke=’rgba(255, 255, 255, 1)’ stroke-width=’2′ stroke-linecap=’round’ stroke-miterlimit=’10’ d=’M4 7h22M4 15h22M4 23h22’/%3E%3C/svg%3E”);
cursor: pointer; }

@media only screen and (min-width: 768px) and (max-width: 991px) {
#worldNav {
background-color: #000000;
padding: 30px; } }
@media only screen and (max-width: 767px) {
#worldNav {
background-color: #000000;
padding: 15px 15px 30px 15px; } }

.dropdown-menu {
border: none;
box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
padding-top: 5px;
border-radius: 3px; }

/* :: Hero Slides Area CSS */
.hero-area {
position: relative;
z-index: 1; }
.hero-area .hero-slides {
position: relative;
z-index: 10; }
.hero-area .hero-slides .single-hero-slide {
height: 600px;
position: relative;
z-index: 1; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.hero-area .hero-slides .single-hero-slide {
height: 450px; } }
@media only screen and (max-width: 767px) {
.hero-area .hero-slides .single-hero-slide {
height: 400px; } }
.hero-area .hero-post-area {
position: absolute;
bottom: 40px;
left: 0;
width: 100%;
z-index: 200; }
.hero-area .hero-post-slide .single-slide .post-number {
-webkit-box-flex: 0;
-ms-flex: 0 0 80px;
flex: 0 0 80px;
min-width: 80px; }
.hero-area .hero-post-slide .single-slide .post-number p {
width: 55px;
height: 55px;
border: 5px solid;
border-color: #8d8d8d;
margin-right: 25px;
border-radius: 50%;
margin-bottom: 0;
text-align: center;
line-height: 45px;
font-size: 24px;
font-family: “Ubuntu”, sans-serif;
font-weight: 700; }
.hero-area .hero-post-slide .single-slide .post-title a {
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
color: #8d8d8d; }
.hero-area .hero-post-slide .center .single-slide .post-number p {
border: 5px solid;
border-top-color: #0000ff;
border-bottom-color: #0000ff;
border-left-color: #8d8d8d;
border-right-color: #0000ff; }
.hero-area .hero-post-slide .center .single-slide .post-title a {
color: #ffffff;
font-weight: 700; }

/* Blog Content Area CSS */
.world-catagory-area .nav-tabs {
padding: 10px 0;
border-bottom: 2px solid #f1f1f1; }
.world-catagory-area .nav-tabs .title {
font-size: 18px;
color: #000000;
margin-bottom: 0;
margin-right: auto;
font-family: “Ubuntu”, sans-serif;
font-weight: 700; }
.world-catagory-area .nav-tabs .nav-link {
padding: 0 1em;
position: relative;
z-index: 1; }
.world-catagory-area .nav-tabs .nav-link:hover, .world-catagory-area .nav-tabs .nav-link:focus {
color: #000000;
border: 1px solid transparent;
font-weight: 400; }
.world-catagory-area .nav-tabs .nav-link.active {
color: #000000;
border: 1px solid transparent; }
.world-catagory-area .nav-tabs .nav-link.active:after {
position: absolute;
left: 15px;
bottom: -17px;
content: ”;
background-color: #0000ff;
width: calc(100% – 30px);
height: 2px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15); }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.world-catagory-area .nav-tabs .nav-link.active:after {
width: calc(100% – 10px);
left: 5px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.world-catagory-area .nav-tabs .nav-link.active:after {
width: calc(100% – 10px);
left: 5px; } }
@media only screen and (max-width: 767px) {
.world-catagory-area .nav-tabs .nav-link.active:after {
display: none; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.world-catagory-area .nav-tabs .nav-link {
padding: 0 5px; } }
@media only screen and (min-width: 768px) and (max-width: 991px) {
.world-catagory-area .nav-tabs .nav-link {
padding: 0 5px; } }
@media only screen and (max-width: 767px) {
.world-catagory-area .nav-tabs .nav-link {
padding: 0 5px; } }
.world-catagory-area .nav-tabs .nav-item.show .nav-link {
border: 1px solid transparent; }
.world-catagory-area .nav-tabs .nav-item .dropdown-menu {
margin-top: 15px;
border-radius: 0;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
border: none; }
.world-catagory-area .tab-content {
padding-top: 30px; }

.single-blog-post {
position: relative;
z-index: 1;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
margin-bottom: 5px; }
.single-blog-post .post-thumbnail {
position: relative;
z-index: 1; }
.single-blog-post .post-thumbnail img {
width: 100%; }
.single-blog-post .post-thumbnail .post-cta {
position: absolute;
top: 15px;
left: 30px;
z-index: 10; }
.single-blog-post .post-thumbnail .post-cta a {
padding: 0 10px;
display: inline-block;
height: 20px;
background-color: #ffffff;
text-transform: uppercase;
font-size: 10px;
color: #0000ff;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.75px; }
.single-blog-post .post-thumbnail .post-cta a:hover, .single-blog-post .post-thumbnail .post-cta a:focus {
background-color: #0000ff;
color: #ffffff; }
.single-blog-post .post-thumbnail .video-btn {
width: 36px;
height: 36px;
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
background-color: #ffffff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 50%;
text-align: center; }
.single-blog-post .post-thumbnail .video-btn i {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
line-height: 36px; }
.single-blog-post .post-thumbnail .video-btn:hover i, .single-blog-post .post-thumbnail .video-btn:focus i {
color: #0000ff; }
.single-blog-post .post-content {
padding: 20px 30px; }
.single-blog-post .post-content .headline h5 {
font-size: 18px;
margin-bottom: 10px; }
.single-blog-post .post-content p {
margin-bottom: 20px; }
.single-blog-post .post-content .post-meta p {
margin-bottom: 0;
font-size: 12px; }
.single-blog-post .post-content .post-meta p a {
font-size: 12px; }
.single-blog-post.post-style-2 {
margin-bottom: 5px; }
.single-blog-post.post-style-2 .post-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 97px;
flex: 0 0 97px;
min-width: 97px;
margin-right: 15px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-blog-post.post-style-2 .post-thumbnail {
margin-right: 5px; } }
.single-blog-post.post-style-2 .post-content {
padding: 5px 30px 5px 5px; }
.single-blog-post.post-style-2 .post-content .headline h5 {
font-size: 14px;
margin-bottom: 10px; }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-blog-post.post-style-2 .post-content .headline h5 {
font-size: 13px; } }
@media only screen and (max-width: 767px) {
.single-blog-post.post-style-2 .post-content .headline h5 {
font-size: 13px; } }
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.single-blog-post.post-style-2 .post-content {
padding: 5px; } }
.single-blog-post.post-style-2:last-of-type {
margin-bottom: 0; }
.single-blog-post.post-style-2.widget-post .post-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
min-width: 70px;
margin-right: 15px; }
.single-blog-post.post-style-3 .post-thumbnail {
position: relative;
z-index: 1; }
.single-blog-post.post-style-3 .post-thumbnail::after {
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: auto;
content: ”;
position: absolute; }
.single-blog-post.post-style-3 .post-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
padding: 0;
position: absolute;
width: calc(100% – 30px);
height: calc(100% – 30px);
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
z-index: 2; }
.single-blog-post.post-style-3 .post-content .post-tag a {
padding: 0 10px;
display: inline-block;
height: 20px;
background-color: #ffffff;
text-transform: uppercase;
font-size: 10px;
color: #0000ff;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.75px; }
.single-blog-post.post-style-3 .post-content .post-tag a:hover, .single-blog-post.post-style-3 .post-content .post-tag a:focus {
background-color: #0000ff;
color: #ffffff; }
.single-blog-post.post-style-3 .post-content .headline h5 {
font-size: 18px;
color: #ffffff; }
.single-blog-post.post-style-4 {
margin-bottom: 5px; }
@media only screen and (max-width: 767px) {
.single-blog-post.post-style-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-blog-post.post-style-4 {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; } }
.single-blog-post.post-style-4 .post-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 200px;
flex: 0 0 200px;
min-width: 200px;
margin-right: 20px; }
@media only screen and (max-width: 767px) {
.single-blog-post.post-style-4 .post-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
min-width: 100%; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-blog-post.post-style-4 .post-thumbnail {
-webkit-box-flex: 0;
-ms-flex: 0 0 250px;
flex: 0 0 250px;
min-width: 250px; } }
.single-blog-post.post-style-4 .post-content {
padding: 5px 30px 5px 5px; }
.single-blog-post.post-style-4 .post-content .headline h5 {
font-size: 18px;
margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
.single-blog-post.post-style-4 .post-content {
padding: 30px; } }
@media only screen and (min-width: 576px) and (max-width: 767px) {
.single-blog-post.post-style-4 .post-content {
padding: 5px; } }
.single-blog-post.post-style-4:last-of-type {
margin-bottom: 0; }

.world-catagory-slider .owl-item,
.world-catagory-slider2 .owl-item {
padding: 0 0 10px 0; }
.world-catagory-slider .owl-nav,
.world-catagory-slider2 .owl-nav {
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 10px; }
@media only screen and (max-width: 767px) {
.world-catagory-slider .owl-nav,
.world-catagory-slider2 .owl-nav {
margin-bottom: 30px; } }
.world-catagory-slider .owl-nav .owl-prev,
.world-catagory-slider .owl-nav .owl-next,
.world-catagory-slider2 .owl-nav .owl-prev,
.world-catagory-slider2 .owl-nav .owl-next {
-webkit-box-flex: 0;
-ms-flex: 0 0 36px;
flex: 0 0 36px;
width: 36px;
height: 36px;
border: 2px solid #d8d8d8;
color: #d8d8d8;
font-size: 22px;
border-radius: 50%;
text-align: center;
line-height: 32px;
-webkit-transition-duration: 500ms;
transition-duration: 500ms; }
.world-catagory-slider .owl-nav .owl-prev:hover, .world-catagory-slider .owl-nav .owl-prev:focus,
.world-catagory-slider .owl-nav .owl-next:hover,
.world-catagory-slider .owl-nav .owl-next:focus,
.world-catagory-slider2 .owl-nav .owl-prev:hover,
.world-catagory-slider2 .owl-nav .owl-prev:focus,
.world-catagory-slider2 .owl-nav .owl-next:hover,
.world-catagory-slider2 .owl-nav .owl-next:focus {
border-color: #0000ff;
color: #ffffff;
background-color: #0000ff; }
.world-catagory-slider .owl-nav .owl-prev,
.world-catagory-slider2 .owl-nav .owl-prev {
margin-right: 15px; }

.world-latest-articles .title {
margin-top: 50px;
margin-bottom: 30px; }
.world-latest-articles .title h5 {
display: block;
font-size: 18px;
color: #000000;
margin-bottom: 0;
margin-right: auto;
font-family: “Ubuntu”, sans-serif;
font-weight: 700;
padding: 10px 0;
border-bottom: 2px solid #f1f1f1; }

.post-sidebar-area {
border-left: 2px solid #f1f1f1; }

.sidebar-widget-area {
position: relative;
z-index: 1;
border-bottom: 2px solid #f1f1f1; }
.sidebar-widget-area .title {
display: block;
font-size: 18px;
color: #000000;
margin-bottom: 0;
margin-right: auto;
font-family: “Ubuntu”, sans-serif;
font-weight: 700;
padding: 12px 0;
border-bottom: 2px solid #f1f1f1;
padding-left: 30px; }
.sidebar-widget-area .widget-content {
padding: 30px 0 30px 30px; }
@media only screen and (max-width: 767px) {
.sidebar-widget-area .widget-content {
padding: 30px 0 30px 15px; } }
.sidebar-widget-area .widget-content .social-area a {
width: 36px;
height: 36px;
border: 1px solid;
border-color: #f1f1f1;
display: block;
border-radius: 50%;
text-align: center;
line-height: 32px; }
.sidebar-widget-area .widget-content .todays-pick {
box-shadow: none; }
.sidebar-widget-area:last-of-type {
border-bottom: none; }

.page-content {
padding: 60px 55px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width: 767px) {
.page-content {
padding: 30px 25px; } }
.page-content h6 {
color: #8d8d8d;
line-height: 1.8;
margin-bottom: 20px; }
.page-content h6:last-of-type {
margin-bottom: 0; }

.single-blog-title .post-cta {
margin-bottom: 40px; }
.single-blog-title .post-cta a {
padding: 0 10px;
display: inline-block;
height: 20px;
background-color: #ffffff;
text-transform: uppercase;
font-size: 10px;
color: #0000ff;
font-weight: 500;
line-height: 20px;
letter-spacing: 0.75px; }
.single-blog-title .post-cta a:hover, .single-blog-title .post-cta a:focus {
background-color: #0000ff;
color: #ffffff; }
.single-blog-title h3 {
color: #ffffff;
margin-bottom: 0;
font-size: 30px; }
@media only screen and (max-width: 767px) {
.single-blog-title h3 {
font-size: 24px; } }

.single-blog-content .post-meta {
border-bottom: 2px solid;
border-color: #f1f1f1;
margin-bottom: 30px; }
.single-blog-content .post-meta p {
margin-bottom: 0;
font-size: 14px;
padding: 10px 0; }
.single-blog-content .post-meta p a {
font-size: 14px; }
.single-blog-content .post-meta.second-part {
border-bottom: none;
border-top: 2px solid;
border-color: #f1f1f1;
margin-bottom: 0;
margin-top: 30px; }
.single-blog-content .post-content {
padding: 60px 55px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width: 767px) {
.single-blog-content .post-content {
padding: 30px 25px; } }
.single-blog-content .post-content h6 {
line-height: 1.8;
margin-bottom: 30px;
color: #8d8d8d;
font-family: “Ubuntu”, sans-serif; }
.single-blog-content .post-content blockquote {
border-left: 2px solid;
border-color: #0000ff;
padding-left: 30px; }
.single-blog-content .post-content blockquote h6 {
margin-bottom: 10px;
color: #000000; }
.single-blog-content .post-content blockquote p {
margin-bottom: 0; }
.single-blog-content .post-content .post-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.single-blog-content .post-content .post-tags a {
display: block;
padding: 0 15px;
line-height: 28px;
height: 30px;
border: 1px solid;
border-color: #f1f1f1;
margin: 5px; }

.comment_area .comment-content {
padding: 30px 50px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width: 767px) {
.comment_area .comment-content {
padding: 20px 15px; } }
.comment_area .comment-content .comment-meta {
margin-bottom: 30px; }
.comment_area .comment-content .comment-meta p {
-webkit-box-flex: 0;
-ms-flex: 0 0 calc(100% – 110px);
flex: 0 0 calc(100% – 110px);
border-bottom: 2px solid;
border-color: #f1f1f1;
margin-bottom: 0;
font-size: 14px;
padding: 10px 0; }
.comment_area .comment-content .comment-meta p a {
font-size: 14px; }
.comment_area .single_comment_area {
margin-bottom: 30px; }
.comment_area .single_comment_area:last-of-type {
margin-bottom: 0; }
.comment_area .children .single_comment_area {
margin-left: 50px;
margin-top: 30px; }
@media only screen and (max-width: 767px) {
.comment_area .children .single_comment_area {
margin-left: 15px; } }

/* Contact Area CSS */
.contact-form,
.post-a-comment-area {
padding: 60px 55px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); }
@media only screen and (max-width: 767px) {
.contact-form,
.post-a-comment-area {
padding: 30px 25px; } }
.contact-form h5,
.post-a-comment-area h5 {
font-size: 18px;
color: #000000;
margin-bottom: 0;
font-family: “Ubuntu”, sans-serif;
font-weight: 700;
margin-bottom: 30px; }
.contact-form button.world-btn,
.post-a-comment-area button.world-btn {
border-color: #0000ff;
background-color: #0000ff;
color: #ffffff;
margin-top: 40px; }

/* Form CSS */
.group {
position: relative;
z-index: 1;
margin-bottom: 30px; }
.group input,
.group textarea {
font-size: 14px;
padding: 10px;
display: block;
width: 100%;
height: 35px;
border: none;
border-bottom: 2px solid;
border-color: #f1f1f1; }
.group input:focus,
.group textarea:focus {
outline: none;
box-shadow: none; }
.group label {
color: #8d8d8d;
font-size: 14px;
font-weight: normal;
position: absolute;
pointer-events: none;
left: 0;
top: 5px;
transition: 0.5s ease all;
font-family: “Ubuntu”, sans-serif; }
.group .bar {
position: relative;
display: block;
width: 100%; }
.group .bar:before, .group .bar:after {
content: ”;
height: 2px;
width: 0;
bottom: 1px;
position: absolute;
background-color: #0000ff;
transition: 0.5s ease all; }
.group .bar:before {
left: 50%; }
.group .bar:after {
right: 50%; }
.group .highlight {
position: absolute;
height: 60%;
width: 100px;
top: 25%;
left: 0;
pointer-events: none;
opacity: 0.5; }
.group textarea {
min-height: 90px; }

/* Form Active State */
input:focus ~ label,
textarea:focus ~ label,
input:valid ~ label,
textarea:valid ~ label {
top: -15px;
font-size: 12px;
color: #0000ff; }

input:focus ~ .bar:before,
textarea:focus ~ .bar:before,
input:focus ~ .bar:after,
textarea:focus ~ .bar:after {
width: 50%; }

input:focus ~ .highlight,
textarea:focus ~ .highlight {
-webkit-animation: inputHighlighter 0.3s ease;
animation: inputHighlighter 0.3s ease; }

/* Animations */
@-webkit-keyframes inputHighlighter {
from {
background-color: #0000ff; }
to {
width: 0;
background-color: transparent; } }
@-moz-keyframes inputHighlighter {
from {
background-color: #0000ff; }
to {
width: 0;
background-color: transparent; } }
@keyframes inputHighlighter {
from {
background-color: #0000ff; }
to {
width: 0;
background-color: transparent; } }
.map-area {
position: relative;
z-index: 1; }
.map-area #googleMap {
width: 100%;
height: 500px; }
@media only screen and (max-width: 767px) {
.map-area #googleMap {
height: 400px; } }

/* Search bar */
#search-wrapper {
display: inline-block;
position: relative; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
#search-wrapper {
margin-top: 15px;
padding-left: 1em; } }
@media only screen and (max-width: 767px) {
#search-wrapper {
margin-top: 15px;
padding-left: 1em; } }
#search-wrapper.search-expanded #close-icon:before {
-webkit-animation: cross-1-in 0.25s linear 0s forwards;
animation: cross-1-in 0.25s linear 0s forwards; }
#search-wrapper.search-expanded #close-icon:after {
-webkit-animation: cross-2-in 0.25s linear 0.2s forwards;
animation: cross-2-in 0.25s linear 0.2s forwards; }
#search-wrapper.search-expanded:after {
-webkit-animation: lens-out 0.5s linear 1 forwards;
animation: lens-out 0.5s linear 1 forwards; }
#search-wrapper:after {
position: absolute;
bottom: 3px;
right: -9px;
display: block;
content: “”;
width: 14px;
height: 2px;
background-color: #8d8d8d;
-webkit-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0);
transform-origin: 0 50%;
-webkit-animation: lens-in 0.6s linear 0.9s forwards;
animation: lens-in 0.6s linear 0.9s forwards; }
#search-wrapper #search {
color: #ffffff;
background: none;
border: 2px solid;
border-color: #8d8d8d;
outline: none;
padding: 0 9px;
border-radius: 1000px;
width: 0;
transition: all 0.3s 0.6s;
font-size: 12px; }
#search-wrapper #search::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.6); }
#search-wrapper #search:focus {
width: 300px;
padding: 7px 15px; }
@media only screen and (max-width: 767px) {
#search-wrapper #search:focus {
width: 200px; } }
#search-wrapper #close-icon {
cursor: pointer;
position: absolute;
right: 10px;
top: 50%;
width: 20px;
height: 20px;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
transition: 0.2s all;
display: none; }
#search-wrapper #close-icon[style*=”display: block”] {
color: red; }
#search-wrapper #close-icon[style*=”display: block”]:before {
-webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
transform: rotate(45deg) scaleX(1) translateY(10px); }
#search-wrapper #close-icon[style*=”display: block”]:after {
-webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
transform: rotate(-45deg) scaleX(1) translateY(-10px); }
#search-wrapper #close-icon:before, #search-wrapper #close-icon:after {
display: block;
content: “”;
position: absolute;
width: 20px;
height: 2px;
background-color: #8d8d8d;
transform-origin: 100% 50%; }
#search-wrapper #close-icon:before {
-webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
transform: rotate(45deg) scaleX(0) translateY(10px); }
#search-wrapper #close-icon:after {
-webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
transform: rotate(-45deg) scaleX(0) translateY(-10px); }
#search-wrapper #close-icon.closing:before {
-webkit-animation: cross-1-out 0.25s linear 0s forwards;
animation: cross-1-out 0.25s linear 0s forwards; }
#search-wrapper #close-icon.closing:after {
-webkit-animation: cross-2-out 0.25s linear 0.2s forwards;
animation: cross-2-out 0.25s linear 0.2s forwards; }

@-webkit-keyframes lens-out {
0% {
-webkit-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1); }
30% {
-webkit-transform: rotate(45deg) scaleX(1.4);
transform: rotate(45deg) scaleX(1.4); }
100% {
-webkit-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0); } }
@keyframes lens-out {
0% {
-webkit-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1); }
30% {
-webkit-transform: rotate(45deg) scaleX(1.4);
transform: rotate(45deg) scaleX(1.4); }
100% {
-webkit-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0); } }
@-webkit-keyframes lens-in {
0% {
-webkit-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0); }
30% {
-webkit-transform: rotate(45deg) scaleX(1.4);
transform: rotate(45deg) scaleX(1.4); }
100% {
-webkit-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1); } }
@keyframes lens-in {
0% {
-webkit-transform: rotate(45deg) scaleX(0);
transform: rotate(45deg) scaleX(0); }
30% {
-webkit-transform: rotate(45deg) scaleX(1.4);
transform: rotate(45deg) scaleX(1.4); }
100% {
-webkit-transform: rotate(45deg) scaleX(1);
transform: rotate(45deg) scaleX(1); } }
@-webkit-keyframes cross-1-in {
0% {
-webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
transform: rotate(45deg) scaleX(0) translateY(10px); }
70% {
-webkit-transform: rotate(45deg) scaleX(1.2) translateY(10px);
transform: rotate(45deg) scaleX(1.2) translateY(10px); }
100% {
-webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
transform: rotate(45deg) scaleX(1) translateY(10px); } }
@keyframes cross-1-in {
0% {
-webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
transform: rotate(45deg) scaleX(0) translateY(10px); }
70% {
-webkit-transform: rotate(45deg) scaleX(1.2) translateY(10px);
transform: rotate(45deg) scaleX(1.2) translateY(10px); }
100% {
-webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
transform: rotate(45deg) scaleX(1) translateY(10px); } }
@-webkit-keyframes cross-2-in {
0% {
-webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
transform: rotate(-45deg) scaleX(0) translateY(-10px); }
70% {
-webkit-transform: rotate(-45deg) scaleX(1.2) translateY(-10px);
transform: rotate(-45deg) scaleX(1.2) translateY(-10px); }
100% {
-webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
transform: rotate(-45deg) scaleX(1) translateY(-10px); } }
@keyframes cross-2-in {
0% {
-webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
transform: rotate(-45deg) scaleX(0) translateY(-10px); }
70% {
-webkit-transform: rotate(-45deg) scaleX(1.2) translateY(-10px);
transform: rotate(-45deg) scaleX(1.2) translateY(-10px); }
100% {
-webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
transform: rotate(-45deg) scaleX(1) translateY(-10px); } }
@-webkit-keyframes cross-1-out {
0% {
-webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
transform: rotate(45deg) scaleX(1) translateY(10px); }
100% {
-webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
transform: rotate(45deg) scaleX(0) translateY(10px); } }
@keyframes cross-1-out {
0% {
-webkit-transform: rotate(45deg) scaleX(1) translateY(10px);
transform: rotate(45deg) scaleX(1) translateY(10px); }
100% {
-webkit-transform: rotate(45deg) scaleX(0) translateY(10px);
transform: rotate(45deg) scaleX(0) translateY(10px); } }
@-webkit-keyframes cross-2-out {
0% {
-webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
transform: rotate(-45deg) scaleX(1) translateY(-10px); }
100% {
-webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
transform: rotate(-45deg) scaleX(0) translateY(-10px); } }
@keyframes cross-2-out {
0% {
-webkit-transform: rotate(-45deg) scaleX(1) translateY(-10px);
transform: rotate(-45deg) scaleX(1) translateY(-10px); }
100% {
-webkit-transform: rotate(-45deg) scaleX(0) translateY(-10px);
transform: rotate(-45deg) scaleX(0) translateY(-10px); } }
/* Footer Area CSS */
.footer-area {
background-color: #161616;
padding: 70px 0;
position: relative;
z-index: 1; }
.footer-area .footer-single-widget .copywrite-text p {
margin-bottom: 0; }
.footer-area .footer-single-widget .footer-menu {
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.footer-area .footer-single-widget .footer-menu li {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.3333%;
flex: 0 0 33.3333%;
min-width: 33.3333%; }
.footer-area .footer-single-widget .footer-menu li a {
padding: 7.5px 5px;
display: block; }
@media only screen and (max-width: 767px) {
.footer-area .footer-single-widget .footer-menu {
margin: 50px 0; } }
.footer-area .footer-single-widget h5 {
font-size: 18px;
font-family: “Ubuntu”, sans-serif;
margin-bottom: 20px;
font-weight: 700;
color: #ffffff; }
.footer-area .footer-single-widget form {
position: relative;
z-index: 1; }
.footer-area .footer-single-widget form input[type=”email”] {
width: 100%;
height: 35px;
background-color: transparent;
border: none;
border-bottom: 1px solid;
border-color: #959595;
color: #959595;
font-size: 14px;
padding: 0 5px;
font-family: “Ubuntu”, sans-serif; }
.footer-area .footer-single-widget form button {
position: absolute;
height: 35px;
top: 0;
right: 5px;
z-index: 10;
background-color: transparent;
border: none;
cursor: pointer;
width: 50px;
text-align: right; }
.footer-area .footer-single-widget form button i {
font-size: 14px;
color: #959595; }

/*# sourceMappingURL=style.css.map */

<style/>
<!DOCTYPE html>
<html lang=”en”>
<html lang=”ar”>
<head>
<meta charset=”UTF-8″>
<meta name=”description” content=””>
<meta http-equiv=”X-UA-Compatible” content=”IE=edge”>
<meta name=”viewport” content=”width=device-width, initial-scale=1, shrink-to-fit=no”>
<!– The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags –>

<!– Title –>
<title>MOHAMED SITE</title>

<!– Favicon –>
<link rel=”icon” href=”img/core-img/favicon.ico”>

<!– Style CSS –>
<link rel=”stylesheet” href=”style.css”>

</head>

<body>
<!– Preloader Start –>
<div id=”preloader”>
<div class=”preload-content”>
<div id=”world-load”></div>
</div>
</div>
<!– Preloader End –>

<!– ***** Header Area Start ***** –>
<header class=”header-area”>
<div class=”container”>
<div class=”row”>
<div class=”col-12″>
<nav class=”navbar navbar-expand-lg”>
<!– Logo –>
<a class=”navbar-brand” href=”index.html”><img src=”img/core-img/logo.png” alt=”Logo”></a>
<!– Navbar Toggler –>
<button class=”navbar-toggler” type=”button” data-toggle=”collapse” data-target=”#worldNav” aria-controls=”worldNav” aria-expanded=”false” aria-label=”Toggle navigation”><span class=”navbar-toggler-icon”></span></button>
<!– Navbar –>
<div class=”collapse navbar-collapse” id=”worldNav”>
<ul class=”navbar-nav ml-auto”>
<li class=”nav-item active”>
<a class=”nav-link” href=”#”>HOME<span class=”sr-only”>(current)</span></a>
</li>
<li class=”nav-item dropdown”>

</li>
<li class=”nav-item”>
<a class=”nav-link” href=”my number 01203679764″>call me</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”https://web.facebook.com/profile.php?id=100050152066797″>follow me in facebook</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”https://www.youtube.com/channel/UCpdYghh0tYYIqaJIX3zSvSg?view_as=subscriber”>follow me in youtube</a>
</li>
<li class=”nav-item”>
<a class=”nav-link” href=”https://web.facebook.com/profile.php?id=100050152066797″>Contact</a&gt;
</li>
</ul>
<!– Search Form –>
<div id=”search-wrapper”>
<form action=”#”>
<input type=”text” id=”search” placeholder=”Search something…”>
<div id=”close-icon”></div>
<input class=”d-none” type=”submit” value=””>
</form>
</div>
</div>
</nav>
</div>
</div>
</div>
</header>
<!– ***** Header Area End ***** –>

<!– ********** Hero Area Start ********** –>
<div class=”hero-area”>

<!– Hero Slides Area –>
<div class=”hero-slides owl-carousel”>
<!– Single Slide –>
<div class=”single-hero-slide bg-img background-overlay” style=”background-image: url(img/blog-img/bg2.jpg);”></div>
<!– Single Slide –>
<div class=”single-hero-slide bg-img background-overlay” style=”background-image: url(img/blog-img/bg1.jpg);”></div>
<div class=”single-hero-slide bg-img background-overlay” style=”background-image: url(img/blog-img/ne.jpg);”></div>
<div class=”single-hero-slide bg-img background-overlay” style=”background-image: url(img/blog-img/me.jpg);”></div>
<div class=”single-hero-slide bg-img background-overlay” style=”background-image: url(img/blog-img/ce.jpg);”></div>
</div>

<!– Hero Post Slide –>
<div class=”hero-post-area”>
<div class=”container”>
<div class=”row”>
<div class=”col-12″>
<div class=”hero-post-slide”>
<!– Single Slide –>
<div class=”single-slide d-flex align-items-center”>
<div class=”post-number”>
<p>1</p>
</div>
<div class=”post-title”>
<a href=”single-blog.html”>
Learn programming with programmer Mohamed Hani</a>
</div>
</div>
<!– Single Slide –>
<div class=”single-slide d-flex align-items-center”>
<div class=”post-number”>
<p>2</p>
</div>
<div class=”post-title”>
<a href=”single-blog.html”>Courses in all fields of programming</a>
</div>
</div>
<!– Single Slide –>
<div class=”single-slide d-flex align-items-center”>
<div class=”post-number”>
<p>3</p>
</div>
<div class=”post-title”>
<a href=”single-blog.html”>
Free opportunity to work at Mohamed Hani Academy</a>
</div>
</div>
<!– Single Slide –>
<div class=”single-slide d-flex align-items-center”>
<div class=”post-number”>
<p>4</p>
</div>
<div class=”post-title”>
<a href=”single-blog.html”>He made a lot of money programming</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!– ********** Hero Area End ********** –>

<div class=”main-content-wrapper section-padding-100″>
<div class=”container”>
<div class=”row justify-content-center”>
<!– ============= Post Content Area Start ============= –>
<div class=”col-12 col-lg-8″>
<div class=”post-content-area mb-50″>
<!– Catagory Area –>
<div class=”world-catagory-area”>
<ul class=”nav nav-tabs” id=”myTab” role=”tablist”>
<li class=”title”>
Services</li>

<li class=”nav-item”>
<a class=”nav-link active” id=”tab1″ data-toggle=”tab” href=”#world-tab-1″ role=”tab” aria-controls=”world-tab-1″ aria-selected=”true”>
All courses</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab2″ data-toggle=”tab” href=”#world-tab-2″ role=”tab” aria-controls=”world-tab-2″ aria-selected=”false”>

Connect with us</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab3″ data-toggle=”tab” href=”#world-tab-3″ role=”tab” aria-controls=”world-tab-3″ aria-selected=”false”>Vogue</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab4″ data-toggle=”tab” href=”#world-tab-4″ role=”tab” aria-controls=”world-tab-4″ aria-selected=”false”>coding & hackers</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab5″ data-toggle=”tab” href=”#world-tab-5″ role=”tab” aria-controls=”world-tab-5″ aria-selected=”false”>call us</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab6″ data-toggle=”tab” href=”#world-tab-6″ role=”tab” aria-controls=”world-tab-6″ aria-selected=”false”>my location</a>
</li>

</ul>

<div class=”tab-content” id=”myTabContent”>

<div class=”tab-pane fade show active” id=”world-tab-1″ role=”tabpanel” aria-labelledby=”tab1″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<div class=”world-catagory-slider owl-carousel wow fadeInUpBig” data-wow-delay=”0.1s”>

<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>robots</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Robots</h5>
</a>
<p>
Robotics programming courses</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>start</a> <a href=”#” class=”post-date”> 8:00 am : 10:00 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>JavaScript</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Java script</h5>
</a>
<p>Useful JavaScript language courses</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>start</a> <a href=”#” class=”post-date”> 10:00 am : 12:00 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>
Learn programming professionally</h5>
</a>
<p>
Programming has a lot of codes that are not hacked.</p>
<!– Post Meta –>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.2s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming languages ??professionally</h5>
</a>
<!– Post Meta –>

</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.3s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>
Programming is the language of the future</h5>
</a>
<!– Post Meta –>

</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.4s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn Neural Programming Departments</h5>
</a>
<!– Post Meta –>

</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.5s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>
Smartphone and computer programming</h5>
</a>
<!– Post Meta –>

</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-2″ role=”tabpanel” aria-labelledby=”tab2″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2020 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-3″ role=”tabpanel” aria-labelledby=”tab3″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-4″ role=”tabpanel” aria-labelledby=”tab4″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-5″ role=”tabpanel” aria-labelledby=”tab5″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-6″ role=”tabpanel” aria-labelledby=”tab6″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-7″ role=”tabpanel” aria-labelledby=”tab7″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-8″ role=”tabpanel” aria-labelledby=”tab8″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-9″ role=”tabpanel” aria-labelledby=”tab9″>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b1.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<!– Catagory Area –>
<div class=”world-catagory-area mt-50″>
<ul class=”nav nav-tabs” id=”myTab2″ role=”tablist”>
<li class=”title”>What’s Trending</li>

<li class=”nav-item”>
<a class=”nav-link active” id=”tab10″ data-toggle=”tab” href=”#world-tab-10″ role=”tab” aria-controls=”world-tab-10″ aria-selected=”true”>All</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab11″ data-toggle=”tab” href=”#world-tab-11″ role=”tab” aria-controls=”world-tab-11″ aria-selected=”false”>Style hunter</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab12″ data-toggle=”tab” href=”#world-tab-12″ role=”tab” aria-controls=”world-tab-12″ aria-selected=”false”>Vogue</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab13″ data-toggle=”tab” href=”#world-tab-13″ role=”tab” aria-controls=”world-tab-13″ aria-selected=”false”>Health & Fitness</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab14″ data-toggle=”tab” href=”#world-tab-14″ role=”tab” aria-controls=”world-tab-14″ aria-selected=”false”>Travel</a>
</li>

<li class=”nav-item”>
<a class=”nav-link” id=”tab15″ data-toggle=”tab” href=”#world-tab-15″ role=”tab” aria-controls=”world-tab-15″ aria-selected=”false”>Gadgets</a>
</li>

<li class=”nav-item dropdown”>
<a class=”nav-link dropdown-toggle” data-toggle=”dropdown” href=”#” role=”button” aria-haspopup=”true” aria-expanded=”false”>More</a>
<div class=”dropdown-menu”>
<a class=”nav-link” id=”tab16″ data-toggle=”tab” href=”#world-tab-16″ role=”tab” aria-controls=”world-tab-16″ aria-selected=”false”>Sports</a>
<a class=”nav-link” id=”tab17″ data-toggle=”tab” href=”#world-tab-17″ role=”tab” aria-controls=”world-tab-17″ aria-selected=”false”>Politices</a>
<a class=”nav-link” id=”tab18″ data-toggle=”tab” href=”#world-tab-18″ role=”tab” aria-controls=”world-tab-18″ aria-selected=”false”>Features</a>
</div>
</li>
</ul>

<div class=”tab-content” id=”myTabContent2″>

<div class=”tab-pane fade show active” id=”world-tab-10″ role=”tabpanel” aria-labelledby=”tab10″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post wow fadeInUpBig” data-wow-delay=”0.2s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post wow fadeInUpBig” data-wow-delay=”0.3s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12″>
<div class=”world-catagory-slider2 owl-carousel wow fadeInUpBig” data-wow-delay=”0.4s”>
<!– ========= Single Catagory Slide ========= –>
<div class=”single-cata-slide”>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
<!– ========= Single Catagory Slide ========= –>
<div class=”single-cata-slide”>
<div class=”row”>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-11″ role=”tabpanel” aria-labelledby=”tab11″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-12″ role=”tabpanel” aria-labelledby=”tab12″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-13″ role=”tabpanel” aria-labelledby=”tab13″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-14″ role=”tabpanel” aria-labelledby=”tab14″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-15″ role=”tabpanel” aria-labelledby=”tab15″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-16″ role=”tabpanel” aria-labelledby=”tab16″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-17″ role=”tabpanel” aria-labelledby=”tab17″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>
/p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>
</div>
</div>

<div class=”tab-pane fade” id=”world-tab-18″ role=”tabpanel” aria-labelledby=”tab18″>
<div class=”row”>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b2.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming </h5>
</a>
<p>Learn programming with programmer Mohamed Hani</p>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b3.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>

<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b15.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b16.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>

<div class=”col-12 col-md-6″>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center mb-1″>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b17.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>

<!– ========== Sidebar Area ========== –>
<div class=”col-12 col-md-8 col-lg-4″>
<div class=”post-sidebar-area wow fadeInUpBig” data-wow-delay=”0.2s”>
<!– Widget Area –>
<div class=”sidebar-widget-area”>
<h5 class=”title”>About the site</h5>
<div class=”widget-content”>
<p>This site offers you many services, many courses, smart phone programming, applications, computers, and others.</p>
</div>
</div>
<!– Widget Area –>
<div class=”sidebar-widget-area”>
<h5 class=”title”>Top Stories</h5>
<div class=”widget-content”>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center widget-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b11.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>

</a>
</div>
</div>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center widget-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b13.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>

</a>
</div>
</div>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center widget-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b14.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>

</a>
</div>
</div>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center widget-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b10.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>

</a>
</div>
</div>
<!– Single Blog Post –>
<div class=”single-blog-post post-style-2 d-flex align-items-center widget-post”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b12.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>

</a>
</div>
</div>
</div>
</div>
<!– Widget Area –>
<div class=”sidebar-widget-area”>
<h5 class=”title”>Stay Connected</h5>
<div class=”widget-content”>
<div class=”social-area d-flex justify-content-between”>
<a href=”#”><i class=”fa fa-facebook”></i></a>
<a href=”#”><i class=”fa fa-twitter”></i></a>
<a href=”#”><i class=”fa fa-pinterest”></i></a>
<a href=”#”><i class=”fa fa-vimeo”></i></a>
<a href=”#”><i class=”fa fa-instagram”></i></a>
<a href=”#”><i class=”fa fa-google”></i></a>
</div>
</div>
</div>
<!– Widget Area –>
<div class=”sidebar-widget-area”>
<h5 class=”title”>Today’s Pick</h5>
<div class=”widget-content”>
<!– Single Blog Post –>
<div class=”single-blog-post todays-pick”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b22.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content px-0 pb-0″>
<a href=”#” class=”headline”>
<h5>The most popular Android Studio course</h5>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class=”row justify-content-center”>
<!– ========== Single Blog Post ========== –>
<div class=”col-12 col-md-6 col-lg-4″>
<div class=”single-blog-post post-style-3 mt-50 wow fadeInUpBig” data-wow-delay=”0.2s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b4.jpg” alt=””>
<!– Post Content –>
<div class=”post-content d-flex align-items-center justify-content-between”>
<!– Catagory –>
<div class=”post-tag”><a href=”#”>travel</a></div>
<!– Headline –>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>
</div>
<!– ========== Single Blog Post ========== –>
<div class=”col-12 col-md-6 col-lg-4″>
<div class=”single-blog-post post-style-3 mt-50 wow fadeInUpBig” data-wow-delay=”0.4s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b5.jpg” alt=””>
<!– Post Content –>
<div class=”post-content d-flex align-items-center justify-content-between”>
<!– Catagory –>
<div class=”post-tag”><a href=”#”>travel</a></div>
<!– Headline –>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>
</div>
<!– ========== Single Blog Post ========== –>
<div class=”col-12 col-md-6 col-lg-4″>
<div class=”single-blog-post post-style-3 mt-50 wow fadeInUpBig” data-wow-delay=”0.6s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b6.jpg” alt=””>
<!– Post Content –>
<div class=”post-content d-flex align-items-center justify-content-between”>
<!– Catagory –>
<div class=”post-tag”><a href=”#”>travel</a></div>
<!– Headline –>
<a href=”#” class=”headline”>
<h5>Learn programming with programmer Mohamed Hani</h5>
</a>
<!– Post Meta –>
<div class=”post-meta”>

</div>
</div>
</div>
</div>
</div>
</div>

<div class=”world-latest-articles”>
<div class=”row”>
<div class=”col-12 col-lg-8″>
<div class=”title”>
<h5>Latest Articles</h5>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-4 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.2s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b18.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>Pick the yellow peach that looks like a sunset with its red, orange, and pink coat skin, peel it off with your teeth. Sink them into unripened…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-4 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.3s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b19.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>Pick the yellow peach that looks like a sunset with its red, orange, and pink coat skin, peel it off with your teeth. Sink them into unripened…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-4 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.4s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b20.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>Pick the yellow peach that looks like a sunset with its red, orange, and pink coat skin, peel it off with your teeth. Sink them into unripened…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post post-style-4 d-flex align-items-center wow fadeInUpBig” data-wow-delay=”0.5s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b21.jpg” alt=””>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>Pick the yellow peach that looks like a sunset with its red, orange, and pink coat skin, peel it off with your teeth. Sink them into unripened…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>
</div>

<div class=”col-12 col-lg-4″>
<div class=”title”>
<h5>Most Popular Videos</h5>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post wow fadeInUpBig” data-wow-delay=”0.2s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b7.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
<!– Video Button –>
<a href=”https://www.youtube.com/watch?v=IhnqEwFSJRg&#8221; class=”video-btn”><i class=”fa fa-play”></i></a>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

<!– Single Blog Post –>
<div class=”single-blog-post wow fadeInUpBig” data-wow-delay=”0.4s”>
<!– Post Thumbnail –>
<div class=”post-thumbnail”>
<img src=”img/blog-img/b8.jpg” alt=””>
<!– Catagory –>
<div class=”post-cta”><a href=”#”>travel</a></div>
<!– Video Button –>
<a href=”https://www.youtube.com/watch?v=IhnqEwFSJRg&#8221; class=”video-btn”><i class=”fa fa-play”></i></a>
</div>
<!– Post Content –>
<div class=”post-content”>
<a href=”#” class=”headline”>
<h5>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in Physics?</h5>
</a>
<p>How Did van Gogh’s Turbulent Mind Depict One of the Most Complex Concepts in…</p>
<!– Post Meta –>
<div class=”post-meta”>
<p><a href=”#” class=”post-author”>Katy Liu</a> on <a href=”#” class=”post-date”>Sep 29, 2017 at 9:48 am</a></p>
</div>
</div>
</div>

</div>
</div>
</div>

<!– Load More btn –>
<div class=”row”>
<div class=”col-12″>
<div class=”load-more-btn mt-50 text-center”>
<a href=”#” class=”btn world-btn”>Load More</a>
</div>
</div>
</div>
</div>
</div>

<!– ***** Footer Area Start ***** –>
<footer class=”footer-area”>
<div class=”container”>
<div class=”row”>
<div class=”col-12 col-md-4″>
<div class=”footer-single-widget”>
<a href=”#”><img src=”img/core-img/logo.png” alt=””></a>
<div class=”copywrite-text mt-30″>
<p><!– Link back to Colorlib can’t be removed. Template is licensed under CC BY 3.0. –>
Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class=”fa fa-heart-o” aria-hidden=”true”></i> by <a href=”https://colorlib.com&#8221; target=”_blank”>Colorlib</a>
<!– Link back to Colorlib can’t be removed. Template is licensed under CC BY 3.0. –></p>
</div>
</div>
</div>
<div class=”col-12 col-md-4″>
<div class=”footer-single-widget”>
<ul class=”footer-menu d-flex justify-content-between”>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>Fashion</a></li>
<li><a href=”#”>Lifestyle</a></li>
<li><a href=”#”>Contact</a></li>
<li><a href=”#”>Gadgets</a></li>
<li><a href=”#”>Video</a></li>
</ul>
</div>
</div>
<div class=”col-12 col-md-4″>
<div class=”footer-single-widget”>
<h5>Subscribe</h5>
<form action=”#” method=”post”>
<input type=”email” name=”email” id=”email” placeholder=”Enter your mail”>
<button type=”button”><i class=”fa fa-arrow-right”></i></button>
</form>
</div>
</div>
</div>
</div>
</footer>
<!– ***** Footer Area End ***** –>

<!– jQuery (Necessary for All JavaScript Plugins) –>
<script src=”js/jquery/jquery-2.2.4.min.js”></script>
<!– Popper js –>
<script src=”js/popper.min.js”></script>
<!– Bootstrap js –>
<script src=”js/bootstrap.min.js”></script>
<!– Plugins js –>
<script src=”js/plugins.js”></script>
<!– Active js –>
<script src=”js/active.js”></script>

</body>

</html>

The page I need help with: [log in to see the link]