Skip to content

Instantly share code, notes, and snippets.

View riyaadazad's full-sized avatar
👷‍♂️
Building sites for awesome clients

Riyaad Azad riyaadazad

👷‍♂️
Building sites for awesome clients
View GitHub Profile
@riyaadazad
riyaadazad / socialTemplate.html
Created August 10, 2018 21:41
Social template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<body class="w3-light-grey">
<div class="w3-topnav w3-large w3-teal">
<a href="#">Home</a>
<a href="#">Messages</a>
@riyaadazad
riyaadazad / tealTheme.html
Created August 10, 2018 21:40
Teal theme template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>Demo W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3-theme-teal.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<body>
<!-- Side Navigation -->
@riyaadazad
riyaadazad / redTheme.html
Created August 10, 2018 21:39
Red theme template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>Demo W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3-theme-red.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.min.css">
<body>
<!-- Side Navigation -->
@riyaadazad
riyaadazad / webPageTemplate.html
Created August 10, 2018 21:38
Responsive webpage template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<style>
/* Set the height of the grid so that left and right col can be 100% (adjust as needed) */
.w3-row {height: 500px}
/* Set a 100% height to left and right col */
@riyaadazad
riyaadazad / portfolioTemplate.html
Created August 10, 2018 21:35
Portfolio template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<body>
<div class="w3-topnav w3-large w3-green w3-center">
<a href="#">Portfolio</a>
<a href="#">Home</a>
@riyaadazad
riyaadazad / onlineStoreTemplate.html
Created August 10, 2018 21:34
Online store template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<body>
<div class="w3-light-grey w3-container w3-padding-64 w3-center">
<h1 class="w3-jumbo">Online Store</h1>
<p>Mission, Vission & Values</p>
@riyaadazad
riyaadazad / myTemplate.html
Created August 10, 2018 21:33
A template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!doctype html>
<html>
<head>
<title>Webpage Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<!--<link rel="stylesheet" href="w3.css">-->
<!--If you put w3.css in a subfolder, add the folder name between slashes:
<link rel="stylesheet" href="/foldername/w3.css">-->
@riyaadazad
riyaadazad / marketingTemplate2.html
Created August 10, 2018 21:32
Another marketing template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<body>
<div class="w3-topnav w3-large w3-dark-grey">
<a href="#">Logo</a>
<a href="#">About</a>
@riyaadazad
riyaadazad / marketingTemplate1.html
Created August 10, 2018 21:31
A marketing template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<body>
<div class="w3-topnav w3-large w3-green">
<a href="#">Logo</a>
<a href="#">About</a>
@riyaadazad
riyaadazad / blogTemplate.html
Created August 10, 2018 21:24
Blog template provided by "w3schools.com" utilizing the W3.CSS stylesheet
<!DOCTYPE html>
<html>
<title>W3.CSS</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css">
<body>
<nav class="w3-sidenav w3-light-grey" style="width:25%">
<a href="javascript:void(0)"