This file contains 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> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>Basic JavaScript Example</title> | |
</head> | |
<body> | |
<script> |
This file contains 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> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>JavaScript</title> | |
<!-- Internal (Inline) CSS --> | |
<style> | |
.red{ |
This file contains 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
body { | |
background-image: url('../up/one/level/to/image.png'); | |
background-repeat: no-repeat; | |
width: 100%; | |
background-size: cover; | |
} | |
.splash-area { | |
background: linear-gradient(to left top, blue, red); | |
} | |
.second-splash { |
This file contains 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
/*-- Bell Reset from https://andy-bell.co.uk/a-modern-css-reset/ --*/ | |
/* Box sizing rules */ | |
*, | |
*::before, | |
*::after { | |
box-sizing: border-box; | |
} | |
/* Remove default margin */ | |
body, |
This file contains 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
/* http://meyerweb.com/eric/tools/css/reset/ | |
v2.0 | 20110126 | |
License: none (public domain) | |
*/ | |
html, body, div, span, applet, object, iframe, | |
h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
a, abbr, acronym, address, big, cite, code, | |
del, dfn, em, img, ins, kbd, q, s, samp, | |
small, strike, strong, sub, sup, tt, var, | |
b, u, i, center, |
This file contains 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
@charset "utf-8"; | |
/*** | |
The new CSS reset - version 1.8.5 (last updated 14.6.2023) | |
GitHub page: https://github.com/elad2412/the-new-css-reset | |
***/ | |
/* | |
Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property | |
- The "symbol *" part is to solve Firefox SVG sprite bug | |
- The "html" attribute is exclud, because otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) |
This file contains 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> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<!--Type all the code BELOW⬇︎ this line--> | |
<title>5forms</title> | |
<style> | |
body{width:80%;margin:auto;} | |
form,table,th,td{padding:1rem;border: 1px solid #CCC;border-collapse:collapse;} |
This file contains 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
/*-- Type all the text below this line --*/ | |
:root { | |
font-size: 62.5%; | |
--std: all .3s ease-in; /*-- another variable --*/ | |
} | |
body { | |
width: 100vw; | |
font-size: 1.8rem; | |
margin: 0 auto 1rem auto; /*-- top, right, bottom, left --*/ | |
padding: 5px 10px; /*-- vertical, horizontal --*/ |
This file contains 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
/*-- Type all the text below this line --*/ | |
:root { | |
--basic: #0F0; /*-- variable declaration --*/ | |
font-family: 'Times New Roman', Garamond, serif; | |
background-color: #fff8dc; | |
} | |
a:link, a:visited { /*-- and-selector --*/ | |
color: var(--basic); | |
} | |
a:hover, a:visited { |
This file contains 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> | |
<meta charset="UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
<title>2adv-markup</title> | |
</head> | |
<body><!--Type all the code BELOW⬇︎ this line--> | |
<section> |
NewerOlder