Все о InstantCMS Все о InstantCMS

Заголовок

1. Любой текст

Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.

1. Любой текст

Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.

1. Любой текст

Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.

Блоки Bootstrap 4 для Инстант

Блоки Bootstrap 4 для Инстант. Скопируй код и вставь в виджет HTML

Код - надо вставить в виджет HTML
  1. <div class="background2">
  2. <div class='container'>
  3. <h1>Заголовок</h1>
  4. <div class="row">
  5.  
  6. <div class="col-xs-12 col-sm-6 col-md-4">
  7. <div class="services-box leftReveal" data-sr-id="13">
  8.  
  9. <i class="fa fa-code fa-2x services-icon"></i>
  10. <h3 class="service-name">1. Любой текст</h3>
  11. <p class="text-small">Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.</p>
  12. <button type="button" class="btn btn-default mt10" data-toggle="modal" data-target="#item1-services">Подробнее</button>
  13. </div>
  14. </div>
  15. <div class="col-xs-12 col-sm-6 col-md-4">
  16. <div class="services-box leftReveal" data-sr-id="13">
  17.  
  18. <i class="fa fa-code fa-2x services-icon"></i>
  19. <h3 class="service-name">1. Любой текст</h3>
  20. <p class="text-small">Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.</p>
  21. <button type="button" class="btn btn-default mt10" data-toggle="modal" data-target="#item1-services">Подробне</button>
  22. </div>
  23. </div>
  24. <div class="col-xs-12 col-sm-6 col-md-4">
  25. <div class="services-box leftReveal" data-sr-id="13">
  26.  
  27. <i class="fa fa-code fa-2x services-icon"></i>
  28. <h3 class="service-name">1. Любой текст</h3>
  29. <p class="text-small">Рыбатекст используется дизайнерами, проектировщиками и фронтендерами, когда нужно быстро заполнить макеты или прототипы содержимым. Это тестовый контент, который не должен нести никакого смысла, лишь показать наличие самого текста или продемонстрировать типографику в деле.</p>
  30. <button type="button" class="btn btn-default mt10" data-toggle="modal" data-target="#item1-services">Подробне</button>
  31. </div>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. <style>
  37. .background2 {
  38. background-color: #1d1d1d;
  39. }
  40. .services-box {
  41. padding: 30px;
  42. background-color: #212121;
  43. border-left: 2px solid #292929;
  44. -webkit-transition: 0.6s;
  45. -moz-transition: 0.6s;
  46. -o-transition: 0.6s;
  47. transition: 0.6s;
  48. }
  49.  
  50. .services-icon {
  51. font-size: 40px;
  52. color: #8980fe;
  53. }
  54.  
  55. .service-name {
  56. margin-bottom: 15px;
  57. margin-top: 15px;
  58. }
  59. .text-small {
  60. font-size: 16px;
  61. color: #fff;
  62. }
  63. .btn-default {
  64. color: #fff;
  65. background-color: transparent;
  66. border-color: #535353;
  67. }
  68. .btn {
  69. border-radius: 45px;
  70. margin-bottom: 1px;
  71. font-family: 'Montserrat', sans-serif;
  72. text-transform: uppercase;
  73. font-weight: 300;
  74. letter-spacing: 2px;
  75. font-size: 10px;
  76. -webkit-transition: all 0.5s ease 0s;
  77. -moz-transition: all 0.5s ease 0s;
  78. -o-transition: all 0.5s ease 0s;
  79. transition: all 0.5s ease 0s;
  80. }
  81. .mt10 {
  82. margin-top: 10px !important;
  83. }
  84. .h3, h3 {
  85. font-size: 24px;
  86. }
  87. .h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6 {
  88. font-weight: 100;
  89. color: #fff;
  90. }
  91. </style>
00:53
41
Нет комментариев. Ваш будет первым!
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.