lafikl

<form>
    <input type="text" placeholder="الحقل الأول" id="field1" />
    <input type="text" placeholder="الحقل الثاني" id="field1" />
    <textarea placeholder="تجربة" rows="5" cols="45" ></textarea>
    <button class="btn btn-black btn-fancy">إضافة</button>
</form>

lafikl

<form>
        <div class="col-two  col-one-mobile">
            <label>اسمك</label>
        </div>
        <div class="col-ten col-three-mobile">
            <input type="text" class="" />
        </div>
        <div class="col-two col-one-mobile">
            <label>اسمك</label>
        </div>

lafikl

<form>
  <fieldset>
      <legend>مجموعة حقول</legend>
      <input type="text" placeholder="الحقل الأول" id="field1" />
      <input type="text" placeholder="الحقل الثاني" id="field1" />
      <textarea placeholder="تجربة" rows="5" cols="45" ></textarea>
      <button class="btn btn-black btn-fancy">إضافة</button>

  </fieldset>
</form>

lafikl

<form>  
  <input type="text" placeholder="الحقل الأول" id="field1" />
  <span class=" prefix">$</span>  <input type="text" placeholder="القيمة المادية" id="field1" />
  <textarea placeholder="تجربة" rows="5" cols="45" ></textarea>
  <button class="btn btn-black btn-fancy">إضافة</button>
</form>

lafikl

<div class="top-bar">
    <div class="container">
        <div class="row">

            <div class="col-three-mobile col-two logo">

               <a href="#" class="brand">اسم الموقع</a>

            </div>

lafikl

<form class="inline">  
  <input type="text" placeholder="الحقل الأول" id="field1" />
  <button class="btn btn-black btn-fancy">إضافة</button>
</form>

lafikl

<div class="top-bar">
  <div class="container">
      <div class="row">

          <div class="col-three-mobile col-two logo">

             <a href="#" class="brand">اسم الموقع</a>

          </div>

lafikl

<div class="top-bar">
  <div class="container">
      <div class="row">

          <div class="col-three-mobile col-two logo">

             <a href="#" class="brand">اسم الموقع</a>

          </div>

lafikl

<div class="box-thumb">
    <div class="box-img">
        <img src="http://upload.wikimedia.org/wikipedia/commons/2/23/Brown_Thrasher-27527-2.jpg" >
    </div>
    <a href="#" class="box-headline">دراس بني</a>
    <p class="box-content">الدَّرَّاس البُنِّيّ هو طائرٌ ينتمي لفصيلة المُحاكيات، التي تضم أيضًا موَّاءات العالم الجديد والمُحاكيات. هذه الطيور واسعة الانتشار عبر شرق ووسط الولايات المتحدة، بالإضافة إلى جنوب ووسط كندا، وهي الدرَّاسات الوحيدة التي تقيم إقامةً دائمة في المنطقة الواقعة شرق الجبال الصخريَّة (جبال الروكي)، وفي أواسط تكساس. اتُخذت هذه الدرَّاسات رمزًا لولاية جورجيا.</p>

    <div class="box-actions">
        <a href="#" class="btn btn-fancy btn-small pull-left">إقرأ المزيد..</a>
    </div>

lafikl

<div class="box-thumb">
    <div class="box-img">
        <img src="http://upload.wikimedia.org/wikipedia/commons/2/23/Brown_Thrasher-27527-2.jpg" >
    </div>
    <a href="#" class="box-headline">دراس بني</a>
    <p class="box-content">الدَّرَّاس البُنِّيّ هو طائرٌ ينتمي لفصيلة المُحاكيات، التي تضم أيضًا موَّاءات العالم الجديد والمُحاكيات. هذه الطيور واسعة الانتشار عبر شرق ووسط الولايات المتحدة، بالإضافة إلى جنوب ووسط كندا، وهي الدرَّاسات الوحيدة التي تقيم إقامةً دائمة في المنطقة الواقعة شرق الجبال الصخريَّة (جبال الروكي)، وفي أواسط تكساس. اتُخذت هذه الدرَّاسات رمزًا لولاية جورجيا.</p>

    <div class="box-actions">
        <a href="#" class="btn btn-fancy btn-small pull-left">إقرأ المزيد..</a>
    </div>