Skip to content

Instantly share code, notes, and snippets.

Avatar
🐅

Megan Charles teethnclaws

🐅
View GitHub Profile
View index.html
<!DOCTYPE html>
<html lang="en">
<head>
<!-- for this project we've linked to a css we downloaded called normalize & placed it in the vendor folder
For an unspoken reason, we are required to list this one first -->
<link rel="stylesheet" type="text/css" href="vendors/css/normalize.css">
<!-- copy and paste or highlight and used ctrl + D to copy.
The grid used is an augmented file pulled from responsivegridsystem.com -->
<link rel="stylesheet" type="text/css" href="vendors/css/ionicons.min.css">
@teethnclaws
teethnclaws / index.html
Created Jun 30, 2017
Mailchimp Bootstrap
View index.html
<!-- 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">
View index.html
<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 / index.html
Created Jun 30, 2017
Reveal content animation (and menu)
View index.html
<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 Jul 21, 2017
Responsive projects
View index.html
<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">
View index.html
<!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>