Megan Charles teethnclaws

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

## flexbox-practice.markdown

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                teethnclaws
                / flexbox-practice.markdown
            
            
              Created
              October 23, 2016 00:11
            
              
                Flexbox Practice
              
          
      View flexbox-practice.markdown
  
      
    Flexbox Practice
A Pen by Megan Charles on CodePen.
License.

  
## bootstrap-outline-example.markdown

      
              5 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                teethnclaws
                / bootstrap-outline-example.markdown
            
            
              Created
              October 23, 2016 00:12
            
              
                Bootstrap Outline Example
              
          
      View bootstrap-outline-example.markdown
  
      
    Bootstrap Outline Example
A Pen by Megan Charles on CodePen.
License.

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

## custom-google-form-using-bootstrap.markdown

      
              3 files
            
          
              2 forks
            
          
              0 comments
            
          
              0 stars
            
          
                teethnclaws
                / custom-google-form-using-bootstrap.markdown
            
            
              Last active
              August 2, 2022 03:57
            
              
                Custom Google Form using Bootstrap
              
          
      View custom-google-form-using-bootstrap.markdown
  
      
    Custom Google Form using Bootstrap
A Pen by Elon Zito on CodePen.
License.

  
## implementation-of-liquid-button.markdown

      
              4 files
            
          
              0 forks
            
          
              0 comments
            
          
              0 stars
            
          
                teethnclaws
                / implementation-of-liquid-button.markdown
            
            
              Created
              June 30, 2017 19:35
            
              
                Implementation of Liquid button
              
          
      View implementation-of-liquid-button.markdown
  
      
    Implementation of Liquid button
Original work: https://material.uplabs.com/posts/liquid-toggle-button
by Apostol Voicu
A Pen by Alex on CodePen.
License.

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

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

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

## 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>
	<!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">
	<!-- 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">
	<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>
	<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>
	<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">
	<!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>