Skip to content

Instantly share code, notes, and snippets.

View khan-hasan's full-sized avatar

Hasan Khan khan-hasan

  • Delta Air Lines
  • Atlanta, GA
View GitHub Profile
<!doctype html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>FAQ</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hello World!</title>
<!-- Bootstrap core CSS -->
<!-- I am linking a Bootstrap CSS and Bootstrap JS file through a CDN, which means that the files will load from an external serve rather than from my local computer. -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hello World!</title>
<!-- Bootstrap core CSS -->
<!-- I am linking a Bootstrap CSS and Bootstrap JS file through a CDN, which means that the files will load from an external serve rather than from my local computer. -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hello World!</title>
<!-- Bootstrap core CSS -->
<!-- I am linking a Bootstrap CSS and Bootstrap JS file through a CDN, which means that the files will load from an external serve rather than from my local computer. -->
@khan-hasan
khan-hasan / index.html (calculator)
Created September 23, 2017 01:03
achievement 1 final assignment (completed portfolio layout/styling, completed calculator layout/styling)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Calculator</title>
<link rel='stylesheet' href='http://d33wubrfki0l68.cloudfront.net/css/ebe0759bf259b6caeadee6137973481046ac5636/css/normalize.css'/>
<link rel="stylesheet" href="css/styles.css">
<link href="js/scripts.js">
@khan-hasan
khan-hasan / embedded youtube video code (from index.html)
Created September 24, 2017 22:34
CF 2.1 (incomplete, failed at completing) | footer with twitter follow button, facebook share button, and copyright. youtube embedded (iframe) video at bottom of about section
<div class="embed-responsive embed-responsive-16by9"><!-- makes iframe responsive --><!-- 16:9 aspect ratio -->
<iframe width="560" height="315" src="//www.youtube.com/embed/Pwrwf_8H25Y" frameborder="0" allowfullscreen></iframe>
</div>
@khan-hasan
khan-hasan / index.html
Created September 26, 2017 19:54
CF 2.2 | added form to contact section, aligned form and contact info into 2 columns
<!DOCTYPE html><!-- Instructs browser what version of HTML the page is written in. html indicates HTML5 -->
<html lang="en"><!-- Specifies the language of the element's content -->
<head><!-- A container for metadata, data about the HTML document which is not displayed -->
<!-- Google Analytics -->
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-107063946-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
@khan-hasan
khan-hasan / form from index.html
Last active September 27, 2017 00:52
CF 2.2 (revised, re-upload) | added "required" attribute to the Email and Message input/textarea fields
<form>
<div class="form-group name-group col-lg-4">
<p>Name</p>
<label for="Name" class="sr-only">Your name</label>
<input type="text" class="form-control" placeholder="Enter your name" id="Name" title="Enter your first and last name (optional, min: 3 characters)" minlength="3">
</div><!-- end .form-group -->
<div class="form-group phone-number-group col-lg-4">
<p>Phone number</p>
<label for="Phone-number" class="sr-only">Phone number</label>
<input type="tel" class="form-control" placeholder="Enter your phone number (optional)" id="Phone-number" title="Enter your phone number starting with area code (min: 10 digits, max: 20 digits)" minlength="10" maxlength="20">
@khan-hasan
khan-hasan / index.html
Created September 27, 2017 16:50
CF 2.3 | added modal that displays resume to FAQ section, implemented jQuery for stellar parallax scrolling
<!DOCTYPE html><!-- Instructs browser what version of HTML the page is written in. html indicates HTML5 -->
<html lang="en"><!-- Specifies the language of the element's content -->
<head><!-- A container for metadata, data about the HTML document which is not displayed -->
<!-- Google Analytics -->
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-107063946-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
@khan-hasan
khan-hasan / index.html
Created September 27, 2017 18:07
CF 2.4 | enabled tooltips using jquery on buttons for the 3 columns underneath image carousel
<!DOCTYPE html><!-- Instructs browser what version of HTML the page is written in. html indicates HTML5 -->
<html lang="en"><!-- Specifies the language of the element's content -->
<head><!-- A container for metadata, data about the HTML document which is not displayed -->
<!-- Google Analytics -->
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-107063946-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());