Skip to content

Instantly share code, notes, and snippets.

@TrueSlu
TrueSlu / bootstrap-4-1-faq-example-with-tabs-and-accordions.markdown
Created February 22, 2019 04:41
Bootstrap 4.1 FAQ example with tabs and accordions

Bootstrap 4.1 FAQ example with tabs and accordions

** NEW ** Updated for Bootstrap 4.x

FAQ example with tabs and accordions in vertical navigation.

Notice: It's very important that you get the ID's right. The Bootstrap JS is matching up the accordion/collapse with data-target, and if you get them wrong, it won't work as intended.

A Pen by TrueSlu on CodePen.

@TrueSlu
TrueSlu / calm-breeze-login-screen.markdown
Last active February 21, 2019 18:03
Calm breeze login screen
@TrueSlu
TrueSlu / index.html
Created February 21, 2019 17:44
Password Reset
<div id="app">
<password-reset></password-reset>
</div>
@TrueSlu
TrueSlu / a-coming-soon-page.markdown
Created February 15, 2019 04:32
A "Coming Soon" page

A "Coming Soon" page

Place this as a temporary homepage for visitors to know that your website is under construction.

A Pen by Ompmega on CodePen.

License.

@TrueSlu
TrueSlu / index.html
Created February 14, 2019 00:56
Responsive Flip Pricing Table
<div class="pricing-container">
<div class="pricing-switcher">
<p class="fieldset">
<input type="radio" name="duration-1" value="monthly" id="monthly-1" checked>
<label for="monthly-1">Monthly</label>
<input type="radio" name="duration-1" value="yearly" id="yearly-1">
<label for="yearly-1">Yearly</label>
<span class="switch"></span>
</p>
</div>
@TrueSlu
TrueSlu / bootstrap-collapsible-panel-with-up-down-arrow-icon.markdown
Created December 25, 2018 22:40
Bootstrap Collapsible Panel With Up/Down Arrow Icon
@TrueSlu
TrueSlu / freecodecamp-product-landing-page.markdown
Created October 15, 2018 16:58
FreeCodeCamp - Product Landing Page
@TrueSlu
TrueSlu / index.html
Created October 14, 2018 06:16
The "Hovy" for links
<div class="main-container">
<section class="section">
<h2 class="title">Effect 1</h2>
<ul class="menu">
<li class="menu__item">
<a href="#0" class="menu__link hover1"><span class="menu__label hover1__label">Home</span></a>
</li>
<li class="menu__item">
<a href="#0" class="menu__link hover1"><span class="menu__label hover1__label">About</span></a>
</li>
@TrueSlu
TrueSlu / discord-inspired-login-register-form.markdown
Last active October 13, 2018 20:44
Discord inspired Login/Register Form

Discord inspired Login/Register Form

I really like the old Discord Login / Register form so I decided to make this with my own twists.

A Pen by Gibbu on CodePen.

License.

@TrueSlu
TrueSlu / cityscapes-landing-page-template.markdown
Last active October 13, 2018 20:31
CityScapes Landing Page Template

CityScapes Landing Page Template

This is a landing page that was made for the non-technical web user in mind. Full code available in github and easily customizable. This template also provides SASS files for the technical developer that wants to tink around with it. Enjoy!

A Pen by Jesus Rodriguez on CodePen.

License.