unicorn-agency — HTML Business Template

SHA-256: b34c48693f2e3c743a94db5783f5d483c5b021c3d6937d7f326cc4bdb077eee6

2026-10-01T04:32:51.610Z

<h1>Unicorn Agency</h1>

Unicorn Agency is a modern responsive HTML5 landing page template suitable for use by digital agencies. In this context the landing page has been created for a multiple award winning digital agency with expertise in a diverse range of digital services and solutions. Some of the services rendered by this fictional agency includes: Marketing, Web development and Cloud hosting.

Some of the design components shipped with this template include:

<ul>
  <li>Animated pulsing play button</li>
  <li>Video lighbox, Image lightbox</li>
  <li>Slider</li>
  <li>Accordion</li>
  <li>Sortable portfolio</li>
  <li>Contact form</li>
</ul>

This template was developed using Bootstrap5, Sass, Fontawesome, JavaScript, HTML5, GLightbox, NPM, Autoprefixer, PostCSS

<h2>Screenshot</h2>

![Artboard 1v1-min](https://user-images.githubusercontent.com/64320618/210074061-cd653e55-d067-4dc3-a984-b866675d8d8a.png)

<h2>Links</h2>

<ul>
  <li>Demo: <a href="https://unicorn-agency.netlify.app/" target="_blank">https://unicorn-agency.netlify.app/</a></li>
</ul>

<h2>Tech Stack</h2>

<p align="left">
  <img src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white" alt="HTML" />
  <img src="https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white" alt="CSS3" />
  <img src="https://img.shields.io/badge/sass-hotpink.svg?style=for-the-badge&logo=sass&logoColor=white" alt="SASS" />
  <img src="https://img.shields.io/badge/JavaScript-black?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E" alt="JAVASCRIPT" />
  <img src="https://img.shields.io/badge/bootstrap-722DF9.svg?style=for-the-badge&logo=bootstrap&logoColor=white" alt="BOOTSTRAP" />
</p>

<h2>Helpful Resources</h2>

<ul>
  <li><b>HTML5:</b> 
    <ul>
      <li><a href="https://developer.mozilla.org/en-US/docs/Web/HTML" target="_blank">MDN</a>: Mozilla Developer Network - HTML (HyperText Markup Language)</li>
      <li><a href="https://www.w3schools.com/html/html_intro.asp" target="_blank">W3SCHOOL</a>: HTML Introduction</li>
    </ul>
  </li>
  <li><b>CSS3:</b> 
    <ul>
      <li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS" target="_blank">MDN</a>: Mozilla Developer Network - CSS (Cascading Style Sheets)</li>
      <li><a href="https://www.w3schools.com/css/css_intro.asp" target="_blank">W3SCHOOL</a>: CSS Introduction</li>
    </ul>
  </li>
  <li><b>JAVASCRIPT:</b> 
    <ul>
      <li><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript" target="_blank">MDN</a>: Mozilla Developer Network - JavaScript (JS) is a lightweight, interpreted, or just-in-time compiled programming language with first-class functions</li>
      <li><a href="https://www.w3schools.com/js/js_intro.asp" target="_blank">W3SCHOOL</a>: JavaScript Introduction</li>
    </ul>
  </li>
  <li>
    <b><a href="https://getbootstrap.com/" target="_blank">BOOTSTRAP5</a></b>: Powerful, extensible, and feature-packed frontend toolkit.
  </li>
   <li>
    <b><a href="https://biati-digital.github.io/glightbox/" target="_blank">GLightbox</a></b>: A touchable Pure Javascript lightbox with mobile and video support
  </li>
  <li>
    <b><a href="https://mugshotbot.com/" target="_blank">MUGSHOTBOT</a></b>: Automatic beautiful link previews
  </li>
</ul>

<h2>Author's Links</h2>

<ul>
  <li>Portfolio - <a href="https://sammyleths.com" target="_blank">@SammyLeths</a></li>
  <li>Linkedin - <a href="https://www.linkedin.com/in/eyiowuawi/" target="_blank">@SammyLeths</a></li>
  <li>Twitter - <a href="https://twitter.com/SammyLeths" target="_blank">@SammyLeths</a></li>
  <li>Buy me a Coffee - <a href="https://buymeacoffee.com/sammyleths" target="_blank"> @SammyLeths </a></li>
</ul>