Weekly UI - Airbnb Footer Component
How do I make an weekly ui - airbnb footer component?
What is a weekly ui - airbnb footer component? How do you make a weekly ui - airbnb footer component? This script and codes were developed by Fred Hawk on 21 October 2022, Friday.
Weekly UI - Airbnb Footer Component - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Weekly UI - Airbnb Footer Component</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none"> <defs> <symbol id="facebook"> <path d="M72.089,0.02L59.624,0C45.62,0,36.57,9.285,36.57,23.656v10.907H24.037c-1.083,0-1.96,0.878-1.96,1.961v15.803 c0,1.083,0.878,1.96,1.96,1.96h12.533v39.876c0,1.083,0.877,1.96,1.96,1.96h16.352c1.083,0,1.96-0.878,1.96-1.96V54.287h14.654 c1.083,0,1.96-0.877,1.96-1.96l0.006-15.803c0-0.52-0.207-1.018-0.574-1.386c-0.367-0.368-0.867-0.575-1.387-0.575H56.842v-9.246 c0-4.444,1.059-6.7,6.848-6.7l8.397-0.003c1.082,0,1.959-0.878,1.959-1.96V1.98C74.046,0.899,73.17,0.022,72.089,0.02z"></path> </symbol> </defs>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none"> <defs> <symbol id="twitter"> <path d="M612,116.258c-22.525,9.981-46.694,16.75-72.088,19.772c25.929-15.527,45.777-40.155,55.184-69.411 c-24.322,14.379-51.169,24.82-79.775,30.48c-22.907-24.437-55.49-39.658-91.63-39.658c-69.334,0-125.551,56.217-125.551,125.513 c0,9.828,1.109,19.427,3.251,28.606C197.065,206.32,104.556,156.337,42.641,80.386c-10.823,18.51-16.98,40.078-16.98,63.101 c0,43.559,22.181,81.993,55.835,104.479c-20.575-0.688-39.926-6.348-56.867-15.756v1.568c0,60.806,43.291,111.554,100.693,123.104 c-10.517,2.83-21.607,4.398-33.08,4.398c-8.107,0-15.947-0.803-23.634-2.333c15.985,49.907,62.336,86.199,117.253,87.194 c-42.947,33.654-97.099,53.655-155.916,53.655c-10.134,0-20.116-0.612-29.944-1.721c55.567,35.681,121.536,56.485,192.438,56.485 c230.948,0,357.188-191.291,357.188-357.188l-0.421-16.253C573.872,163.526,595.211,141.422,612,116.258z"></path> </symbol> </defs>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none"> <defs> <symbol id="google"> <path d="M273.372,302.498c-5.041-6.762-10.608-13.045-16.7-18.842c-6.091-5.804-12.183-11.088-18.271-15.845 c-6.092-4.757-11.659-9.329-16.702-13.709c-5.042-4.374-9.135-8.945-12.275-13.702c-3.14-4.757-4.711-9.61-4.711-14.558 c0-6.855,2.19-13.278,6.567-19.274c4.377-5.996,9.707-11.799,15.986-17.417c6.28-5.617,12.559-11.753,18.844-18.415 c6.276-6.665,11.604-15.465,15.985-26.412c4.373-10.944,6.563-23.458,6.563-37.542c0-16.75-3.713-32.835-11.136-48.25 c-7.423-15.418-17.89-27.412-31.405-35.976h38.54L303.2,0H178.441c-17.699,0-35.498,1.906-53.384,5.72 c-26.453,5.9-48.723,19.368-66.806,40.397C40.171,67.15,31.129,90.99,31.129,117.637c0,28.171,10.138,51.583,30.406,70.233 c20.269,18.649,44.585,27.978,72.945,27.978c5.71,0,12.371-0.478,19.985-1.427c-0.381,1.521-1.043,3.567-1.997,6.136 s-1.715,4.62-2.286,6.14c-0.57,1.521-1.047,3.375-1.425,5.566c-0.382,2.19-0.571,4.428-0.571,6.71 c0,12.563,6.086,26.744,18.271,42.541c-14.465,0.387-28.737,1.67-42.825,3.86c-14.084,2.19-28.833,5.616-44.252,10.28 c-15.417,4.661-29.217,11.42-41.396,20.27c-12.182,8.854-21.317,19.366-27.408,31.549C3.533,361.559,0.01,374.405,0.01,386.017 c0,12.751,2.857,24.314,8.565,34.69c5.708,10.369,13.035,18.842,21.982,25.406c8.945,6.57,19.273,12.083,30.978,16.562 c11.704,4.47,23.315,7.659,34.829,9.562c11.516,1.903,22.888,2.854,34.119,2.854c51.007,0,90.981-12.464,119.909-37.397 c26.648-23.223,39.971-50.062,39.971-80.517c0-10.855-1.57-20.984-4.712-30.409C282.51,317.337,278.42,309.254,273.372,302.498z M163.311,198.722c-9.707,0-18.937-2.475-27.694-7.426c-8.757-4.95-16.18-11.374-22.27-19.273 c-6.088-7.898-11.418-16.796-15.987-26.695c-4.567-9.896-7.944-19.792-10.135-29.692c-2.19-9.895-3.284-19.318-3.284-28.265 c0-18.271,4.854-33.974,14.562-47.108c9.705-13.134,23.411-19.701,41.112-19.701c12.563,0,23.935,3.899,34.118,11.704 c10.183,7.804,18.177,17.701,23.984,29.692c5.802,11.991,10.277,24.407,13.417,37.257c3.14,12.847,4.711,24.983,4.711,36.403 c0,19.036-4.139,34.317-12.419,45.833C195.144,192.964,181.775,198.722,163.311,198.722z M242.251,413.123 c-5.23,8.949-12.319,15.94-21.267,20.981c-8.946,5.048-18.509,8.758-28.693,11.14c-10.183,2.385-20.889,3.572-32.12,3.572 c-12.182,0-24.27-1.431-36.258-4.284c-11.99-2.851-23.459-7.187-34.403-12.991c-10.944-5.8-19.795-13.798-26.551-23.982 c-6.757-10.184-10.135-21.744-10.135-34.69c0-11.419,2.568-21.601,7.708-30.55c5.142-8.945,11.709-16.084,19.702-21.408 c7.994-5.332,17.319-9.713,27.979-13.131c10.66-3.433,20.937-5.808,30.833-7.139c9.895-1.335,19.985-1.995,30.262-1.995 c6.283,0,11.043,0.191,14.277,0.567c1.143,0.767,4.043,2.759,8.708,5.996s7.804,5.428,9.423,6.57 c1.615,1.137,4.567,3.326,8.85,6.563c4.281,3.237,7.327,5.661,9.135,7.279c1.803,1.618,4.421,4.045,7.849,7.279 c3.424,3.237,5.948,6.043,7.566,8.422c1.615,2.378,3.616,5.28,5.996,8.702c2.38,3.433,4.043,6.715,4.998,9.855 c0.948,3.142,1.854,6.567,2.707,10.277c0.855,3.72,1.283,7.569,1.283,11.57C250.105,393.713,247.487,404.182,242.251,413.123z"></path> <polygon points="401.998,73.089 401.998,0 365.449,0 365.449,73.089 292.358,73.089 292.358,109.636 365.449,109.636 365.449,182.725 401.998,182.725 401.998,109.636 475.081,109.636 475.081,73.089 "></polygon> </symbol> </defs>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none"> <defs> <symbol id="instagram"> <path d="M12.501,0h72.393c6.875,0,12.5,5.09,12.5,12.5v72.395c0,7.41-5.625,12.5-12.5,12.5H12.501C5.624,97.395,0,92.305,0,84.895 V12.5C0,5.09,5.624,0,12.501,0L12.501,0z M70.948,10.821c-2.412,0-4.383,1.972-4.383,4.385v10.495c0,2.412,1.971,4.385,4.383,4.385 h11.008c2.412,0,4.385-1.973,4.385-4.385V15.206c0-2.413-1.973-4.385-4.385-4.385H70.948L70.948,10.821z M86.387,41.188h-8.572 c0.811,2.648,1.25,5.453,1.25,8.355c0,16.2-13.556,29.332-30.275,29.332c-16.718,0-30.272-13.132-30.272-29.332 c0-2.904,0.438-5.708,1.25-8.355h-8.945v41.141c0,2.129,1.742,3.872,3.872,3.872h67.822c2.13,0,3.872-1.742,3.872-3.872V41.188 H86.387z M48.789,29.533c-10.802,0-19.56,8.485-19.56,18.953c0,10.468,8.758,18.953,19.56,18.953 c10.803,0,19.562-8.485,19.562-18.953C68.351,38.018,59.593,29.533,48.789,29.533z"></path> </symbol> </defs>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none"> <defs> <symbol id="linkedin"> <path d="M430.117,261.543V420.56h-92.188V272.193c0-37.271-13.334-62.707-46.703-62.707 c-25.473,0-40.632,17.142-47.301,33.724c-2.432,5.928-3.058,14.179-3.058,22.477V420.56h-92.219c0,0,1.242-251.285,0-277.32h92.21 v39.309c-0.187,0.294-0.43,0.611-0.606,0.896h0.606v-0.896c12.251-18.869,34.13-45.824,83.102-45.824 C384.633,136.724,430.117,176.361,430.117,261.543z M52.183,9.558C20.635,9.558,0,30.251,0,57.463 c0,26.619,20.038,47.94,50.959,47.94h0.616c32.159,0,52.159-21.317,52.159-47.94C103.128,30.251,83.734,9.558,52.183,9.558z M5.477,420.56h92.184v-277.32H5.477V420.56z"></path> </symbol> </defs>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none"> <defs> <symbol id="pinterest"> <path d="M409.141,109.203c-19.608-33.592-46.205-60.189-79.798-79.796C295.751,9.801,259.065,0,219.281,0 C179.5,0,142.812,9.801,109.22,29.407c-33.597,19.604-60.194,46.201-79.8,79.796C9.809,142.8,0.008,179.485,0.008,219.267 c0,44.35,12.085,84.611,36.258,120.767c24.172,36.172,55.863,62.912,95.073,80.232c-0.762-20.365,0.476-37.209,3.709-50.532 l28.267-119.348c-4.76-9.329-7.139-20.93-7.139-34.831c0-16.175,4.089-29.689,12.275-40.541 c8.186-10.85,18.177-16.274,29.979-16.274c9.514,0,16.841,3.14,21.982,9.42c5.142,6.283,7.705,14.181,7.705,23.7 c0,5.896-1.099,13.084-3.289,21.554c-2.188,8.471-5.041,18.273-8.562,29.409c-3.521,11.132-6.045,20.036-7.566,26.692 c-2.663,11.608-0.476,21.553,6.567,29.838c7.042,8.278,16.372,12.423,27.983,12.423c20.365,0,37.065-11.324,50.107-33.972 c13.038-22.655,19.554-50.159,19.554-82.514c0-24.938-8.042-45.21-24.129-60.813c-16.085-15.609-38.496-23.417-67.239-23.417 c-32.161,0-58.192,10.327-78.082,30.978c-19.891,20.654-29.836,45.352-29.836,74.091c0,17.132,4.854,31.505,14.56,43.112 c3.235,3.806,4.283,7.898,3.14,12.279c-0.381,1.143-1.141,3.997-2.284,8.562c-1.138,4.565-1.903,7.522-2.281,8.851 c-1.521,6.091-5.14,7.994-10.85,5.708c-14.654-6.085-25.791-16.652-33.402-31.689c-7.614-15.037-11.422-32.456-11.422-52.246 c0-12.753,2.047-25.505,6.14-38.256c4.089-12.756,10.468-25.078,19.126-36.975c8.663-11.9,19.036-22.417,31.123-31.549 c12.082-9.135,26.787-16.462,44.108-21.982s35.972-8.28,55.959-8.28c27.032,0,51.295,5.995,72.8,17.986 c21.512,11.992,37.925,27.502,49.252,46.537c11.327,19.036,16.987,39.403,16.987,61.101c0,28.549-4.948,54.243-14.842,77.086 c-9.896,22.839-23.887,40.778-41.973,53.813c-18.083,13.042-38.637,19.561-61.675,19.561c-11.607,0-22.456-2.714-32.548-8.135 c-10.085-5.427-17.034-11.847-20.839-19.273c-8.566,33.685-13.706,53.77-15.42,60.24c-3.616,13.508-11.038,29.119-22.27,46.819 c20.367,6.091,41.112,9.13,62.24,9.13c39.781,0,76.47-9.801,110.062-29.41c33.595-19.602,60.192-46.199,79.794-79.791 c19.606-33.599,29.407-70.287,29.407-110.065C438.527,179.485,428.74,142.795,409.141,109.203z"></path> </symbol> </defs>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="display: none"> <defs> <symbol id="youtube"> <path d="M297.917,64.645c-11.19-13.302-31.85-18.728-71.306-18.728H83.386c-40.359,0-61.369,5.776-72.517,19.938 C0,79.663,0,100.008,0,128.166v53.669c0,54.551,12.896,82.248,83.386,82.248h143.226c34.216,0,53.176-4.788,65.442-16.527 C304.633,235.518,310,215.863,310,181.835v-53.669C310,98.471,309.159,78.006,297.917,64.645z M199.021,162.41l-65.038,33.991 c-1.454,0.76-3.044,1.137-4.632,1.137c-1.798,0-3.592-0.484-5.181-1.446c-2.992-1.813-4.819-5.056-4.819-8.554v-67.764 c0-3.492,1.822-6.732,4.808-8.546c2.987-1.814,6.702-1.938,9.801-0.328l65.038,33.772c3.309,1.718,5.387,5.134,5.392,8.861 C204.394,157.263,202.325,160.684,199.021,162.41z"></path> </symbol> </defs>
</svg>
<footer class="footer__container"> <section class="container-responsive"> <div class="footer__language-nav"> <div class="footer__dropdown"> <div class="language-picker"> <label class="screen-reader-only language"><span>Choose language</span></label> <select class="language-select select"> <option value="id">Bahasa Indonesia</option> <option value="ms">Bahasa Melayu</option> <option value="ca">Català</option> <option value="da">Dansk</option> <option value="de">Deutsch</option> <option value="en" selected="selected">English</option> <option value="es">Español</option> <option value="el">Eλληνικά</option> <option value="fr">Français</option> <option value="it">Italiano</option> <option value="hu">Magyar</option> <option value="nl">Nederlands</option> <option value="no">Norsk</option> <option value="pl">Polski</option> <option value="pt">Português</option> <option value="fi">Suomi</option> <option value="sv">Svenska</option> <option value="tr">Türkçe</option> <option value="is">Íslenska</option> <option value="cs">Čeština</option> <option value="ru">Русский</option> <option value="th">ภาษาไทย</option> <option value="zh">中文 (简体)</option> <option value="zh-TW">中文 (繁體)</option> <option value="ja">日本語</option> <option value="ko">한국어</option> </select> </div> <div class="currency-picker"> <label class="screen-reader-only currency"><span>Choose currency</span></label> <select class="currency-select select"> <option value="AED">AED</option> <option value="ARS">ARS</option> <option value="AUD">AUD</option> <option value="BGN">BGN</option> <option value="BRL">BRL</option> <option value="CAD">CAD</option> <option value="CHF">CHF</option> <option value="CLP">CLP</option> <option value="CNY">CNT</option> <option value="COP">COP</option> <option value="CRC">CRC</option> <option value="CZK">CZK</option> <option value="DKK">DKK</option> <option value="EUR">EUR</option> <option value="GBP" selected="selected">GBP</option> <option value="HKD">HKD</option> <option value="HRK">HRK</option> <option value="HUF">HUF</option> <option value="IDR">IDR</option> <option value="ILS">ILS</option> <option value="INR">INR</option> <option value="JPY">JPY</option> <option value="KRW">KRW</option> <option value="MAD">MAD</option> <option value="MXN">MXN</option> <option value="MYR">MYR</option> <option value="NOK">NOK</option> <option value="NZD">NZD</option> <option value="PEN">PEN</option> <option value="PHP">PHP</option> <option value="PLN">PLN</option> <option value="RON">RON</option> <option value="RUB">RUB</option> <option value="SAR">SAR</option> <option value="SEK">SEK</option> <option value="SGD">SGD</option> <option value="THB">THB</option> <option value="TRY">TRY</option> <option value="TWD">TWD</option> <option value="UAH">UAH</option> <option value="USD">USD</option> <option value="UYU">UYU</option> <option value="VND">VND</option> <option value="ZAR">ZAR</option> </select> </div> </div> <div class="footer__nav-mobile"> <ul class="nav-mobile"> <li><a href="#">About</a></li> <li><a href="#">Careers</a></li> <li><a href="#">Press</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Terms & Privacy</a></li> </ul> </div> <section class="footer__nav"> <section class="navs"> <div class="nav__column"> <h2 class="nav__heading">Company</h2> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Careers</a></li> <li><a href="#">Press</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Help</a></li> <li><a href="#">Policies</a></li> <li><a href="#">Disaster Response</a></li> <li><a href="#">Terms & Privacy</a></li> </ul> </div> <div class="nav__column"> <h2 class="nav__heading">Discover</h2> <ul class="nav"> <li><a href="#">Trust & Safety</a></li> <li><a href="#">Travel Credit</a></li> <li><a href="#">Gift Cards</a></li> <li><a href="#">Airbnb Picks</a></li> <li><a href="#">Mobile</a></li> <li><a href="#">Airbnb Action</a></li> <li><a href="#">Business Travel</a></li> <li><a href="#">Site Map</a></li> </ul> </div> <div class="nav__column"> <h2 class="nav__heading">Hosting</h2> <ul class="nav"> <li><a href="#">Why Host</a></li> <li><a href="#">Refer Hosts</a></li> <li><a href="#">Hospitality</a></li> <li><a href="#">Responsible Hosting</a></li> <li><a href="#">Home Safety</a></li> <li><a href="#">Instant Book</a></li> </ul> </div> </section> </section> </div> <section class="social-media"> <section class="joinus"> <p>Join Us On</p> </section> <div class="footer__social-media"> <ul> <li class="social-media__button"><a href="#"><span class="screen-reader-only">Facebook</span> <svg viewBox="0 0 96.124 96.123"> <use xlink:href="#facebook"></use> </svg></a></li> <li class="social-media__button"><a href="#"><span class="screen-reader-only">Google+</span> <svg viewBox="0 0 475.092 475.092"> <use xlink:href="#google"></use> </svg></a></li> <li class="social-media__button"><a href="#"><span class="screen-reader-only">Twitter</span> <svg viewBox="0 0 612 612"> <use xlink:href="#twitter"></use> </svg></a></li> <li class="social-media__button"><a href="#"><span class="screen-reader-only">LinkedIn</span> <svg viewBox="0 0 430.117 430.117"> <use xlink:href="#linkedin"></use> </svg></a></li> <li class="social-media__button"><a href="#"><span class="screen-reader-only">Pinterest</span> <svg viewBox="0 0 438.529 438.529"> <use xlink:href="#pinterest"></use> </svg></a></li> <li class="social-media__button"><a href="#"><span class="screen-reader-only">YouTube</span> <svg viewBox="0 0 310 310"> <use xlink:href="#youtube"></use> </svg></a></li> <li class="social-media__button"><a href="#"><span class="screen-reader-only">Instagram</span> <svg viewBox="0 0 97.395 97.395"> <use xlink:href="#instagram"></use> </svg></a></li> </ul> </div> <section class="copyright"> <p>© Airbnb, Inc.</p> </section> </section> </section>
</footer> <script src="js/index.js"></script>
</body>
</html>
Weekly UI - Airbnb Footer Component - Script Codes CSS Codes
* { box-sizing: border-box;
}
a { color: white; text-decoration: none; font-size: 0.95rem;
}
a:hover { color: #bbbbbb; fill: #bbbbbb;
}
.footer__container { padding: 5rem 0; height: 100vh; background-color: #2B2D2E; background-image: url(https://a0.muscache.com/airbnb/static/footer/background-317dd7c2cb678ddbdb0a983d511cb9a0.png); color: white;
}
@media (min-width: 27.5rem) { .container-responsive { margin: 0 auto; max-width: 45rem; }
}
@media (min-width: 27.5rem) { .footer__language-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-pack: distribute; justify-content: space-around; }
}
.screen-reader-only { overflow: hidden; height: 1px; width: 1px; position: absolute;
}
.footer__dropdown { min-height: 1px; padding: 0 6px;
}
.select { background: #484848; border: none; border-radius: 2px; font-family: Circular,"Helvetica Neue",Helvetica,Arial,sans-serif; color: white; font-size: 0.9rem; line-height: 1.43; width: 100%; padding: .5rem .8rem; margin-bottom: 0.8rem;
}
.nav-mobile { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: wrap; flex-flow: wrap; margin-left: 1.5rem; padding: 0;
}
.nav-mobile li { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto;
}
@media (min-width: 27.5rem) { .nav-mobile { display: none; }
}
.navs { display: none;
}
@media (min-width: 27.5rem) { .navs { display: -webkit-box; display: -ms-flexbox; display: flex; }
}
.nav__column { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: column; flex-flow: column; width: 100%;
}
.nav__column h2 { font-size: 1.1rem;
}
.nav__column ul { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; padding: 0; list-style: none;
}
@media (min-width: 33rem) { .nav__column { min-width: 150px; }
}
.footer__social-media { max-width: 29rem; margin: 0 auto;
}
.footer__social-media ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-flow: wrap; flex-flow: wrap; padding: 0;
}
.social-media__button { width: 2.5rem; height: 2.5rem; fill: white; border-radius: 50%; border: 1px rgba(255, 255, 255, 0.2) solid; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.social-media__button svg { width: 1rem; height: 1rem;
}
.copyright { text-align: center; color: rgba(255, 255, 255, 0.2);
}
.joinus { display: none;
}
@media (min-width: 27.5rem) { .joinus { display: block; text-align: center; font-weight: bold; border-top: 1px solid rgba(255, 255, 255, 0.2); }
}
Weekly UI - Airbnb Footer Component - Script Codes JS Codes
//https://www.airbnb.com/
"use strict";
Developer | Fred Hawk |
Username | osycon |
Uploaded | October 21, 2022 |
Rating | 3 |
Size | 15,526 Kb |
Views | 18,216 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Weekly UI - Mobile design sketches | 4,908 Kb |
Calcul | 3,248 Kb |
Lilli | 6,117 Kb |
Quotastic | 3,051 Kb |
Weekly UI - Stripe - Pricing section | 5,848 Kb |
Weekly UI - Paypal Navigation | 9,240 Kb |
Portfolio example FCC | 5,105 Kb |
Weekly UI - Statue of liberty | 4,032 Kb |
CSS Flexbox 3 col example | 3,013 Kb |
Camper News | 3,606 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Custom Checkbox and radio inputs SCSS | Rgfx | 3,367 Kb |
A Pen by Jim Savage | Madebyjam | 2,418 Kb |
Css or Czz.. | Judag | 4,111 Kb |
Scrolling Horizontal Isotope | Bramus | 2,017 Kb |
Vue.js | Thommyboy02 | 1,506 Kb |
Shopping cart | Andiio | 6,581 Kb |
PNotify Demo | Adittmar | 1,731 Kb |
Ionic - Wordpress REST API starter | Superpikar | 2,961 Kb |
Portfolio Landing Page | FDfranklin | 3,585 Kb |
Flexbox playground | Enxaneta | 5,418 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!