Skip to content

Instantly share code, notes, and snippets.

View teethnclaws's full-sized avatar
🐅

Megan Charles teethnclaws

🐅
View GitHub Profile
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Font Stuff</title>
<link href="https://fonts.googleapis.com/css?family=Abril+Fatface" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css" />
</head>
@teethnclaws
teethnclaws / index.html
Created July 21, 2017 17:30
Responsive projects
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Zayn Designs</title>
</head>
<body>
<div id="con">
@teethnclaws
teethnclaws / index.html
Created June 30, 2017 19:39
Reveal content animation (and menu)
<div id="startscreen">
<div id="title">this is a title</div>
<div id="triangle-down"></div>
<div id="triangle-up"></div>
<button id="button">⟷</button>
</div>
<div id="menuContent">
<ul>
<li><a href=".section1">Menu 1</a></li>
@teethnclaws
teethnclaws / index.html
Created June 30, 2017 19:37
Unfolding card
<div class="wrapper">
<div class="left">
<div class="front">
<div class="sectionWrap">
<h1>Title</h1>
<hr>
<p class="preview">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</p>
<button class="openB"><p>read more...</p></button>
</div>
@teethnclaws
teethnclaws / implementation-of-liquid-button.markdown
Created June 30, 2017 19:35
Implementation of Liquid button
@teethnclaws
teethnclaws / custom-google-form-using-bootstrap.markdown
Last active August 2, 2022 03:57
Custom Google Form using Bootstrap
@teethnclaws
teethnclaws / index.html
Created June 30, 2017 19:30
Mailchimp Bootstrap
<!-- Begin MailChimp Signup Form -->
<div id="mc_embed_signup">
<form action="#PUT-IN-URL" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate form-inline" target="_blank" novalidate>
<div id="mc_embed_signup_scroll">
<div class="mc-field-group form-group">
<label for="mce-FNAME" class="sr-only">First Name </label>
<input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME" placeholder="First Name">
</div>
<div class="mc-field-group form-group">
@teethnclaws
teethnclaws / bootstrap-outline-example.markdown
Created October 23, 2016 00:12
Bootstrap Outline Example