Bootstrap User Profile with Followers and Activities Lists
A Pen by Jason Davis on CodePen.
kazz54
/ bootstrap-user-profile-with-followers-and-activities-lists.markdown
Created
March 14, 2022 03:39
Bootstrap User Profile with Followers and Activities Lists
Bootstrap User Profile
A Pen by Jason Davis on CodePen.
kazz54
/ index.html
Created
March 8, 2022 18:34
Multi Step Form with Progress Bar using jQuery and CSS3
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
| <!-- multistep form --> | |
| <form id="msform"> | |
| <!-- progressbar --> | |
| <ul id="progressbar"> | |
| <li class="active">Account Setup</li> | |
| <li>Social Profiles</li> | |
| <li>Personal Details</li> | |
| </ul> | |
| <!-- fieldsets --> | |
| <fieldset> |
kazz54
/ form-wizard-with-validation.markdown
Created
March 8, 2022 02:00
Form Wizard with Validation
This is form wizard with validation. It makes through html,css and jqyery.
A Pen by Atul Kumar Singh 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"> | |
| <form id="contact" action="" method="post"> | |
| <h3>Colorlib Contact Form</h3> | |
| <h4>Contact us for custom quote</h4> | |
| <fieldset> | |
| <input placeholder="Your name" type="text" tabindex="1" required autofocus> | |
| </fieldset> | |
| <fieldset> | |
| <input placeholder="Your Email Address" type="email" tabindex="2" required> | |
| </fieldset> |
kazz54
/ index.html
Created
September 1, 2021 16:24
Rapid Prototyping with CSS Grid - a Basic Template
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
| <body> | |
| <div class="grid-container"> | |
| <nav> | |
| <ul class="grid-nav-main"> | |
| <li><a href="">Home</a></li> | |
| <li><a href="">Products</a></li> | |
| <li><a href="">Features</a></li> | |
| <li><a href="">About</a></li> | |
| <li><a href="">Find us</a></li> | |
| <li><a href="">Contact</a></li> |
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
| <body> | |
| <div class="card"> | |
| <img src="https://i.postimg.cc/NF61bF2v/illustration-hero.png" alt="hero"> | |
| <h2>Order Summary</h2> | |
| <p>You can now listen to millions of songs, audiobooks, and podcasts on any | |
| device anywhere you like!</p> | |
| <div> |
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="sidebar"> | |
| <span class="logo">S</span> | |
| <a class="logo-expand" href="#">skateboard</a> | |
| <div class="side-wrapper"> | |
| <div class="side-title">MENU</div> | |
| <div class="side-menu"> | |
| <a class="sidebar-link discover is-active" href="#"> | |
| <svg viewBox="0 0 24 24" fill="currentColor"> | |
| <path d="M9.135 20.773v-3.057c0-.78.637-1.414 1.423-1.414h2.875c.377 0 .74.15 1.006.414.267.265.417.625.417 1v3.057c-.002.325.126.637.356.867.23.23.544.36.87.36h1.962a3.46 3.46 0 002.443-1 3.41 3.41 0 001.013-2.422V9.867c0-.735-.328-1.431-.895-1.902l-6.671-5.29a3.097 3.097 0 00-3.949.072L3.467 7.965A2.474 2.474 0 002.5 9.867v8.702C2.5 20.464 4.047 22 5.956 22h1.916c.68 0 1.231-.544 1.236-1.218l.027-.009z" /> |
NewerOlder