Skip to content

Instantly share code, notes, and snippets.

View abhishekjakhar's full-sized avatar
:octocat:

Abhishek Jakhar abhishekjakhar

:octocat:
15 followers · 5 following
View GitHub Profile
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 07:37
Basic Layout(HTML)
<!DOCTYPE html>
<html>
<head>
<title>HTML - A short guide</title>
</head>
<body>
<header>...</header>
<section>...</section>
<footer>...</footer>
</body>
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 08:17
HTML Layout(With Semantic)
<!DOCTYPE html>
<html>
<head>
<title>HTML - A short guide</title>
</head>
<body>
<header>
<h1>HTML - A short guide</h1>
<p>A simple blog about learning HTML</p>
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 08:17
HTML Layout (Without Semantic)
<!DOCTYPE html>
<html>
<head>
<title>HTML - A short guide</title>
</head>
<body>
<h1>HTML - A short guide</h1>
<p>A simple blog about learning HTML</p>
<ul>
@abhishekjakhar
abhishekjakhar / main.css
Last active November 1, 2018 15:29
Form CSS
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-family: 'Lato', sans-serif;
color: #333;
background-color: #f8f8f9;
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 18:04
Form Element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 18:20
Input Element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 18:38
Multiple Input Element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 18:41
Textarea Element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 18:43
Form Button Element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>
@abhishekjakhar
abhishekjakhar / index.html
Created October 14, 2018 18:47
Label Element
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sign Up Form</title>
<link rel="stylesheet" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet">
<link rel="stylesheet" href="css/main.css">
</head>