A Pen by Dillon Vance on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="what-is-up"> | |
| <div class="spinny-cogs"> | |
| <i class="fa fa-cog" aria-hidden="true"></i> | |
| <i class="fa fa-5x fa-cog fa-spin" aria-hidden="true"></i> | |
| <i class="fa fa-3x fa-cog" aria-hidden="true"></i> | |
| </div> | |
| <h1 class="maintenance">Under Maintenance</h1> | |
| <h2>Our developers are hard at work updating your system. Please wait while we do this. We have also made the spinning cogs to distract you.</h2> |
This is a responsive store is closed sign, that may be applied on your e-commerce website/store, for example, page is under maintenance, under construction, or error page like code 500, or 404 error (Just change the message).
A Pen by Takane Ichinose on CodePen.
A Pen by Yusei Yamanaka on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <meta charset="utf-8"> | |
| <title>My Profile</title> | |
| <body> | |
| <header> | |
| <h1>Rodrigo K. Arroyo-Haro</h1> | |
| <h3 id="wd">Web Designer || Student | |
| <h3> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- For the Codepen Challenge of January 2019 --> | |
| <div class="o-wrapper"> | |
| <header class="c-header"> | |
| <h2>Instagram Stories</h2> | |
| <div class="c-drag"> | |
| You're not swiping! | |
| </div> | |
| </header> | |
| <div class="c-slider"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="yourstory"> | |
| <img src="https://i.hizliresim.com/H5uEWE.jpg" alt="" draggable="false"> | |
| </div> | |
| <div class="story"> | |
| <img src="https://images.unsplash.com/photo-1612226466724-0ec9b5179a75?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=200&ixlib=rb-1.2.1&q=80&w=200" alt="" draggable="false"> | |
| </div> | |
| <div class="story"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="horizontal-friends-list"> | |
| <figure> | |
| <picture> | |
| <img src="https://randomuser.me/api/portraits/women/2.jpg"> | |
| </picture> | |
| <figcaption>stolinksi</figcaption> | |
| </figure> | |
| <figure> | |
| <picture> | |
| <img src="https://randomuser.me/api/portraits/women/3.jpg"> |