امكانيات حورس فريم وورك سهلة و بسيطة

قالب خفيف و سريع

بمجرد معرفت الكلاسات الازمة للفريم و في اقل وقت ممكن ستجد نفسك تتعامل مع القالب بكل حرية و يمكنك من خلاية اي موقع تتخيلة

كود اسرع للمطورين

حورس فريم يعتبر اول فريم وورك عربي يحل لك جميع مشاكل اللغة و كيفية تقديمها الى عالم الوب

قالب الجوال اولا

تم بناء حورس فريم وورك حتى يتلاقم مع اللغات الحديثة مثلHTML5-CSS3 و يعطي لك ايضا بعض المساعدات الازمة لاي موقع متغير الاحجام

هيكل القالب The Grid

12 columns

1

11 columns

2 columns

10 columns

3 columns

9 columns

4 columns

8 columns

5 columns

7 columns

6 columns

6 columns

كيفية التعامل مع القالب Simple template

		<"div class="container>

		<div/>
			
		<"div class="container>

			<"section class="row>

			<section/>

		<div/>
			
		<"div class="container>

			<"section class="row>

				<"article class="col4>
					<header></header>
					<div></div>
					<footer></footer>
				<article/>

				<"article class="col4>
					<header></header>
					<div></div>
					<footer></footer>
				<article/>

				<"article class=col4>
					<header></header>
					<div></div>
					<footer></footer>
				<article/>

			<section/>

		<div/>
			

مثال اخر للقالب Simple template

		<"div class="container>

		<div/>
			
		<"div class="container>

			<"header class="row>

			<header/>

		<div/>
			
		<"div class="container>

			<"header class="row>

			<header/>

			<"section class="row>

				<"section class="col8>
				<section/>

				<"aside class="col4>
				<aside/>

			<section/>

		<div/>
			

كيفية التعامل مع جريد داخل جريد Nested Grids

		<"div class="container>

		<div/>
			
		<"div class="container>

			<"footer class="row>
				<"div class="col6>
					<div class="row">
						<"div class="col6>
						<div/>

						<"div class="col6>
						<div/>
					<div/>
				<div/>

				<"div class="col6>
				<div/>
			<footer/>

		<div/>
			

كلاسات حورس Grids Classes

يمكنك تكبير و تصغير المتصفح لمساعدتك على النظر اكثر بدقة

col2.

col2.

col2.

col2.

col2.

col2.

col2-helf.

col2-helf.

col2-helf.

col2-helf.

col2-helf.

col2-helf.

col3.

col3.

col3.

col3.

col3-helf.

col3-helf.

col3-helf.

col3-helf.

col4.

col4.

col4.

col5.

col2.

col5.

col6.

col6.

col7.

col5.

col8.

col4.

col9.

col3.

col10.

col2.

col11.

col1.

col12.