freeCodeCamp/guide/arabic/css/css-frameworks/css-framework-foundation/index.md

---
title: CSS Framework Foundation
localeTitle: مؤسسة CSS Framework
---
# مؤسسة CSS Framework

[المؤسسة](http://foundation.zurb.com/) عبارة عن إطار CSS مفتوح المصدر [ومحمول](https://zurb.com/) لأول مرة تم إنشاؤه بواسطة [Zurb](https://zurb.com/) .

## ابدء

في ما يلي نموذج HTML بسيط يشتمل على أحدث CSS وملف Javascript مجمّعة ومختصرة لمكتبة المؤسسة.

```html
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Foundation Template</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.css">
      </head>
      <body>
        <h1>Hello World</h1>
        <!-- Add all HTML Code here -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.js"></script>
      </body>
    </html>
``` 

يستخدم هذا المثال استخدام CDN الذي يقوم بتحميل الإعدادات الافتراضية. إذا كنت ترغب في تخصيص تخطيط الشبكة ، قم بتغيير الألوان أو إضافة وإزالة المكونات التي يمكنك القيام بها على صفحة [تنزيل](http://foundation.zurb.com/sites/download/) Foundation.

#### مصادر التعلم

1.  [وثائق المؤسسة](http://foundation.zurb.com/sites/docs/)
2.  [قائمة دروس المؤسسة](https://github.com/zurb/foundation-sites)
3.  [مؤسسة ملفات المصدر على جيثب](http://foundation.zurb.com/learn/tutorials.html)
4.  [DevTips سلسلة يوتيوب على شبكة المؤسسة](https://www.youtube.com/playlist?list=PLqGj3iMvMa4LJo_lBMTJwAlQRElulSeL8)
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00			`---`
			`title: CSS Framework Foundation`
			`localeTitle: مؤسسة CSS Framework`
			`---`
			`# مؤسسة CSS Framework`

			`[المؤسسة](http://foundation.zurb.com/) عبارة عن إطار CSS مفتوح المصدر [ومحمول](https://zurb.com/) لأول مرة تم إنشاؤه بواسطة [Zurb](https://zurb.com/) .`

			`## ابدء`

			`في ما يلي نموذج HTML بسيط يشتمل على أحدث CSS وملف Javascript مجمّعة ومختصرة لمكتبة المؤسسة.`

fix: converted single to triple backticks6 (#36233) 2019-06-20 14:40:26 -07:00			```html
			`<!DOCTYPE html>`
			`<html lang="en">`
			`<head>`
			`<meta charset="utf-8">`
			`<meta name="viewport" content="width=device-width, initial-scale=1">`
			`<title>Foundation Template</title>`
			`<link rel="stylesheet" href="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.css">`
			`</head>`
			`<body>`
			`<h1>Hello World</h1>`
			`<!-- Add all HTML Code here -->`
			`<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>`
			`<script src="https://cdn.jsdelivr.net/foundation/6.2.1/foundation.min.js"></script>`
			`</body>`
			`</html>`
			```
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00
			`يستخدم هذا المثال استخدام CDN الذي يقوم بتحميل الإعدادات الافتراضية. إذا كنت ترغب في تخصيص تخطيط الشبكة ، قم بتغيير الألوان أو إضافة وإزالة المكونات التي يمكنك القيام بها على صفحة [تنزيل](http://foundation.zurb.com/sites/download/) Foundation.`

			`#### مصادر التعلم`

			`1. [وثائق المؤسسة](http://foundation.zurb.com/sites/docs/)`
			`2. [قائمة دروس المؤسسة](https://github.com/zurb/foundation-sites)`
			`3. [مؤسسة ملفات المصدر على جيثب](http://foundation.zurb.com/learn/tutorials.html)`
			`4. [DevTips سلسلة يوتيوب على شبكة المؤسسة](https://www.youtube.com/playlist?list=PLqGj3iMvMa4LJo_lBMTJwAlQRElulSeL8)`