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

---
title: CSS Framework Skeleton
localeTitle: CSS Framework Skeleton
---
# CSS Framework Skeleton

الهيكل العظمي هو قالب معدني ميت لإطلاق أي مشروع سريع الاستجابة.

## ابدء

في ما يلي نموذج HTML بسيط يشتمل على أحدث ملف CSS مجمع ومختزن لمكتبة Skeleton.

```html
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Skeleton Template</title>
        <link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.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>
      </body>
    </html>
``` 

 [![](//discourse-user-assets.s3.amazonaws.com/original/2X/3/31bd555700f1ee85bb4ddcacf595f0dfd8a16254.png) **JSBin Demo**](http://jsbin.com/sekojaxali/edit?html,output)

لقد استخدمنا CDN في هذا المثال ، ولكن يمكنك التحقق من الطرق الأخرى لتثبيت Skeleton [هنا](https://github.com/dhg/Skeleton#getting-started) .

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

*   ![:point_right:](//forum.freecodecamp.com/images/emoji/emoji_one/point_right.png?v=2 ": point_right:") [**`Official Documentation`**](http://getskeleton.com/#grid) من الهيكل العظمي.
*   مجانية مستودع مفتوح المصدر المفتوح GitHub Skeleton [هنا](https://github.com/dhg/Skeleton) .
*   [فيما يلي](http://getskeleton.com/#examples) بعض الأمثلة على كيفية استخدام Skeleton على مواقع ويب مختلفة.
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00			`---`
			`title: CSS Framework Skeleton`
			`localeTitle: CSS Framework Skeleton`
			`---`
			`# CSS Framework Skeleton`

			`الهيكل العظمي هو قالب معدني ميت لإطلاق أي مشروع سريع الاستجابة.`

			`## ابدء`

			`في ما يلي نموذج HTML بسيط يشتمل على أحدث ملف CSS مجمع ومختزن لمكتبة Skeleton.`

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>Skeleton Template</title>`
			`<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">`
			`<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.1.1/normalize.min.css">`
			`<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.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>`
			`</body>`
			`</html>`
			```
feat: add portuguese chinese arabic to guide 2018-10-12 16:35:31 -04:00
			`[![](//discourse-user-assets.s3.amazonaws.com/original/2X/3/31bd555700f1ee85bb4ddcacf595f0dfd8a16254.png) JSBin Demo](http://jsbin.com/sekojaxali/edit?html,output)`

			`لقد استخدمنا CDN في هذا المثال ، ولكن يمكنك التحقق من الطرق الأخرى لتثبيت Skeleton [هنا](https://github.com/dhg/Skeleton#getting-started) .`

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

			* ![:point_right:](//forum.freecodecamp.com/images/emoji/emoji_one/point_right.png?v=2 ": point_right:") [`Official Documentation`](http://getskeleton.com/#grid) من الهيكل العظمي.
			`* مجانية مستودع مفتوح المصدر المفتوح GitHub Skeleton [هنا](https://github.com/dhg/Skeleton) .`
			`* [فيما يلي](http://getskeleton.com/#examples) بعض الأمثلة على كيفية استخدام Skeleton على مواقع ويب مختلفة.`