My SMM panel
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 
 

108 line
3.9 KiB

  1. @extends('master')
  2. @section('title', 'Home')
  3. @section('head-metas')
  4. @parent
  5. <link rel="stylesheet" href="{{asset('main.css')}}">
  6. @endsection
  7. @section('content')
  8. @parent
  9. <div class='landing-hero'>
  10. <div class='hero-filter'>
  11. <h2>The web's #1 content promoter</h2>
  12. <p>Give your brand the boost it needs for oganic growth with the web's most trusted social media marketing panel.</p>
  13. <a class='register-btn' href="/register">Register Now</a>
  14. </div>
  15. </div>
  16. <div class='blue-background'><section class="about-us">
  17. <p>
  18. We're a social media content promoter based in Canada, helping
  19. entertainers and brands perfect their marketing campaigns through
  20. targeted views and engagements. By providing organic impressions and
  21. retention
  22. from real people in your area, we'll boost your search engine
  23. rankings and get you noticed.
  24. </p>
  25. </section>
  26. <section class='services-cards'>
  27. <h2>Our Services</h2>
  28. <div class="cards">
  29. <div class="card">
  30. <img src="/images/youtube.svg" alt="youtube-icon">
  31. <h3>Youtube</h3>
  32. <ul>
  33. <li>Elit odit voluptas unde ex adipisicing! Nulla</li>
  34. <li>Ipsum quibusdam magni laboriosam sit.</li>
  35. <li>Adipisicing nisi porro voluptatum excepturi repudiandae Corrupti quam</li>
  36. <li>Elit repellat consequuntur.</li>
  37. </ul>
  38. </div>
  39. <div class="card">
  40. <img src="/images/spotify.svg" alt="spotify-icon">
  41. <h3>Spotify</h3>
  42. <ul>
  43. <li>Elit odit voluptas unde ex adipisicing! Nulla</li>
  44. <li>Ipsum quibusdam magni laboriosam sit.</li>
  45. <li>Adipisicing nisi porro voluptatum excepturi repudiandae Corrupti quam</li>
  46. <li>Elit repellat consequuntur.</li>
  47. </ul>
  48. </div>
  49. <div class="card">
  50. <img src="/images/twitter.svg" alt="twitter-icon">
  51. <h3>Twitter</h3>
  52. <ul>
  53. <li>Elit odit voluptas unde ex adipisicing! Nulla</li>
  54. <li>Ipsum quibusdam magni laboriosam sit.</li>
  55. <li>Adipisicing nisi porro voluptatum excepturi repudiandae Corrupti quam</li>
  56. <li>Elit repellat consequuntur.</li>
  57. </ul>
  58. </div>
  59. </div></div>
  60. </section>
  61. <section class='features-info'>
  62. <h2>Why we're the best</h2>
  63. <img src="/images/circle.svg" class="circle-prop"></img>
  64. <div class="card">Amet officiis obcaecati et porro!</div>
  65. <div class="card">Dolor minus corporis labore error.</div>
  66. <div class="card">Ipsum nesciunt facilis veniam eos.</div>
  67. <div class="card">Ipsum adipisicing blanditiis magnam quasi sunt?</div>
  68. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  69. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  70. </section>
  71. <section class='faq'>
  72. <h2>A User-Friendly Control Panel</h2>
  73. <div class="card">Amet officiis obcaecati et porro!</div>
  74. <div class="card">Dolor minus corporis labore error.</div>
  75. <div class="card">Ipsum nesciunt facilis veniam eos.</div>
  76. <div class="card">Ipsum adipisicing blanditiis magnam quasi sunt?</div>
  77. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  78. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  79. </section>
  80. <section class='faq'>
  81. <h2>Why Buy Views and Engagements?</h2>
  82. <div class="card">Amet officiis obcaecati et porro!</div>
  83. <div class="card">Dolor minus corporis labore error.</div>
  84. <div class="card">Ipsum nesciunt facilis veniam eos.</div>
  85. <div class="card">Ipsum adipisicing blanditiis magnam quasi sunt?</div>
  86. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  87. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  88. </section>
  89. <section class='faq'>
  90. <h2>FAQ</h2>
  91. <div class="card">Amet officiis obcaecati et porro!</div>
  92. <div class="card">Dolor minus corporis labore error.</div>
  93. <div class="card">Ipsum nesciunt facilis veniam eos.</div>
  94. <div class="card">Ipsum adipisicing blanditiis magnam quasi sunt?</div>
  95. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  96. <div class="card">Sit quod nulla minima dignissimos itaque.</div>
  97. </section>
  98. @endsection
  99. @section('scripts')
  100. @parent
  101. <script src="main.js"></script>
  102. @endsection