Skip to content

Instantly share code, notes, and snippets.

@baraamashaal

baraamashaal/new_gist_file.html

Created October 28, 2014 12:46
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save baraamashaal/e8a6171eb2cf33f2709f to your computer and use it in GitHub Desktop.
Save baraamashaal/e8a6171eb2cf33f2709f to your computer and use it in GitHub Desktop.
Download ZIP
elsharq
Raw
new_gist_file.html
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>جريده الشرق </title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/rtl/bootstrap.css">
<style>
body {
padding-top: 50px;
padding-bottom: 20px;
}
</style>
<link rel="stylesheet" href="flexslider/flexslider.css" type="text/css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<link rel="stylesheet" href="css/main.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="flexslider/jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<body>
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<header class="header">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-3 col-xs-4">
<h1 class="logo">
<a href="#">
<img src="img/logo.png" alt="">
</a>
</h1>
</div>
<div class="col-md-9 col-sm-9 col-xs-8">
<div class="upper-ad hidden-xs visible-sm visible-md visible-lg ">
<span class="col-md-4 col-sm-4 col-xs-4"><a class="date-header floatrt" href="#"> اجعل الشرق صفحتك الرئيسيه </a></span>
<span class="col-md-4 col-sm-4 col-xs-4 col-xs-offset-4 col-sm-offset-4 col-md-offset-4 floatlft"><p class="date-header"> الخميس 23 يوليو 2014 </p></span>
<img src="img/ads4.jpg">
</div>
<!-- navbar-->
<div class="navbar navbar-default" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav">
<li class="active">
<a href="./index.php">الرئيسية</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">الأخبار <span class="caret"></span>
</a>
<ul class="dropdown-menu" role="menu" >
<li>
<a href="articles.php?model_id=9"> أخبار العالم </a>
</li>
<li>
<a href="articles.php?model_id=8"> أخبار مصر </a>
</li>
<li>
<a href="articles.php?model_id=10"> أخبار الدقهلية </a>
</li>
<li>
<a href="articles.php?model_id=11">تحقيقات و ملفات</a>
</li>
<li>
<a href="articles.php?model_id=5"> الرياضة </a>
</li>
<li>
<a href="articles.php?model_id=14"> تكنولوجيا </a>
</li>
<li>
<a href="articles.php?model_id=15"> ثقافة و فن </a>
</li>
<li>
<a href="articles.php?model_id=17"> تعليم وجامعات </a>
</li>
<li>
<a href="articles.php?model_id=19"> أرض الفيروز </a>
</li>
<li>
<a href="articles.php?model_id=20"> حوادث وقضايا و أسرار </a>
</li>
</ul>
</li>
<li>
<a href="articles.php?model_id=16"> سيارات </a>
</li>
<li>
<a href="articles.php?model_id=18">دينى </a>
</li>
<li>
<a href="articles.php?model_id=13">المرأه والطفل </a>
</li>
<li>
<a href="articles.php?model_id=12">الاقتصاد </a>
</li>
<li>
<a href="contact.php">اتصل بنـا </a>
</li>
<li>
<a href="#"> الاعلان </a>
</li>
<li>
<a href="sendArticle.php"> راسل الشرق </a>
</li>
</ul>
</div><!--/.nav-collapse -->
</div><!--/.container-fluid -->
</div>
</div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div class="col-md-8">
<!--put slider here -->
<div class="flexslider">
<ul class="slides">
<li>
<img src="img/slide1.jpg" />
</li>
<li>
<img src="img/slide2.jpg" />
</li>
<li>
<img src="img/slide3.jpg" />
</li>
</ul>
</div>
<!-- <img src="img/slide1.jpg" alt="Responsive Slider" />
--> </div>
<div class="col-md-4">
<img src="img/ad-silder.jpg" alt=" " class="slider-ad"/>
</div>
</div>
</div> <!-- /container -->
<div class="ticker-holder">
<div class="container">
<!-- NewsTicker goes Here! -->
<!-- SearchBar goes Here! -->
</div>
</div> <!--end of ticker-holder -->
<div class="clear"></div>
<section id="content">
<div class="container box-shadow">
<div class="row">
<div class="col-md-4">
<div class="Featured-news">
<img src="img/big-img-news.png"/>
<h3> توك شو وتليفزيون </h3>
<p> كشف تفاصيل مجزره الحرس الجمهورى </p>
</div>
</div>
<div class="col-md-4">
<div class="Featured-news">
<img src="img/big-img-news.png"/>
<h3> توك شو وتليفزيون </h3>
<p> كشف تفاصيل مجزره الحرس الجمهورى </p>
</div>
</div>
<div class="col-md-4">
<div class="Featured-news">
<img src="img/big-img-news.png"/>
<h3> توك شو وتليفزيون </h3>
<p> كشف تفاصيل مجزره الحرس الجمهورى </p>
</div>
</div>
</div> <!--end of top random news holder -->
<div class="row">
<div class="col-md-8">
<a href="#">
<h3 class="section-title"> أخبار مصر </h3>
</a>
<div class="row">
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div> <!-- end of اخبار مصر -->
<!-- ====================================== -->
<a href="#">
<h3 class="section-title">أخبار العالم </h3>
</a>
<div class="row">
<div class="col-md-6">
<div class="news-details-big">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End of Row اخبار الرياضه - -->
<!-- ====================================================== -->
<a href="#">
<h3 class="section-title">أخبار الدقهليه </h3>
</a>
<div class="row">
<div class="col-md-6">
<div class="news-details-big">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End of Row اخبار الرياضه - -->
<!-- ====================================================== -->
<a href="#">
<h3 class="section-title">الرياضه </h3>
</a>
<div class="row">
<div class="col-md-6">
<div class="news-details-big">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End of Row اخبار الرياضه - -->
<!-- ====================================================== -->
<div class="row">
<div class="col-md-12">
<div class="center-adv">
<img src="img/ad.png"/>
</div>
</div>
</div>
<!-- ====================================================== -->
<a href="#">
<h3 class="section-title"> الاقتصاد </h3>
</a>
<div class="row">
<div class="col-md-6">
<div class="news-details-big">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End of Row الاقتصاد - -->
<!-- ====================================================== -->
<a href="#">
<h3 class="section-title">الرياضه </h3>
</a>
<div class="row">
<div class="col-md-6">
<div class="news-details-big">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="row">
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End of Row اخبار الرياضه - -->
<!-- ====================================================== -->
</div>
<div class="col-md-4">
<img src="img/ad-silder.jpg" alt=" " class="side-ad">
<h4 class="section-title"> أحدث المقالات </h4>
<div id="recent-articles">
<!-- <ul> -->
<li>1 Lorem ipsum dolor sit amet.</li>
<li>2 Lorem ipsum dolor sit amet.</li>
<li>3 Lorem ipsum dolor sit amet.</li>
<li>4 Lorem ipsum dolor sit amet.</li>
<li>5 Lorem ipsum dolor sit amet.</li>
<li>6 Lorem ipsum dolor sit amet.</li>
<li>7 Lorem ipsum dolor sit amet.</li>
<li>8 Lorem ipsum dolor sit amet.</li>
<li>9 Lorem ipsum dolor sit amet.</li>
<li>10 Lorem ipsum dolor sit amet.</li>
<!-- </ul> -->
</div>
<h4 class="section-title" > أخبار الشرق </h4>
<div id="elshark-news">
<div class="tabbable">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab1" data-toggle="tab">Section 1</a></li>
<li><a href="#tab2" data-toggle="tab">Section 2</a></li>
<li><a href="#tab3" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab1">
<p>I'm in Section 1.</p>
</div>
<div class="tab-pane fade" id="tab2">
<p>Howdy, I'm in Section 2.</p>
</div>
<div class="tab-pane fade" id="tab3">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Blanditiis, iusto minima ab inventore perspiciatis labore dolorem doloribus repellat veniam. Iure pariatur culpa repellendus exercitationem, perferendis dolorem consequatur illo commodi accusantium. Ducimus perferendis unde esse, explicabo laudantium pariatur illum maxime nisi dignissimos quis quidem eum, architecto voluptatem rerum. Maiores temporibus facilis culpa labore esse deserunt, qui asperiores? Voluptatem facere et, fugit eligendi labore, quibusdam libero, inventore minus expedita esse nihil eaque quia. Doloribus quas vero repudiandae quos quae, impedit officia possimus dolorum laborum cum recusandae sit, voluptas dicta excepturi praesentium. Quod sapiente eaque sequi, tempore eos tempora asperiores cumque. Iusto quae neque enim, fuga repudiandae doloribus molestiae quos aperiam cum cumque laborum dolores placeat vel quam odit eaque aspernatur similique sequi blanditiis! Iste qui error similique assumenda sequi, quae odit id beatae tenetur debitis quis doloribus nemo asperiores suscipit, laborum quidem obcaecati. Placeat nobis repudiandae non quasi. Corporis vel doloremque numquam reiciendis at odit amet aut, totam fugit facilis aliquam aperiam magnam, nesciunt modi blanditiis deserunt ex minus voluptatem temporibus dolores sint. Quia illo enim, rem corporis vero quam rerum obcaecati voluptatum, explicabo aliquid? Expedita, eius! Molestias iusto, ducimus nostrum blanditiis aperiam harum. Inventore tempora ducimus ex, cum quos explicabo necessitatibus!</p>
</div>
</div>
</div>
</div>
<h4 class="section-title" >وظائف</h4>
<h4 class="section-title" >القلوب الرحيمه</h4>
<div id="cute-hurts">
<iframe width="100%" height="315" src="//www.youtube.com/embed/aM_arRIFyvc" frameborder="0" allowfullscreen></iframe>
</div>
<div id="resha-elsharq">
<h4 class="section-title" >ريشه الشرق</h4>
<div class="row">
<div class="col-sm-12">
<div class="thumbnail">
<img src="img/test.jpg" alt="">
<div class="caption">
<h4>Title</h4>
</div>
</div>
</div>
</div>
</div>
<div id="Questionnaire">
<h4 class="section-title" >اسطلاع راى</h4>
<p>ماهو تقييمك لمحتوي الموقع ؟</p>
<span>جيد</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
60%
</div>
</div>
<span>جيد</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
60%
</div>
</div>
<span>جيد</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
60%
</div>
</div>
</div>
<div id="facebook">
<h4 class="section-title" >فيسبوك</h4>
<div class="fb-like-box" data-href="https://www.facebook.com/elsharq.eg" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="false"></div>
</div>
<div id="twitter">
<h4 class="section-title" >تويتر</h4>
<a href="https://twitter.com/elsharqeg" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @elsharqeg</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
</div>
</div>
<!-- ====================================================== -->
<a href="#">
<h3 class="section-title">تكنولوجيا </h3>
</a>
<div class="row">
<div class="col-md-4">
<div class="news-details-big">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End of Row تكنولوجيا - -->
<!-- ====================================================== -->
<a href="#">
<h3 class="section-title">ثقافه وفن </h3>
</a>
<div class="row">
<div class="col-md-4">
<div class="news-details-big">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-8">
<div class="row">
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-3">
<div class="news-details">
<img class="news-img" src="img/small-img-news.png" alt="">
<div class="news-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div>
</div>
</div> <!-- End of Row ثقافه وفن - -->
<!-- ====================================================== -->
<a href="#">
<h3 class="section-title">فيديو الشرق </h3>
</a>
<div class="row">
<div class="col-md-4">
<div class="news-details-big">
<a href="https://www.youtube.com/watch?feature=player_detailpage&amp;v=L7crueodwyI" title="تصريحات عبد المجيد محي الدين رئيس مجلس ادارة البنك العقاري المصري العربي " class="lb lb_youtube sharq_play_large"></a> <img class="news-img" src="http://i3.ytimg.com/vi/L7crueodwyI/default.jpg">
<div class="video-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="news-details-big">
<a href="https://www.youtube.com/watch?feature=player_detailpage&amp;v=L7crueodwyI" title="تصريحات عبد المجيد محي الدين رئيس مجلس ادارة البنك العقاري المصري العربي " class="lb lb_youtube sharq_play_large"></a> <img class="news-img" src="http://i3.ytimg.com/vi/L7crueodwyI/default.jpg">
<div class="video-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
<div class="col-md-4">
<div class="news-details-big">
<a href="https://www.youtube.com/watch?feature=player_detailpage&amp;v=L7crueodwyI" title="تصريحات عبد المجيد محي الدين رئيس مجلس ادارة البنك العقاري المصري العربي " class="lb lb_youtube sharq_play_large"></a> <img class="news-img" src="http://i3.ytimg.com/vi/L7crueodwyI/default.jpg">
<div class="video-text">
<p> محلب: الشعب «معجزة».. و«قريب... </p>
<a href="#" target="_blank"> اقرأ المزيد +</a>
</div>
</div>
</div>
</div> <!-- End of Row فيديو الشرق -->
</div> <!-- end of main container -->
</section> <!-- end of Content Section -->
<footer id="footer">
<div class="container">
<hr>
<div class="row">
<div class="col-md-4">
<h3>
أهم الروابط
</h3>
<ul class="menu">
<li><a href=""> الرياضه </a> </li>
<li><a href=""> الفن </a> </li>
<li><a href="">اخبار العالم </a> </li>
<li><a href=""> الرياضه </a> </li>
<li><a href=""> الفن </a> </li>
<li><a href="">اخبار العالم </a> </li>
<li><a href=""> الرياضه </a> </li>
<li><a href=""> الفن </a> </li>
<li><a href="">اخبار العالم </a> </li>
<li><a href=""> الرياضه </a> </li>
<li><a href=""> الفن </a> </li>
<li><a href="">اخبار العالم </a> </li>
<li><a href=""> الرياضه </a> </li>
<li><a href=""> الفن </a> </li>
<li><a href="">اخبار العالم </a> </li>
</ul>
</div>
<div class="col-md-4">
</div>
<div class="col-md-4">
</div>
</div>
<p>&copy; Company 2014</p>
</div>
</footer>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.0.min.js"><\/script>')</script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
<!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
<script>
(function(b,o,i,l,e,r){b.GoogleAnalyticsObject=l;b[l]||(b[l]=
function(){(b[l].q=b[l].q||[]).push(arguments)});b[l].l=+new Date;
e=o.createElement(i);r=o.getElementsByTagName(i)[0];
e.src='//www.google-analytics.com/analytics.js';
r.parentNode.insertBefore(e,r)}(window,document,'script','ga'));
ga('create','UA-XXXXX-X');ga('send','pageview');
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment