Permalink
Browse files

Add case-show.html

  • Loading branch information...
1 parent 2c9be77 commit ba27dd6da58d4cae89ce5419f28f5c711f9dd279 mai.moustafa committed May 24, 2012
Showing with 156 additions and 4 deletions.
  1. +149 −0 public/html/case-show.html
  2. +5 −3 public/html/home.html
  3. +2 −1 public/stylesheets/styles.css
View
@@ -0,0 +1,149 @@
+<!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<link href="../stylesheets/bootstrap2.css" rel="stylesheet" />
+<link href="../stylesheets/styles.css" rel="stylesheet" />
+<title>Case Show</title>
+</head>
+
+<body>
+
+<div class="header">
+ <div class="container">
+ <div class="row">
+ <div class="span1">
+ <h1><a href="#" class="logo">حالة واحدة</a></h1>
+ </div>
+ <div class="span5">
+ <ul class="nav nav-pills">
+ <li class="active"><a href="#">إحنى مين</a></li>
+ <li><a href="#">الإنجازات السابقة</a></li>
+ <li><a href="#">الجمعيات المشتركة</a></li>
+ </ul>
+ </div>
+ <div class="span1">
+ <a href="#" class="social facebook" title="Facebook">Facebook</a>
+ <a href="#" class="social google" title="Google plus">Google plus</a>
+ <a href="#" class="social twitter" title="Twitter">Twitter</a>
+ </div>
+ <div class="span4 search">
+ <p>إشترك معانا عشان توصلك آخر أخبار الحالات</p>
+ <form class="form-inline">
+ <input type="text" placeholder="بريدك الالكترونى" />
+ <button class="btn btn-primary">اشترك</button>
+ </form>
+ </div>
+ </div>
+ </div>
+</div><!--end header-->
+
+
+<div class="content">
+ <div class="container">
+ <div class="row">
+ <div class="span6 case">
+ <p><a href="#" class="title-small">زكاة مال</a> : <a href="#" class="title-small"> زواج</a></p>
+ <h1><a href="#">إتبرع لإنقاذ حياة محمد حسني مبارك من المرض</a></h1>
+ <p>حسني مبارك يعاني من أمراض عديدة مجهولة النوع والمصدر ويوجد بعض التشككات إنه حوار بس على رأي غسان مطر؛ اعمل الصح!</p>
+ <p>حسني مبارك يعاني من أمراض عديدة مجهولة النوع والمصدر ويوجد بعض التشككات إنه حوار بس على رأي غسان مطر؛ اعمل الصح!</p>
+
+ <h3>المطلوب</h3>
+ <ol>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ </ol>
+
+ <h3>بيانات الحالة</h3>
+ <ul>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ </ul>
+
+ <h3>صور/مستندات خاصة بالحالة</h3>
+ <ul class="thumbnails">
+ <li class="span2">
+ <a href="#" class="thumbnail"><img src="http://placehold.it/260x180" alt=""></a>
+ </li>
+ <li class="span2">
+ <a href="#" class="thumbnail"><img src="http://placehold.it/260x180" alt=""></a>
+ </li>
+ </ul>
+ <div class="actions">
+ <a href="#" class="btn btn-primary btn-large">اتبرع دلوقت</a>
+ </div>
+
+ </div><!--end span6-->
+ <div class="span5 offset1">
+ <p class="title-small">الوقت المتبقى علشان تتبرع</p>
+ <div class="time">
+ <span class="day">02</span>
+ <span class="hour">19</span>
+ <span class="min">30</span>
+ <span class="sec">02</span>
+ </div>
+
+ <p class="title-small">الفلوس المطلوبه</p>
+ <div class="progress">
+ <div class="bar" style="width: 60%;"></div>
+ </div>
+
+
+ <div class="span2 money">
+ <p>جمعنا <br /> <strong>145,000</strong> جنيه</p>
+ </div>
+ <div class="span2 money">
+ <p>فاضل <br /> <strong>135,000</strong> جنيه</p>
+ </div>
+ </div><!--end span5-->
+
+ <div class="span5 offset1">
+ <h3>بيانات الحالة</h3>
+ <ul>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ <li>حسني مبارك يعاني من أمراض عديدة مجهولة النوع</li>
+ </ul>
+ </div>
+
+ </div><!--end row-->
+
+ <div class="row media-share">
+ <div class="span9"><p class="pull-left">ساعدنا بنشر الفيديو</p></div>
+ <div class="span3"><img src="../images/socia-share.png" /></div>
+ </div>
+
+ <div class="row">
+ <div class="span12">
+ <div class="media-show">
+ <img src="../images/dumm/video.jpg" width="854" height="510" /></div>
+ </div>
+ </div><!--end row-->
+
+ </div><!--end container-->
+</div><!--end contet-->
+
+
+<div class="footer">
+ <div class="container">
+ <div class="row">
+ <div class="span8 menu">
+ <a href="#">الحالة السابقة</a>
+ <a href="#">الحالة السابقة</a>
+ <a href="#">الحالة السابقة</a>
+ </div>
+ <div class="span4 search">
+ <p>إشترك معانا عشان توصلك آخر أخبار الحالات</p>
+ <form class="form-inline">
+ <input type="text" placeholder="بريدك الالكترونى" />
+ <button class="btn btn-primary">اشترك</button>
+ </form>
+ </div>
+ </div>
+ </div>
+</div><!--end footer-->
+
+</body>
+</html>
View
@@ -45,9 +45,11 @@
<div class="span6 case">
<p><a href="#" class="title-small">زكاة مال</a> : <a href="#" class="title-small"> زواج</a></p>
<h1><a href="#">إتبرع لإنقاذ حياة محمد حسني مبارك من المرض</a></h1>
- <p class="intro">حسني مبارك يعاني من أمراض عديدة مجهولة النوع والمصدر ويوجد بعض التشككات إنه حوار بس على رأي غسان مطر؛ اعمل الصح!</p>
- <a href="#" class="btn btn-primary btn-large">اتبرع دلوقت</a>&nbsp;&nbsp;
- <a href="#">تفاصيل أكتر عن الحالة &raquo;</a>
+ <p>حسني مبارك يعاني من أمراض عديدة مجهولة النوع والمصدر ويوجد بعض التشككات إنه حوار بس على رأي غسان مطر؛ اعمل الصح!</p>
+ <div class="case actions">
+ <a href="#" class="btn btn-primary btn-large">اتبرع دلوقت</a>&nbsp;&nbsp;
+ <a href="#">تفاصيل أكتر عن الحالة &raquo;</a>
+ </div>
</div><!--end span6-->
<div class="span5 offset1">
<p class="title-small">الوقت المتبقى علشان تتبرع</p>
@@ -32,8 +32,9 @@ h1{ color:#378AA1; font-weight:normal;}
.time .hour{ position:absolute; top:9px; left:104px;}
.time .min{ position:absolute; top:9px; left:195px;}
.time .sec{ position:absolute; top:9px; left:289px;}
-.case h1{ margin-bottom:5px;}
+.case h1{ margin-bottom:10px;}
.case .intro{ margin-bottom:20px;}
+.case .actions{ margin-top:20px;}
.money.span2{ margin-right:0;}
.money.span2 strong{ font-size:18px;}

0 comments on commit ba27dd6

Please sign in to comment.