Last active
April 2, 2018 22:24
-
-
Save sarmadsaleem/d503d100daff759f20f65d6d9be99445 to your computer and use it in GitHub Desktop.
HTML Boilerplate
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <!-- Required meta tags --> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | |
| <title></title> | |
| <meta name="description" content=""> | |
| <meta name="subject" content=""> | |
| <!-- Control the behavior of search engine crawling and indexing --> | |
| <meta name="robots" content="index,follow"><!-- All Search Engines --> | |
| <meta name="googlebot" content="index,follow"><!-- Google Specific --> | |
| <!-- Verification --> | |
| <meta name="google-site-verification" content="verification_token"> | |
| <meta name="yandex-verification" content="verification_token"> | |
| <meta name="msvalidate.01" content="verification_token"> | |
| <meta name="alexaVerifyID" content="verification_token"> | |
| <meta name="norton-safeweb-site-verification" content="norton code"> | |
| <!-- Geo tags --> | |
| <meta name="ICBM" content="latitude, longitude"> | |
| <meta name="geo.position" content="latitude;longitude"> | |
| <meta name="geo.region" content="country[-state]"><!-- Country code (ISO 3166-1): mandatory, state code (ISO 3166-2): optional; eg. content="US" / content="US-NY" --> | |
| <meta name="geo.placename" content="city/town"><!-- eg. content="New York City" --> | |
| <!-- Bootstrap CSS --> | |
| <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | |
| <link rel="stylesheet" href="assets/css/custom.min.css"> | |
| <meta http-equiv="x-dns-prefetch-control" content="on"> | |
| <link rel="dns-prefetch" href="https://fonts.googleapis.com/"> | |
| <link rel="dns-prefetch" href="https://maps.googleapis.com"> | |
| <link rel="dns-prefetch" href="https://maxcdn.bootstrapcdn.com"> | |
| <link rel="dns-prefetch" href="https://ajax.googleapis.com"> | |
| <link rel="dns-prefetch" href="https://code.jquery.com"> | |
| <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com"> | |
| <!-- Prefetching, preloading, prebrowsing --> | |
| <!-- <link rel="dns-prefetch" href="//example.com/"> | |
| <link rel="preconnect" href="https://www.example.com/"> | |
| <link rel="prefetch" href="https://www.example.com/"> | |
| <link rel="prerender" href="https://example.com/"> | |
| <link rel="preload" href="image.png" as="image"> --> | |
| <!-- High priority JS --> | |
| <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js"></script> | |
| <script> | |
| // initilize webfonts | |
| WebFont.load({ | |
| google: { | |
| families: ['Montserrat:300,400'] | |
| }, | |
| custom: { | |
| families: ['Bernadette Rough'] | |
| } | |
| }); | |
| </script> | |
| <!-- For IE 11, Chrome, Firefox, Safari, Opera --> | |
| <!-- <link rel="icon" type="image/png" sizes="16x16" href="/path/to/favicon-16x16.png"> | |
| <link rel="icon" type="image/png" sizes="32x32" href="/path/to/favicon-32x32.png"> | |
| <link rel="icon" type="image/png" sizes="96x96" href="/path/to/favicon-96x96.png"> --> | |
| <!-- Opengraph & Facebook --> | |
| <meta property="fb:app_id" content="123456789"> | |
| <meta property="og:url" content="https://example.com/page.html"> | |
| <meta property="og:type" content="website"> | |
| <meta property="og:title" content="Content Title"> | |
| <meta property="og:image" content="https://example.com/image.jpg"> | |
| <meta property="og:description" content="Description Here"> | |
| <meta property="og:site_name" content="Site Name"> | |
| <meta property="og:locale" content="en_US"> | |
| <meta property="article:author" content=""> | |
| <!-- Twitter --> | |
| <meta name="twitter:card" content="summary"> | |
| <meta name="twitter:site" content="@site_account"> | |
| <meta name="twitter:creator" content="@individual_account"> | |
| <meta name="twitter:url" content="https://example.com/page.html"> | |
| <meta name="twitter:title" content="Content Title"> | |
| <meta name="twitter:description" content="Content description less than 200 characters"> | |
| <meta name="twitter:image" content="https://example.com/image.jpg"> | |
| </head> | |
| <body> | |
| <!-- Optional JavaScript --> | |
| <!-- jQuery first, then Popper.js, then Bootstrap JS --> | |
| <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script> | |
| <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment