A nice place to store my favorite font pairings as I find them.
A Pen by Shae Scotten on CodePen.
boumour iliyas iliyasBoumour
iliyasBoumour
/ .gitlab-ci.yml
Created
September 26, 2022 22:10
— forked from superjose/.gitlab-ci.yml
This is an example of a .gitlab-ci.yml that is required for Continuous Integration on GitLab projects.
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
| # Reference: https://www.exclamationlabs.com/blog/continuous-deployment-to-npm-using-gitlab-ci/ | |
| # GitLab uses docker in the background, so we need to specify the | |
| # image versions. This is useful because we're freely to use | |
| # multiple node versions to work with it. They come from the docker | |
| # repo. | |
| # Uses NodeJS V 9.4.0 | |
| image: node:9.4.0 | |
| # And to cache them as well. |
I have seen the floated label patterns done a few times before me around the web. So, i'm not claiming to be the inventor. However there was a particular interaction I wanted in a form I was working on, so I figuredI would share what i came up with. Enjoy!
A Pen by Brady Sammons on CodePen.
iliyasBoumour
/ index.html
Created
May 22, 2020 01:29
Weekly Coding Challenge #1 - Double slider Sign in/up Form - Desktop Only
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
| <h2>Weekly Coding Challenge #1: Sign in/up Form</h2> | |
| <div class="container" id="container"> | |
| <div class="form-container sign-up-container"> | |
| <form action="#"> | |
| <h1>Create Account</h1> | |
| <div class="social-container"> | |
| <a href="#" class="social"><i class="fab fa-facebook-f"></i></a> | |
| <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a> | |
| <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a> | |
| </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
| <p class="tip">Click on button in image container</p> | |
| <div class="cont"> | |
| <div class="form sign-in"> | |
| <h2>Welcome back,</h2> | |
| <label> | |
| <span>Email</span> | |
| <input type="email" /> | |
| </label> | |
| <label> | |
| <span>Password</span> |
iliyasBoumour
/ index.html
Created
May 22, 2020 01:25
Login Form with floating placeholder and light button
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="login-box"> | |
| <h2>Login</h2> | |
| <form> | |
| <div class="user-box"> | |
| <input type="text" name="" required=""> | |
| <label>Username</label> | |
| </div> | |
| <div class="user-box"> | |
| <input type="password" name="" required=""> | |
| <label>Password</label> |
iliyasBoumour
/ css-grid-style-guide-ii.markdown
Created
May 22, 2020 01:23
CSS Grid: Style Guide II
iliyasBoumour
/ animated-login-and-sign-up.markdown
Created
May 22, 2020 01:22
Animated Login and Sign up
Animated Login and Sign Up. This Pen is base on the Dribbble shot made by Deepak Yadav that you can find here: https://goo.gl/XRALsw
A Pen by Hurick Krügner 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 class="menu"> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta http-equiv="X-UA-Compatible" content=="IE=edge"/> | |
| <meta name="google" value="notranslate"/> | |
| <title>Side Menu</title> |
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
| <html> | |
| <head> | |
| <h1><tiltle>My interactive page</title> </h1> | |
| </head> | |
| <body> | |
| <div id="div1"> | |
| <h3 > My name </h3> | |
| </div> | |
| <div id="div2"> | |
| <h3> My age </h3> |
NewerOlder