پوسته ها

  1. خانه
  2. کتابخانه
  3. تاریخ
پوسته هارنگها

ما برای شما در این قالب 6 رنگ اصلی در نظر گرفتیم که در زیر نمونه آنها را میبینید. با کلیک بر روی هر رنگ شاهد شگفتی باشید . لذت ببرید

پوسته ها هوک های باور نکردنی .

  • افزودن منو در بالا

  • با کد .navbar-inverse در عنصر شاهد نمایش بالا باشید

  • کلیک کنید و روی دکمه آبی شاهد شگفتی باشید

تصاویرنمونه جعبه ها

همه برای شماست !

شما میتوانید برای استفاده بهتر به برگه تصاویر, برگه افکت های تصاویر و گالری تصاویر مراجعه کنید.
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder
Placeholder

تصاویر

Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item
Item

تصاویر کاربران

User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
User Image
رنگ بندی هالذت ببرید !

رنگ ها در این قالب از خیلی تیره به خیلی روشن دسته بندی شدند برای راحتی شما در استفاده .

برای تغییر یا شخصی سازی میتوانید به variables.less مراجعه کنید .

خیلی تیره تیره تر تیره پیشفرض روشن روشن تر خیلی روشن
  • LESS: @default-darkest
  • RGB: rgb(48, 53, 62)
  • HEX: #30353e
  • LESS: @default-darker
  • RGB: rgb(81, 89, 106)
  • HEX: #51596a
  • LESS: @default-dark
  • RGB: rgb(103, 114, 135)
  • HEX: #677287
  • LESS: @default
  • RGB: rgb(144, 153, 170)
  • HEX: #9099aa
  • LESS: @default-light
  • RGB: rgb(202, 206, 214)
  • HEX: #caced6
  • LESS: @default-lighter
  • RGB: rgb(222, 225, 230)
  • HEX: #dee1e6
  • LESS: @default-lightest
  • RGB: rgb(242, 243, 245)
  • HEX: #f2f3f5
  • LESS: @primary-darkest
  • RGB: rgb(15, 47, 75)
  • HEX: #0f2f4b
  • LESS: @primary-darker
  • RGB: rgb(21, 69, 109)
  • HEX: #15456d
  • LESS: @primary-dark
  • RGB: rgb(30, 96, 152)
  • HEX: #1e6098
  • LESS: @primary
  • RGB: rgb(34, 109, 173)
  • HEX: #226dad
  • LESS: @primary-light
  • RGB: rgb(87, 160, 222)
  • HEX: #57a0de
  • LESS: @primary-lighter
  • RGB: rgb(194, 220, 243)
  • HEX: #c2dcf3
  • LESS: @primary-lightest
  • RGB: rgb(236, 244, 251)
  • HEX: #ecf4fb
  • LESS: @success-darkest
  • RGB: rgb(52, 63, 24)
  • HEX: #343f18
  • LESS: @success-darker
  • RGB: rgb(92, 111, 42)
  • HEX: #5c6f2a
  • LESS: @success-dark
  • RGB: rgb(139, 167, 63)
  • HEX: #8ba73f
  • LESS: @success
  • RGB: rgb(154, 185, 70)
  • HEX: #9ab946
  • LESS: @success-light
  • RGB: rgb(188, 209, 133)
  • HEX: #bcd185
  • LESS: @success-lighter
  • RGB: rgb(209, 223, 170)
  • HEX: #d1dfaa
  • LESS: @success-lightest
  • RGB: rgb(221, 231, 192)
  • HEX: #dde7c0
  • LESS: @info-darkest
  • RGB: rgb(46, 117, 131)
  • HEX: #2e7583
  • LESS: @info-darker
  • RGB: rgb(56, 144, 161)
  • HEX: #3890a1
  • LESS: @info-dark
  • RGB: rgb(66, 168, 188)
  • HEX: #42a8bc
  • LESS: @info
  • RGB: rgb(95, 182, 199)
  • HEX: #5fb6c7
  • LESS: @info-light
  • RGB: rgb(152, 208, 219)
  • HEX: #98d0db
  • LESS: @info-lighter
  • RGB: rgb(189, 225, 232)
  • HEX: #bde1e8
  • LESS: @info-lightest
  • RGB: rgb(220, 239, 243)
  • HEX: #dceff3
  • LESS: @warning-darkest
  • RGB: rgb(176, 109, 15)
  • HEX: #b06d0f
  • LESS: @warning-darker
  • RGB: rgb(223, 138, 19)
  • HEX: #df8a13
  • LESS: @warning-dark
  • RGB: rgb(238, 162, 54)
  • HEX: #eea236
  • LESS: @warning
  • RGB: rgb(240, 173, 78)
  • HEX: #f0ad4e
  • LESS: @warning-light
  • RGB: rgb(247, 210, 158)
  • HEX: #f7d29e
  • LESS: @warning-lighter
  • RGB: rgb(250, 227, 196)
  • HEX: #fae3c4
  • LESS: @warning-lightest
  • RGB: rgb(253, 245, 233)
  • HEX: #fdf5e9
  • LESS: @danger-darkest
  • RGB: rgb(120, 16, 26)
  • HEX: #78101a
  • LESS: @danger-darker
  • RGB: rgb(133, 18, 29)
  • HEX: #85121d
  • LESS: @danger-dark
  • RGB: rgb(201, 27, 43)
  • HEX: #c91b2b
  • LESS: @danger
  • RGB: rgb(231, 73, 88)
  • HEX: #e74958
  • LESS: @danger-light
  • RGB: rgb(241, 150, 158)
  • HEX: #f1969e
  • LESS: @danger-lighter
  • RGB: rgb(249, 208, 212)
  • HEX: #f9d0d4
  • LESS: @danger-lightest
  • RGB: rgb(251, 222, 224)
  • HEX: #fbdee0
  • LESS: @green-alt-darkest
  • RGB: rgb(0, 54, 48)
  • HEX: #003630
  • LESS: @green-alt-darker
  • RGB: rgb(1, 105, 93)
  • HEX: #01695d
  • LESS: @green-alt-dark
  • RGB: rgb(1, 145, 129)
  • HEX: #019181
  • LESS: @green-alt
  • RGB: rgb(1, 181, 161)
  • HEX: #01b5a1
  • LESS: @green-alt-light
  • RGB: rgb(1, 217, 193)
  • HEX: #01d9c1
  • LESS: @green-alt-lighter
  • RGB: rgb(30, 254, 229)
  • HEX: #1efee5
  • LESS: @green-alt-lightest
  • RGB: rgb(132, 254, 241)
  • HEX: #84fef1
  • LESS: @violet-darkest
  • RGB: rgb(67, 49, 91)
  • HEX: #43315b
  • LESS: @violet-darker
  • RGB: rgb(91, 67, 124)
  • HEX: #5b437c
  • LESS: @violet-dark
  • RGB: rgb(115, 85, 157)
  • HEX: #73559d
  • LESS: @violet
  • RGB: rgb(136, 108, 175)
  • HEX: #886caf
  • LESS: @violet-light
  • RGB: rgb(163, 141, 193)
  • HEX: #a38dc1
  • LESS: @violet-lighter
  • RGB: rgb(189, 174, 211)
  • HEX: #bdaed3
  • LESS: @violet-lightest
  • RGB: rgb(216, 207, 229)
  • HEX: #d8cfe5
  • LESS: @purple-darkest
  • RGB: rgb(84, 28, 62)
  • HEX: #541c3e
  • LESS: @purple-darker
  • RGB: rgb(122, 41, 91)
  • HEX: #7a295b
  • LESS: @purple-dark
  • RGB: rgb(160, 54, 119)
  • HEX: #a03677
  • LESS: @purple
  • RGB: rgb(191, 64, 142)
  • HEX: #bf408e
  • LESS: @purple-light
  • RGB: rgb(200, 91, 158)
  • HEX: #c85b9e
  • LESS: @purple-lighter
  • RGB: rgb(217, 140, 187)
  • HEX: #d98cbb
  • LESS: @purple-lightest
  • RGB: rgb(236, 198, 221)
  • HEX: #ecc6dd
  • LESS: @marine-darkest
  • RGB: rgb(3, 46, 59)
  • HEX: #032e3b
  • LESS: @marine-darker
  • RGB: rgb(5, 65, 83)
  • HEX: #054153
  • LESS: @marine-dark
  • RGB: rgb(7, 92, 116)
  • HEX: #075c74
  • LESS: @marine
  • RGB: rgb(9, 122, 155)
  • HEX: #097a9b
  • LESS: @marine-light
  • RGB: rgb(13, 179, 227)
  • HEX: #0db3e3
  • LESS: @marine-lighter
  • RGB: rgb(73, 206, 244)
  • HEX: #49cef4
  • LESS: @marine-lightest
  • RGB: rgb(145, 225, 249)
  • HEX: #91e1f9
  • LESS: @yellow-darkest
  • RGB: rgb(167, 141, 12)
  • HEX: #a78d0c
  • LESS: @yellow-darker
  • RGB: rgb(214, 181, 16)
  • HEX: #d6b510
  • LESS: @yellow-dark
  • RGB: rgb(239, 206, 42)
  • HEX: #efce2a
  • LESS: @yellow
  • RGB: rgb(242, 215, 80)
  • HEX: #f2d750
  • LESS: @yellow-light
  • RGB: rgb(244, 223, 113)
  • HEX: #f4df71
  • LESS: @yellow-lighter
  • RGB: rgb(247, 231, 151)
  • HEX: #f7e797
  • LESS: @yellow-lightest
  • RGB: rgb(251, 242, 199)
  • HEX: #fbf2c7/li>
  • LESS: @yellow-light-darkest
  • RGB: rgb(200, 169, 15)
  • HEX: #c8a90f
  • LESS: @yellow-light-darker
  • RGB: rgb(238, 203, 28)
  • HEX: #eecb1c
  • LESS: @yellow-light-dark
  • RGB: rgb(242, 214, 75)
  • HEX: #f2d64b
  • LESS: @yellow-light
  • RGB: rgb(245, 232, 165)
  • HEX: #f5e8a5
  • LESS: @yellow-light-light
  • RGB: rgb(247, 230, 146)
  • HEX: #f7e692
  • LESS: @yellow-light-lighter
  • RGB: rgb(250, 239, 184)
  • HEX: #faefb8
  • LESS: @yellow-light-lightest
  • RGB: rgb(253, 250, 232)
  • HEX: #fdfae8
  • LESS: @brown-darkest
  • RGB: rgb(45, 25, 20)
  • HEX: #2d1914
  • LESS: @brown-darker
  • RGB: rgb(66, 36, 30)
  • HEX: #42241e
  • LESS: @brown-dark
  • RGB: rgb(101, 56, 45)
  • HEX: #65382d
  • LESS: @brown
  • RGB: rgb(129, 71, 58)
  • HEX: #81473a
  • LESS: @brown-light
  • RGB: rgb(164, 90, 74)
  • HEX: #a45a4a
  • LESS: @brown-lighter
  • RGB: rgb(194, 134, 120)
  • HEX: #c28678
  • LESS: @brown-lightest
  • RGB: rgb(218, 181, 173)
  • HEX: #dab5ad
  • LESS: @khaki-darkest
  • RGB: rgb(86, 79, 46)
  • HEX: #564f2e
  • LESS: @khaki-darker
  • RGB: rgb(116, 107, 61)
  • HEX: #746b3d
  • LESS: @khaki-dark
  • RGB: rgb(139, 128, 74)
  • HEX: #8b804a
  • LESS: @khaki
  • RGB: rgb(166, 153, 88)
  • HEX: #a69958
  • LESS: @khaki-light
  • RGB: rgb(184, 173, 121)
  • HEX: #b8ad79
  • LESS: @khaki-lighter
  • RGB: rgb(207, 200, 164)
  • HEX: #cfc8a4
  • LESS: @khaki-lightest
  • RGB: rgb(225, 220, 198)
  • HEX: #e1dcc6
  • LESS: @pink-darkest
  • RGB: rgb(122, 31, 60)
  • HEX: #7a1f3c
  • LESS: @pink-darker
  • RGB: rgb(183, 46, 91)
  • HEX: #b72e5b
  • LESS: @pink-dark
  • RGB: rgb(211, 79, 122)
  • HEX: #d34f7a
  • LESS: @pink
  • RGB: rgb(219, 112, 147)
  • HEX: #db7093
  • LESS: @pink-light
  • RGB: rgb(228, 149, 175)
  • HEX: #e495af
  • LESS: @pink-lighter
  • RGB: rgb(236, 181, 199)
  • HEX: #ecb5c7
  • LESS: @pink-lightest
  • RGB: rgb(245, 214, 224)
  • HEX: #f5d6e0