| layout | title |
|---|---|
page |
Styleguide |
Lets try the different text styles Bold , Strong , Emphasis , Italic
Now, lets try different heading styles :
Unordered List
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
Ordered List
- List Item 1
- List Item 2
- List Item 3
- List Item 4
- List Item 5
This is a Block Quote, It can Expand Multiple Lines
You can use the mark tag to highlight text.
This line of text is meant to be deleted text
This line of text will render as underlined
This line of text is meant to be treated as fine print.
This line rendered as bold text.
This line rendered as italicized text.
attr
HTML
| # | Heading | Heading | Heading | Heading | Heading | Heading | Heading | Heading | Heading |
|---|---|---|---|---|---|---|---|---|---|
| 1 | Cell | Cell | Cell | Cell | Cell | Cell | Cell | Cell | Cell |
| 2 | Cell | Cell | Cell | Cell | Cell | Cell | Cell | Cell | Cell |
| 3 | Cell | Cell | Cell | Cell | Cell | Cell | Cell | Cell | Cell |
<iframe width="560" height="315" src="https://www.youtube.com/embed/nuwjUZCSB2Y?rel=0&controls=0&showinfo=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>
<iframe src="https://player.vimeo.com/video/212114694?title=0&byline=0&portrait=0" width="640" height="360" frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe>
<iframe src="https://embed.ted.com/talks/ted_halstead_a_climate_solution_where_all_sides_can_win" width="640" height="360" frameborder="0" scrolling="no" allowfullscreen=""></iframe>
<iframe src="https://player.twitch.tv/?autoplay=false&video=v248755437" frameborder="0" allowfullscreen="true" scrolling="no" height="378" width="620"></iframe>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/29738591&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe>
<script async="" src="https://production-assets.codepen.io/assets/embed/ei.js"></script>
'use strict';
var markdown = require('markdown').markdown;
function Editor(input, preview) {
this.update = function() {
preview.innerHTML = markdown.toHTML(input.value);
};
input.editor = this;
this.update();
}You can add inline code just like this, E.g. .code { color: #fff; }
pre {
background-color: #f4f4f4;
max-width: 100%;
overflow: auto;
}<script src="https://gist.github.com/ahmadajmi/dbb4f713317721668bcbc39420562afc.js"></script>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>I just published “Deploying a blog using Jekyll and Github Pages with SSL certificate for Free” https://t.co/B3T3IQVU93
— Sujay Kundu (@SujayKundu777) June 29, 2018
<script async defer src="//www.instagram.com/embed.js"></script>A post shared by Ahmad Ajmi (@ahmadajme) on Apr 2, 2018 at 2:18pm PDT