This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="top-bar"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-three-mobile col-two logo"> | |
<a href="#" class="brand">اسم الموقع</a> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="top-bar"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-three-mobile col-two logo"> | |
<a href="#" class="brand">اسم الموقع</a> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<form class="inline"> | |
<input type="text" placeholder="الحقل الأول" id="field1" /> | |
<button class="btn btn-black btn-fancy">إضافة</button> | |
</form> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<div class="top-bar"> | |
<div class="container"> | |
<div class="row"> | |
<div class="col-three-mobile col-two logo"> | |
<a href="#" class="brand">اسم الموقع</a> | |
</div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<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> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!-- Fancy --> | |
<a href="#" class="btn btn-fancy">زر فاخر</a> | |
<a href="#" class="btn btn-fancy btn-blue">زر أزرق فاخر</a> | |
<a href="#" class="btn btn-fancy btn-red">زر أحمر فاخر</a> | |
<a href="#" class="btn btn-fancy btn-black">زر أسود فاخر</a> | |
<a href="#" class="btn btn-fancy btn-yellow">زر أصفر فاخر</a> | |