API tools faq
paste
Advertisement
Fr0oost

InBusiness CSS

Fr0oost
Nov 17th, 2019
145
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 6.77 KB | None | 0 0
raw download clone embed print report
  1. *{
  2.     margin: 0;
  3.     padding: 0;
  4. }
  5. header{
  6.     color: white;
  7.     display: flex;
  8.     align-items: center;
  9.     flex-direction: row;
  10.     justify-content: space-around;
  11. }
  12. /*Dit is andere kleur gwn.. als ik de andere niet leuk vind
  13.  background-image: linear-gradient(180deg, rgba(28,28,48,1) 15%, rgba(232,233,235,1) 100%);*/
  14.  
  15.  
  16.  
  17. body{
  18.     background: rgb(26,25,43);
  19.     background: linear-gradient(180deg, rgba(26,25,43,1) 0%, rgba(104,104,116,1) 14%, rgba(231,232,234,1) 100%);
  20.     background-repeat: no-repeat;
  21.     margin-top: 10px;
  22.     margin: 0 auto;
  23. }
  24. .container{
  25.     width: 1200px;
  26.     margin: 0 auto;
  27. }
  28. a{
  29.     color: white;
  30.     text-decoration: none;
  31.     position: relative;
  32.     padding-right: 20px;
  33. }
  34. .ipad{
  35.     grid-column: 3;
  36.     grid-row: 1;
  37.     margin-top: 60px;
  38.     margin-left: 60px;
  39.     margin-right: 140px;
  40. }
  41. .main{
  42.     grid-column: 2;
  43.     grid-row:1;
  44.     color: white;
  45.     margin-top: 60px;
  46.     margin-left: 130px;
  47.     text-align: right;
  48. }
  49. .logo img{
  50.     float: left;
  51. }
  52. .logo{
  53.     width: 250px;
  54. }
  55. .logo p, .logo h1{
  56.     padding-left: 45px;
  57. }
  58. main{
  59.     display: grid;
  60.     grid-template-columns: 150px 250px 250px 250px 250px 150px;
  61.     grid-template-rows: 240px 230px 220px 100px 80px 80px 100px 260px 300px;
  62.     width: 100%;
  63. }
  64. .read{
  65.     text-align: right;
  66.     grid-column: 2;
  67.     grid-row: 2;
  68.     color: white;
  69. }
  70. .read p{
  71.     border: 1px #6e9ad8 solid;
  72.     display: inline-block;
  73.     border-spacing: 35px 15px;
  74.     padding: 9px 35px;
  75.     border-radius: 5px;
  76.     background-color:  #1e4f98;
  77. }
  78. .E_book_reader_pro{
  79.     grid-column: 2;
  80.     grid-row: 3;
  81.     text-align: center;
  82. }
  83. .E_book_reader_pro img{
  84.     padding-left: 78px;
  85. }
  86. .image_viewer_pro{
  87.     grid-column: 3;
  88.     grid-row: 3;
  89.     text-align: center;
  90. }
  91. .image_viewer_pro img{
  92.     padding-top: 5px;
  93.     /*padding-left: 25px;*/
  94. }
  95. .Media_manager{
  96.     grid-column: 4;
  97.     grid-row: 3;
  98.     text-align: center;
  99. }
  100. .Media_manager img{
  101.     padding-top: 10px;
  102.     padding-bottom: 16px;
  103.     /*padding-left: 50px;*/
  104. }
  105. .Leo_entertainment{
  106.     grid-column: 5;
  107.     grid-row: 3;
  108.     text-align: center;
  109. }
  110. .Leo_entertainment img{
  111.     padding-top: 10px;
  112.     padding-bottom: 12px;
  113. }
  114. .grid_img{
  115.     height: 145px;
  116.     width: 230px;
  117.     border: solid 1px white;
  118.     border-radius: 5px;
  119.     background-color: white;
  120.     background: linear-gradient(white 20%, lightgrey 60%);
  121. }
  122. .discover_apps{
  123.     grid-column: 2;
  124.     grid-row: 4;
  125.     display: block;
  126. }
  127. .discover_apps i{
  128.     float: left;
  129. }
  130.  .text1{
  131.     grid-column: 2/4;
  132.     grid-row: 5;
  133.     padding-right: 180px;
  134. }
  135. .browse_apps{
  136.     grid-column: 3/5;
  137.     grid-row: 4;
  138.     padding-left: 80px;
  139. }
  140. .text2{
  141.     grid-column: 3/5;
  142.     grid-row: 5;
  143.     padding-left: 80px;
  144.     padding-right: 100px;
  145. }
  146. .development{
  147.     grid-column: 4/6;
  148.     grid-row: 4;
  149.     padding-left: 160px;
  150. }
  151. .text3{
  152.     grid-column: 4/6;
  153.     grid-row: 5;
  154.     padding-left: 160px;
  155.     padding-right: 50px;
  156. }
  157. .info{
  158.     grid-column: 3/5;
  159.     grid-row: 6;
  160.     text-align: center;
  161.     margin-top: 30px;
  162.     font-family: 'Colaborate'
  163. }
  164. .header{
  165.     grid-column: 3/6;
  166.     grid-row: 7;
  167.     align-items: center;
  168.     margin-top: 50px;
  169. }
  170. .list{
  171.     grid-column: 4/6;
  172.     grid-row: 8;
  173.     list-style: none;
  174. }
  175. .ipad_2{
  176.     grid-column: 2;
  177.     grid-row: 8;
  178. }
  179. .read1{
  180.     grid-column: 4;
  181.     grid-row: 8;
  182.     margin-top: 210px;
  183. }
  184. .read1 p{
  185.     border: 1px #6e9ad8 solid;
  186.     display: inline-block;
  187.     border-spacing: 35px 15px;
  188.     padding: 9px 35px;
  189.     border-radius: 5px;
  190.     background-color:  #1e4f98;
  191.     color: white;
  192. }
  193. .download{
  194.     grid-column:4;
  195.     grid-row: 8;
  196.     margin-top: 210px;
  197.     margin-left: 220px;
  198. }
  199. .download p{
  200.     border: 1px #6e9ad8 solid;
  201.     display: inline-block;
  202.     border-spacing: 35px 15px;
  203.     padding: 9px 35px;
  204.     border-radius: 5px;
  205.     background-color:  #1e4f98;
  206.     color: white;
  207. }
  208. .list2{
  209.     grid-column: 2/5;
  210.     grid-row: 9;
  211.     list-style: none;
  212. }
  213. .wrapper{
  214.     background: #373748;
  215. }
  216.  
  217. /*===========================Colaborate font=============================*/
  218. }
  219. @font-face {
  220.     font-family: 'Colaborate';
  221.     src: url('../fonts/Colaborate/Colaborate-Bold.woff2') format('woff2'),
  222.         url('../fonts/Colaborate/Colaborate-Bold.woff') format('woff'),
  223.         url('../fonts/Colaborate/Colaborate-Bold.ttf') format('truetype');
  224.     font-weight: bold;
  225.     font-style: normal;
  226. }
  227.  
  228. @font-face {
  229.     font-family: 'Colaborate';
  230.     src: url('../fonts/Colaborate/Colaborate-Regular.woff2') format('woff2'),
  231.         url('../fonts/Colaborate/Colaborate-Regular.woff') format('woff'),
  232.         url('../fonts/Colaborate/Colaborate-Regular.ttf') format('truetype');
  233.     font-weight: normal;
  234.     font-style: normal;
  235. }
  236.  
  237. @font-face {
  238.     font-family: 'ColaborateLight';
  239.     src: url('../fonts/Colaborate/Colaborate-Light.woff2') format('woff2'),
  240.         url('../fonts/Colaborate/Colaborate-Light.woff') format('woff'),
  241.         url('../fonts/Colaborate/Colaborate-Light.ttf') format('truetype');
  242.     font-weight: 300;
  243.     font-style: normal;
  244. }
  245.  
  246. @font-face {
  247.     font-family: 'Colaborate';
  248.     src: url('../fonts/Colaborate/Colaborate-Thin.woff2') format('woff2'),
  249.         url('../fonts/Colaborate/Colaborate-Thin.woff') format('woff'),
  250.         url('../fonts/Colaborate/Colaborate-Thin.ttf') format('truetype');
  251.     font-weight: 100;
  252.     font-style: normal;
  253. }
  254.  
  255. @font-face {
  256.     font-family: 'Colaborate';
  257.     src: url('../fonts/Colaborate/Colaborate-Medium.woff2') format('woff2'),
  258.         url('../fonts/Colaborate/Colaborate-Medium.woff') format('woff'),
  259.         url('../fonts/Colaborate/Colaborate-Medium.ttf') format('truetype');
  260.     font-weight: 500;
  261.     font-style: normal;
  262. }
  263.  
  264. /*=============================Contra font===============================*/
  265. @font-face {
  266.     font-family: 'Contra';
  267.     src: url('../fonts/Contra/Contra.woff2') format('woff2'),
  268.         url('../fonts/Contra/Contra.woff') format('woff'),
  269.         url('../fonts/Contra/Contra.ttf') format('truetype');
  270.     font-weight: normal;
  271.     font-style: normal;
  272. }
  273.  
  274. @font-face {
  275.     font-family: 'Contra';
  276.     src: url('../fonts/Contra/Contra-Italic.woff2') format('woff2'),
  277.         url('../fonts/Contra/Contra-Italic.woff') format('woff'),
  278.         url('../fonts/Contra/Contra-Italic.ttf') format('truetype');
  279.     font-weight: normal;
  280.     font-style: italic;
  281. }
  282.  
  283. /*========================ChunkFive font==================================*/
  284. @font-face {
  285.     font-family: 'ChunkFive';
  286.     src: url('../fonts/ChunkFive/ChunkFive-Regular.woff2') format('woff2'),
  287.         url('../fonts/ChunkFive/ChunkFive-Regular.woff') format('woff'),
  288.         url('../fonts/ChunkFive/ChunkFive-Regular.ttf') format('truetype');
  289.     font-weight: normal;
  290.     font-style: normal;
  291. }
  292.  
  293. @font-face {
  294.     font-family: 'ChunkFive Print';
  295.     src: url('../fonts/ChunkFive/ChunkFivePrint.woff2') format('woff2'),
  296.         url('../fonts/ChunkFive/ChunkFivePrint.woff') format('woff'),
  297.         url('../fonts/ChunkFive/ChunkFivePrint.ttf') format('truetype');
  298.     font-weight: normal;
  299.     font-style: normal;
  300. }
  301. /*=========================================================================*/
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!