footer.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!-- wp:group {"style":{"spacing":{"padding":{"top":"80px","bottom":"0px"}}},"backgroundColor":"black","layout":{"wideSize":"1170px","contentSize":"1170px"}} -->
  2. <div class="wp-block-group has-black-background-color has-background" style="padding-top:80px;padding-bottom:0px"><!-- wp:columns {"verticalAlignment":"top","style":{"spacing":{"margin":{"bottom":"80px"}}}} -->
  3. <div class="wp-block-columns are-vertically-aligned-top" style="margin-bottom:80px"><!-- wp:column {"verticalAlignment":"top","width":"300px","style":{"spacing":{"padding":{"right":"40px"}}}} -->
  4. <div class="wp-block-column is-vertically-aligned-top" style="padding-right:40px;flex-basis:300px"><!-- wp:site-title {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}},"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"bottom":"30px"}}},"fontSize":"extra-large","fontFamily":"helvetica-arial"} /-->
  5. <!-- wp:paragraph {"style":{"typography":{"fontStyle":"normal","fontWeight":"300","fontSize":"14px"},"color":{"text":"#d0d0d0"}}} -->
  6. <p class="has-text-color" style="color:#d0d0d0;font-size:14px;font-style:normal;font-weight:300">Lorem ipsum dolor sit amet, consecte adipiscing elit, sed do eiusmod tempor incididunt ut labore </p>
  7. <!-- /wp:paragraph -->
  8. <!-- wp:group {"style":{"spacing":{"padding":{"top":"10px"}}}} -->
  9. <div class="wp-block-group" style="padding-top:10px"><!-- wp:columns -->
  10. <div class="wp-block-columns"><!-- wp:column {"width":"25%"} -->
  11. <div class="wp-block-column" style="flex-basis:25%"><!-- wp:separator {"backgroundColor":"zeever-secondary","className":"is-style-default"} -->
  12. <hr class="wp-block-separator has-text-color has-zeever-secondary-color has-alpha-channel-opacity has-zeever-secondary-background-color has-background is-style-default"/>
  13. <!-- /wp:separator --></div>
  14. <!-- /wp:column -->
  15. <!-- wp:column {"width":"66.66%"} -->
  16. <div class="wp-block-column" style="flex-basis:66.66%"></div>
  17. <!-- /wp:column --></div>
  18. <!-- /wp:columns --></div>
  19. <!-- /wp:group --></div>
  20. <!-- /wp:column -->
  21. <!-- wp:column {"verticalAlignment":"top","width":"200px","style":{"spacing":{"padding":{"top":"20px","left":"0px"}}}} -->
  22. <div class="wp-block-column is-vertically-aligned-top" style="padding-top:20px;padding-left:0px;flex-basis:200px"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"bottom":"0px","left":"25px"}}},"textColor":"white","fontSize":"small"} -->
  23. <h2 class="has-white-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500;margin-bottom:0px;margin-left:25px">Services</h2>
  24. <!-- /wp:heading -->
  25. <!-- wp:list {"style":{"typography":{"lineHeight":"2.8","fontStyle":"normal","fontWeight":"400"}},"textColor":"white","fontSize":"tiny"} -->
  26. <ul class="has-white-color has-text-color has-tiny-font-size" style="font-style:normal;font-weight:400;line-height:2.8"><li>UI Design</li><li><span style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;">Digital Strategy</span></li><li><span style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;">Social Media</span></li><li><span style="font-family: -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, Roboto, &quot;Helvetica Neue&quot;, Arial, &quot;Noto Sans&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;, &quot;Noto Color Emoji&quot;;">Content Writing</span></li></ul>
  27. <!-- /wp:list --></div>
  28. <!-- /wp:column -->
  29. <!-- wp:column {"verticalAlignment":"top","width":"200px","style":{"spacing":{"padding":{"left":"60px","top":"20px"}}}} -->
  30. <div class="wp-block-column is-vertically-aligned-top" style="padding-top:20px;padding-left:60px;flex-basis:200px"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"}},"textColor":"white","fontSize":"small"} -->
  31. <h2 class="has-white-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500">Quick Links</h2>
  32. <!-- /wp:heading -->
  33. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
  34. <p class="has-white-color has-text-color has-link-color">Home</p>
  35. <!-- /wp:paragraph -->
  36. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
  37. <p class="has-white-color has-text-color has-link-color">About Us</p>
  38. <!-- /wp:paragraph -->
  39. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
  40. <p class="has-white-color has-text-color has-link-color">Services</p>
  41. <!-- /wp:paragraph -->
  42. <!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|white"}}}},"textColor":"white"} -->
  43. <p class="has-white-color has-text-color has-link-color">Contact</p>
  44. <!-- /wp:paragraph --></div>
  45. <!-- /wp:column -->
  46. <!-- wp:column {"verticalAlignment":"top","style":{"spacing":{"padding":{"top":"20px","right":"20px"}}}} -->
  47. <div class="wp-block-column is-vertically-aligned-top" style="padding-top:20px;padding-right:20px"><!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"500"},"spacing":{"margin":{"left":"25px"}}},"textColor":"white","fontSize":"small"} -->
  48. <h2 class="has-white-color has-text-color has-small-font-size" style="font-style:normal;font-weight:500;margin-left:25px">Contact</h2>
  49. <!-- /wp:heading -->
  50. <!-- wp:list {"style":{"typography":{"lineHeight":"2.8","fontStyle":"normal","fontWeight":"400"}},"textColor":"white","fontSize":"tiny"} -->
  51. <ul class="has-white-color has-text-color has-tiny-font-size" style="font-style:normal;font-weight:400;line-height:2.8"><li>Jl. Sunset Road No.815 Kuta, Badung, Bali – 80361</li><li>(021) 123 - 4567</li><li>support@domain.com</li></ul>
  52. <!-- /wp:list --></div>
  53. <!-- /wp:column --></div>
  54. <!-- /wp:columns -->
  55. <!-- wp:separator {"backgroundColor":"zeever-third","className":"is-style-wide"} -->
  56. <hr class="wp-block-separator has-text-color has-zeever-third-color has-alpha-channel-opacity has-zeever-third-background-color has-background is-style-wide"/>
  57. <!-- /wp:separator -->
  58. <!-- wp:group {"style":{"spacing":{"padding":{"top":"0px","bottom":"10px"}}}} -->
  59. <div class="wp-block-group" style="padding-top:0px;padding-bottom:10px"><!-- wp:columns {"verticalAlignment":"center"} -->
  60. <div class="wp-block-columns are-vertically-aligned-center"><!-- wp:column {"verticalAlignment":"center"} -->
  61. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:paragraph {"align":"left","style":{"typography":{"fontStyle":"normal","fontWeight":"300","fontSize":"14px"},"color":{"text":"#d0d0d0"},"elements":{"link":{"color":{"text":"#1e70ea"}}}}} -->
  62. <p class="has-text-align-left has-text-color has-link-color" style="color:#d0d0d0;font-size:14px;font-style:normal;font-weight:300">Copyright © 2022. All rights reserved.</p>
  63. <!-- /wp:paragraph --></div>
  64. <!-- /wp:column -->
  65. <!-- wp:column {"verticalAlignment":"center"} -->
  66. <div class="wp-block-column is-vertically-aligned-center"><!-- wp:social-links {"iconColor":"white","iconColorValue":"#ffffff","size":"has-small-icon-size","className":"is-style-logos-only","layout":{"type":"flex","justifyContent":"right","flexWrap":"wrap","orientation":"horizontal"}} -->
  67. <ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only"><!-- wp:social-link {"url":"https://facebook.com","service":"facebook"} /-->
  68. <!-- wp:social-link {"url":"https://twitter.com","service":"twitter"} /-->
  69. <!-- wp:social-link {"url":"https://instagram.com","service":"instagram"} /-->
  70. <!-- wp:social-link {"url":"https://youtube.com","service":"youtube"} /--></ul>
  71. <!-- /wp:social-links --></div>
  72. <!-- /wp:column --></div>
  73. <!-- /wp:columns --></div>
  74. <!-- /wp:group --></div>
  75. <!-- /wp:group -->