<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>اسم موقعك</title>
<style>
.header-wrapper-background {
background: #2c3e4f none repeat scroll 0 0;
border-top: 6px solid #c0392b;
}
.header {
margin: auto;
max-width: 1180px;
}
.flex-row-reverse {
display: flex;
flex-flow: row-reverse wrap;
}
.header-logo-lc-mc {
margin-bottom: -48px;
}
.header-logo {
background: #2c3e4f none repeat scroll 0 0;
float: right !important;
height: 90px;
padding: 6px;
position: relative;
text-align: center;
width: 200px;
}
#image-lc {
bottom: 0;
box-sizing: border-box;
left: 0;
margin: auto;
max-height: 80px;
max-width: 96%;
position: absolute;
right: 0;
top: 0;
}
.lc-95 {
width: 79.1667%;
}
.lc-show {
display: block;
}
.site-menu {
background-color: #2c3e4f;
}
body{
background-color: #F0F0F0;
margin: 0;
padding: 0;
}
* {
box-sizing: inherit;
}
.site-menu ul {
float: left;
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
transition: visibility 0s ease 0s, opacity 0.8s ease 0s;
}
.site-menu ul {
list-style: outside none none;
}
.site-menu .nav-home-link {
background: #c0392b none repeat scroll 0 0;
float: right;
min-width: 46px;
text-align: center;
}
.site-menu ul li a {
border-left: 1px solid #3a5269;
color: #ffffff;
display: block;
min-height: 30px;
padding: 12px 10px;
}
large {
font-size: 24px !important;
}
#center {
margin: 10px auto;
max-width: 1180px;
}
.flex-row, .site, .form-unit, .app_option, .pages ul, .content-caption, .site-menu ul {
display: flex;
flex-flow: row wrap;
}
.lc-120 {
width: 100%;
}
.lc-40 {
width: 33.3333%;
}
.article-brief-content {
background: #fff none repeat scroll 0 0;
box-shadow: 0 0 2px #b5b5b5;
height: 97%;
line-height: 1.4;
margin: 0 0 3%;
transition: box-shadow 0.5s ease 0s;
width: 98%;
}
.article-brief-content .image-wrapper {
overflow: hidden;
position: relative;
}
.article-brief-content .image-wrapper img {
height: 200px;
object-fit: cover;
transition: transform 0.5s ease 0s;
vertical-align: bottom;
width: 100%;
}
.article-brief-content:hover > .image-wrapper img {
transform: scale(1.1);
}
.article-brief-content .title {
color: #2c3e4f;
padding: 6px;
text-align: justify;
}
body a {
color: #c0392b;
text-decoration: none;
}
.article-brief-content .title h2 {
font-size: inherit;
margin: 0;
padding: 0;
}
.article-brief-content .brief-text:empty {
display: none;
}
.article-brief-content .brief-text {
border-top: 1px solid #b5b5b5;
opacity: 0.65;
padding: 6px;
text-align: justify;
transition: opacity 0.5s ease 0s;
}
</style>
</head>
<body><div class="header-wrapper-background"><div class="header flex-row-reverse"><div class="header-logo header-logo-lc-mc mc-35 lc-25 sc-hide mc-show lc-show">
<a href="/">
<img id="image-lc" src="http://www.stardima.com/home/upload/11-2016/system/5821e0511ebcf.png" alt="اسم موقعك"/>
</a></div>
<nav class="site-menu sc-120 mc-85 lc-95 sc-hide mc-show lc-show" role="navigation">
<ul id="site-menu-area"><li><a href="/" class="nav-home-link">
المنتدى
</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></nav>
</div></div>
<br>
<br><div id="center"><div class="site"><div class="site-content sc-120 mc-120 lc-120"><div class="flex-row"><div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>
<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>
<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>
<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>
<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>
<div class="sc-120 mc-60 lc-40"><div class="article-brief-content" onclick="location.href='#'"><div class="image-wrapper">
<img src="http://www.stardima.com/home/upload/11-2016/article/13416883_10154091224980999_5270016414876570286_o-450px.jpg"/>
</div><div class="title">
<a href="#">
<h2>اسم الموضوع</h2>
</a>
</div><div class="brief-text"></div>
</div>
</div>
</div></div></div></div>
</body>
</html>
الرئيسية 
موقع دراسة الرا 
الأحداث 
المنشورات 
فقدت كلمة المرور؟
فقدت إسم العضوية؟
السبت 8 يوليو - 23:52:49
