ان كنت استفدت من محتوى المنتدى فاضغط على الاعلانات..

طلب تكويد صفحة Html

  افضل مساهمة1
سلام الله عليكم شباب الاسلام

انا اريد تكويد صفحه كما موضح في الصور

بس يكون بلون الاحمر 

بحقوق > موقع محمد نبينا <



















وشكرا لكم
  افضل مساهمة2
#جاري_تصميم_صفحة_html


m13
  افضل مساهمة3
#تصميم_وبرمجة_صفحة_html

الكود:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>موقع محمد نبينا </title>

<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.css" rel="stylesheet">
  <style type="text/css">@import url(http://googledrive.com/host/0B16y_StBDof9MGRvSXM0Y04telk);</style>
  <style type="text/css">@import url(http://googledrive.com/host/0B16y_StBDof9NWlFZkdmOW5CXzg);</style>
  <style type="text/css">@import url(http://googledrive.com/host/0B16y_StBDof9YkNTVlljQkxfQzQ);</style>
  <style type="text/css">@import url(http://googledrive.com/host/0B16y_StBDof9VG8zVFkzQWo2M0k);</style>

<!-- Custom CSS -->

<link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
<script src="http://googledrive.com/host/0B16y_StBDof9akNRVkxOUjBhQmc"></script>
<script type="text/javascript" src="http://googledrive.com/host/0B16y_StBDof9Q0RoSmFJMVpGM1k"></script>

<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>

<body data-spy="scroll" data-offset="0" data-target="#navbar-main"><div id="navbar-main">
  <!-- Fixed navbar -->
  <div class="navbar navbar-default navbar-fixed-top">
    <div class="container">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button>
        <a class="navbar-brand" href="http://mohamed-nabina.0wn0.com/"><i class="fa fa-location-arrow"></i>موقع محمد نبينا </a> </div>
      <div class="navbar-collapse collapse">
        <ul class="nav navbar-nav navbar-right">
          <li> <a href="#team" class="smoothScroll"> فريقنا</a></li>
          <li> <a href="#portfolio" class="smoothScroll"> اعمالنا</a></li>
          <li> <a href="#services" class="smoothScroll"> خدماتنا</a></li>
          <li> <a href="#about" class="smoothScroll"> التعريف بنا</a></li>
          <li><a href="#home" class="smoothScroll">الرئيسية</a></li>
        </ul>
      </div>
      <!--/.nav-collapse -->
    </div>
  </div>
</div>

<!-- ==== HEADERWRAP ==== --><div id="headerwrap" name="home">
  <header class="clearfix">
    <h1>موقع محمد نبينا </h1>
    <p>اكبر منتدى مختص بالدين الاسلامي<br>
  مواضيع حصرية دينية وثقافية ...</p>
    <a href="/forum" class="smoothScroll btn btn-lg">الدخول لمنتدانا</a> </header>
</div>
<!-- /headerwrap -->

<!-- ==== ABOUT ==== --><div id="about" name="about">
  <div class="container">
    <div class="row white">
      <div class="col-md-6"> <img class="img-responsive" src="http://i86.servimg.com/u/f86/16/46/77/76/about110.jpg" align=""> </div>
      <div class="col-md-6">
        <h3 style="text-align:right;">تعريف موجز بنا</h3><br/>
        <p style="text-align:right;">مجموعه من المشرفين قائمين على وضع مواضيع دينية وثقافية وتفاعليه غايتنا محتوى مفيد</p>
        <br/><br/><br/><h3 style="text-align:right;">لماذا تختارنا ؟</h3><br/>
        <p style="text-align:right;"><img src="http://r31.imgfast.net/users/3613/22/75/88/smiles/286903602.gif" />  ببساطة لاننا الافضل  </p>
      </div>
    </div>
    <!-- row -->
  </div>
</div>
<!-- container -->

<!-- ==== SERVICES ==== --><div id="services" name="services">
  <div class="container">
    <div class="row">
      <h2 class="centered">خدماتنا</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2">
        <p class="large">نقدم لكم مجموعة من الخدمات الإحترافية <span style="color:red;"> المجانية  </span>  الرائعة لدرجة انكم لن تجدوها في اي مكان غيرنا </p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-desktop fa-3x"></i>
        <h3> التصميم الإحترافي</h3>
        <p>! طلبات تصاميمكم تتم تلبيتها بسرعة كبيرة من طرف مصممين و مبدعين محترفين </p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-gears fa-3x"></i>
        <h3>تطوير المواقع</h3>
        <p>نقدم لكم افضل الاكواد لتطوير مواقعكم و نعمل جاهدين على تحسينها</p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-dot-circle-o fa-3x"></i>
        <h3>مساعدات في تطوير مواقعكم</h3>
        <p>... نقدم لكم خدمة الاسئلة و الإستفسارات حيث بإمكانكم طرح اي سؤال يخص التصميم او البرمجة </p>
      </div>
      <div class="col-lg-3 callout"> <i class="fa fa-shopping-cart  fa-3x"></i>
        <h3>اسعار مجانية</h3>
        <p>وهذه خدمة حصرية منا حيث نقوم بكل شيء مجانا ، لا داعي للقلق على حسابات الإلكترونية بعد الآن</p>
      </div>
               
    </div>
    <!-- row -->
  </div>
</div>
<!-- container -->

<!-- ==== PORTFOLIO ==== --><div id="portfolio" name="portfolio">
  <div class="container">
    <div class="row">
      <h2 class="centered">اعمالنا</h2>
      <hr>
      <div class="col-lg-8 col-lg-offset-2 centered">
        <p class="large">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut eaque, laboriosam veritatis, quos non quis ad perspiciatis, totam corporis ea, alias ut unde.</p>
      </div>
    </div>
    <!-- /row -->
    <div class="container">
      <div class="row">
       
        <!-- PORTFOLIO IMAGE 1 -->
        <div class="col-md-4 ">
          <div class="grid mask">
            <figure> <img class="img-responsive" src="http://i86.servimg.com/u/f86/16/46/77/76/folio010.jpg" alt="">
              <figcaption>
                <h5>UX / UI</h5>
                <a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
              <!-- /figcaption -->
            </figure>
            <!-- /figure -->
          </div>
          <!-- /grid-mask -->
        </div>
       
       
        <!-- PORTFOLIO IMAGE 2 -->
        <div class="col-md-4">
          <div class="grid mask">
            <figure> <img class="img-responsive" src="http://i86.servimg.com/u/f86/16/46/77/76/folio011.jpg" alt="">
              <figcaption>
                <h5>CONCEPT</h5>
                <a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
              <!-- /figcaption -->
            </figure>
            <!-- /figure -->
          </div>
          <!-- /grid-mask -->
        </div>
       
        <!-- PORTFOLIO IMAGE 3 -->
        <div class="col-md-4">
          <div class="grid mask">
            <figure> <img class="img-responsive" src="http://i86.servimg.com/u/f86/16/46/77/76/folio012.jpg" alt="">
              <figcaption>
                <h5>MOBILE UI KIT</h5>
                <a data-toggle="modal" href="#myModal" class="btn btn-default">More Details</a> </figcaption>
              <!-- /figcaption -->
            </figure>
            <!-- /figure -->
          </div>
          <!-- /grid-mask -->
        </div>
      </div>
      <!-- /row -->
     
   
          </div>
          <!-- /grid-mask -->
        </div>
        <!-- /col -->
      </div>
      <!-- /row -->
    </div>
    <!-- /row -->
  </div>
</div>
<!-- /container -->

<!-- ==== TEAM MEMBERS ==== --><div id="team" name="team">
  <div class="container">
    <div class="row centered">
      <h2 class="centered">فريقنا</h2>
      <hr>
      <div class="col-lg-3 centered"> <img class="img img-circle" src="http://r31.imgfast.net/users/3613/22/75/88/avatars/2636-19.png" height="120px" width="120px" alt="">
        <h4>JAR7</h4>
        <p>مديرة مسؤولة عن المنتدى ـ مصممة</p>
        <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a>  </div>
      <div class="col-lg-3 centered"> <img class="img img-circle" src="http://r31.imgfast.net/users/3613/22/75/88/avatars/6481-59.jpg" height="120px" width="120px" alt="">
        <h4>1M ThE BesT</h4>
        <p>إدارة عليا مسؤول عن المنتدى ـ مكود</p>
        <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a>  </div>
      <div class="col-lg-3 centered"> <img class="img img-circle" src="http://r28.imgfast.net/users/2814/54/98/72/avatars/108792-91.jpg" height="120px" width="120px" alt="">
        <h4>الرسام</h4>
        <p>رئيس فريق التكويد</p>
        <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a>  </div>
      <div class="col-lg-3 centered"> <img class="img img-circle" src="http://im67.gulfup.com/OEkxML.png" height="120px" width="120px" alt="">
        <h4>K!MO</h4>
        <p>رئيس فريق التصميم</p>
        <a href="#"><i class="fa fa-twitter"></i></a> <a href="#"><i class="fa fa-facebook"></i></a>  </div>

    </div>
  </div>
  <!-- row -->
</div>
<!-- container -->

<div id="footerwrap">
  <div class="container">
    <div class="row">
      <div class="col-md-8"> <span class="copyright">Copyright © 2016 JAR7  . <a href="http://www.t3qnyiat.com/">JAR7</a> - تصميم و برمجة</span> </div>
      <div class="col-md-4">
        <ul class="list-inline social-buttons">
          <li><a href="https://twitter.com/ibda3araby2"><i class="fa fa-twitter"></i></a> </li>
          <li><a href="https://www.facebook.com/ibda3araby"><i class="fa fa-facebook"></i></a> </li>
          <li><a href="https://plus.google.com/u/0/117050684020371238883"><i class="fa fa-google-plus"></i></a> </li>
        </ul>
      </div>
    </div>
  </div>
</div>

<!-- Bootstrap core JavaScript
    ================================================== -->
<!-- Placed at the end of the document so the pages load faster -->

<script type="text/javascript" src="http://googledrive.com/host/0B16y_StBDof9MXo4T1BlcG53YlE"></script>
<script type="text/javascript" src="http://googledrive.com/host/0B16y_StBDof9VzVmMnRLWUFSM00"></script>
<script type="text/javascript" src="http://googledrive.com/host/0B16y_StBDof9b3pJLWJkeEppSlE"></script>
<script type="text/javascript" src="http://googledrive.com/host/0B16y_StBDof9TnVidmRaLVF1Vjg"></script>
<script type="text/javascript" src="http://googledrive.com/host/0B16y_StBDof9bUJLOGF2RHVHSm"></script>
</body>
</html>



معاينة الصفحة لاي تعديل ضع موضوع جديد
http://l0000l.ba7r.org/h6-page


m13
  افضل مساهمة4
ينقل للأرشيف 
السبب: إنتهاء المدة : تاريخ تلبية الطلب 27 مارس و تاريخ اليوم 11 أبريل
لاتستطيع الرد على المواضيع في هذا المنتدى