Skip to content

Instantly share code, notes, and snippets.

@04wakeup

04wakeup/index.html

Created May 21, 2020 03:03
Show Gist options
  • Save 04wakeup/53d4257a9c81ee54133f3b9ddc62db49 to your computer and use it in GitHub Desktop.
Save 04wakeup/53d4257a9c81ee54133f3b9ddc62db49 to your computer and use it in GitHub Desktop.
Download ZIP
ES6 in Action: New String Methods ES6 in Action: New String Methods [3] // source https://jsbin.com/rosiviv
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta name="description" content="ES6 in Action: New String Methods [3]">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>ES6 in Action: New String Methods</title>
<style id="jsbin-css">
body{
color: red;
text-align:left;
font-size: 30px;
font-family: Georgia, serif;
font-style: italic;
font-weight: 900;
}
h1{
color: orange;
background-color:black;
font-size: 30px;
text-align: left;
text-transform: lowercase;
text-indent: 60px;
font-family: sans-serif ;
font-weight: bold, lighter;
}
p{
color: rgb(1,255,1);
font-size: 30px;
text-align: left;
text-transform: uppercase;
text-indent: 20px;
text-decoration: blink;
font-family: fantasy, impact;
}
ul{
font-size: 20px;
list-style-type: square;
}
ol{
font-family: Arial;
color: orange;
background-color: gray;
list-style-image: url('');
}
table{
color: orange;
font-size: 30px;
width: 30%;
height: 203px;
}
th{
color: orange;
font-size: 20px;
border: 1px solid black;
background-color: black;
height: 40px;
}
td{
color: red;
font-size: 20px;
border: 1px solid black;
height: 80px;
}
</style>
</head>
<body>
Times new Roman
<h1>Header 1</h1>
<p>This is an awesome paragraph</p>
<h1>This is another header</h1>
<p>Thisis another paragraph</p>
<p>this h.</p>
<table>
<tr>
<th>Table data</th>
<th>Table data</th>
<th>Table data</th>
<th>Table data</th>
</tr>
<tr>
<td>Table data</td>
<td>Table data</td>
<td>Table data</td>
<td>Table data</td>
</tr>
</table>
<ul> Un-Order
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ul>
<ol>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
<li>List Item</li>
</ol>
Text
<script id="jsbin-javascript">
"use strict";
</script>
<script id="jsbin-source-css" type="text/css">body{
color: red;
text-align:left;
font-size: 30px;
font-family: Georgia, serif;
font-style: italic;
font-weight: 900;
}
h1{
color: orange;
background-color:black;
font-size: 30px;
text-align: left;
text-transform: lowercase;
text-indent: 60px;
font-family: sans-serif ;
font-weight: bold, lighter;
}
p{
color: rgb(1,255,1);
font-size: 30px;
text-align: left;
text-transform: uppercase;
text-indent: 20px;
text-decoration: blink;
font-family: fantasy, impact;
}
ul{
font-size: 20px;
list-style-type: square;
}
ol{
font-family: Arial;
color: orange;
background-color: gray;
list-style-image: url('');
}
table{
color: orange;
font-size: 30px;
width: 30%;
height: 203px;
}
th{
color: orange;
font-size: 20px;
border: 1px solid black;
background-color: black;
height: 40px;
}
td{
color: red;
font-size: 20px;
border: 1px solid black;
height: 80px;
}</script>
</body>
</html>
Raw
jsbin.rosiviv.css
body{
color: red;
text-align:left;
font-size: 30px;
font-family: Georgia, serif;
font-style: italic;
font-weight: 900;
}
h1{
color: orange;
background-color:black;
font-size: 30px;
text-align: left;
text-transform: lowercase;
text-indent: 60px;
font-family: sans-serif ;
font-weight: bold, lighter;
}
p{
color: rgb(1,255,1);
font-size: 30px;
text-align: left;
text-transform: uppercase;
text-indent: 20px;
text-decoration: blink;
font-family: fantasy, impact;
}
ul{
font-size: 20px;
list-style-type: square;
}
ol{
font-family: Arial;
color: orange;
background-color: gray;
list-style-image: url('');
}
table{
color: orange;
font-size: 30px;
width: 30%;
height: 203px;
}
th{
color: orange;
font-size: 20px;
border: 1px solid black;
background-color: black;
height: 40px;
}
td{
color: red;
font-size: 20px;
border: 1px solid black;
height: 80px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment