Posts

Showing posts with the label CSS

Welcome to Free Code Examples

Image
Hello World! Welcome to Free Code Examples Welcome back if you are one of our 30,000+ page view visitors who has been enjoying this site online at  https://www.freecodeexamples.com   Welcome to our new Free Code Examples app viewers! If you haven't already downloaded this tiny app you can find it here  https://play.google.com/store/apps/details?id=e.g.freecodeexamples We have included this new mobile friendly format to both the online and app versions. This app will add new features and content frequently without the need for you to update using this Webapp format. You can find the numerous categories of content offered here by tapping the three bars to the left at the top to select a subject page with links to the 100+ pages of information available via this site and app. You can also find a list of our pages arranged by catagories here on  Free Code Examples Directory I hope you enjoy this growing app feel f...
Post a Comment
Read more

Play and Learn Sax

Tap the letters above each note to play the song When the Saints go Marching In Play and Learn Saxophone Learn to Play Sax * * * G B C D * * G B C D * G B C * * D * B * G * B * A * * * B B A * * G * G B * D * D C * * * * B C * * D * B * G * A * * G * * To Play the Song above only play the lettered buttons. The Yellow Notes below are for the G Scale G A B C D E F G Thanks I Hope You Enjoy!!!   SourceCode HTML with CSS and J...
Post a Comment
Read more

Social Media Template

Image
Free Social Media Template by w3 "W3.CSS Website Templates We have created some responsive W3.CSS website templates for you to use. You are free to modify, save, share, and use them in all your projects." Source Code <!DOCTYPE html> <html> <title>W3.CSS Template</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-blue-grey.css"> <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Open+Sans'> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> html,body,h1,h2,h3,h4,h5 {font-family: ...
2 comments
Read more

Free CSS Responsive Grid Template 1

Image
CSS Grid Template 1 Source Code <!doctype html> <title>CSS Grid Template 1</title> <style> body {   display: grid;   grid-template-areas:     "header header header"     "nav article ads"     "nav footer footer";   grid-template-rows: 80px 1fr 70px;   grid-template-columns: 20% 1fr 15%;   grid-row-gap: 10px;   grid-column-gap: 10px;   height: 100vh;   margin: 0;   } header, footer, article, nav, div {   padding: 1.2em;   background: gold;   } #pageHeader {   grid-area: header;   } #pageFooter {   grid-area: footer;   } #mainArticle {   grid-area: article;      } #mainNav {   grid-area: nav;   } #siteAds {   grid-area: ads;   } /* Stack the layout on small devices/viewports. */ @media all and (max-width: 575px) {   body {     grid-template...
2 comments
Read more

Free Analytics Website Template

Image
Free Analytics Template by w3 "W3.CSS Website Templates We have created some responsive W3.CSS website templates for you to use. You are free to modify, save, share, and use them in all your projects." Source Code <!DOCTYPE html> <html> <title>W3.CSS Template</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Raleway"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <style> html,body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif} </style> <body class="w3-light-grey"> ...
Post a Comment
Read more

Jets Shootout

Image
Jets Shootout *Featured Game Created by  r8w9 Have fun playing this fun Jet Game and view the well commented Source code to learn more about creating your own games Source Code HTML CSS and JavaScript <!DOCTYPE html> <html>     <head>         <!--<div>Icons made by <a href="https://www.flaticon.com/authors/creaticca-creative-agency" title="Creaticca Creative Agency">Creaticca Creative Agency</a> from <a href="https://www.flaticon.com/"                 title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/"                 title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>    -->         <title>Page Title</title>         <st...
Post a Comment
Read more