AEX175

Error Pages

Interesting 404 error page.

A Pen by Aex on CodePen.

License.

AEX175

Boton Whatsapp

A Pen by JC Paiz on CodePen.

License.

AEX175

<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>

AEX175

.night
  - for (i = 0; i < 20; i++)
    .shooting_star

AEX175

<div class="form__group field">
  <input type="input" class="form__field" placeholder="Name" name="name" id='name' required />
  <label for="name" class="form__label">Name</label>
</div>

AEX175

"use strict"; // Paul Slaymaker, paul25882@gmail.com
const body=document.getElementsByTagName("body").item(0);
body.style.background="#000";
const TP=2*Math.PI;
const CSIZE=400;

const ctx=(()=>{
  let d=document.createElement("div");
  d.style.textAlign="center";
  body.append(d);

AEX175

<div class="loader">
    <svg viewBox="0 0 80 80">
        <circle id="test" cx="40" cy="40" r="32"></circle>
    </svg>
</div>

<div class="loader triangle">
    <svg viewBox="0 0 86 80">
        <polygon points="43 8 79 72 7 72"></polygon>
    </svg>

AEX175

CSS3 Loader & Spinners

This is a collection of different types of loaders, spinners. There are no image dependencies in this. It's is done using CSS. Hence it is easily customization too.

A Pen by Vineeth.TR on CodePen.

License.

AEX175

Emulador de terminal

A Pen by Asfo Zavala on CodePen.

License.

AEX175

Confirmation Mail

A Pen by Robat Das on CodePen.

License.