Desktop Design

Active States

Mobile Design

URL shortening API landing page

<h5 class="heroInfo">Build your brand’s recognition and get detailed insights 
            on how your links are performing.</h5>

<h4 class="statisticsInfo">Track how your links are performing across the web with our 
                advanced statistics dashboard.</h4>

<h5 class="infoTile">Boost your brand recognition with each click. Generic links don’t 
                mean a thing. Branded links help instil confidence in your content.</h5>

<h5 class="infoTile">Gain insights into who is clicking your links. Knowing when and where 
                people engage with your content helps inform better decisions.</h5>

<h5 class="infoTile">Improve brand awareness and content discoverability through customizable 
                links, supercharging audience engagement.</h5>

<h4 class="boostYourLinksButton loginOptions">Get Started</h4>

<section class="boostYourLinks">
        <h2 class="boostYourLinksTitle">Boost your links today</h2>
        <h4 class="boostYourLinksButton loginOptions">Get Started</h4>
    </section>

<div class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="https://zelevf.com">Fernando Vélez</a>.
  </div>

Please log in to post a comment

Community feedback

URL shortener done with vanilla javascript and responsive design!

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community