Work with Typography

Typography

<h1>this is header 1</h1>
 or you can use # on markdown style

<h2>this is header 2</h2>
 or you can use ## on markdown style

<h3>this is header 3</h3>
 or you can use ### on markdown style

<h4>this is header 4</h4>
 or you can use #### on markdown style

<h5>this is header 5</h5>
 or you can use ##### on markdown style

<h6>this is header 6</h6>
 or you can use ###### on markdown style

<p></p> this is a paragprah content

Codding

This is link use <a href="inserturlhere"> This is a link </a>

This is link use <a href="inserturlhere" class="link"> This is a link </a> use class="link" for white text

<code>input script code here</code>

<pre>input script pre code here</pre>

<pre><code>input script pre code here</code></pre>

<span>input something here..</span>

<blockquote>Wohoo... Astro CSS is cool</blockquote>

Example

use blockquote :

Wohoo... Astronot CSS is cool

use span : git clone astronot.git

use code : this is code

<pre> Example for pre </pre>

.astronot {
  color: #9b4dca;
}

<pre><code> Example for pre code </code></pre>

.astronot {
  color: #9b4dca;
}

Button & Color

<button> hey i'm button </button>

<a href="link here" class="button"> click here </a>

<a href="link here"><span class="meteor"> click here </span></a>

<button class="astronot"> astronot </button>

<button class="meteor"> meteor </button>

<button class="rocket"> rocket </button>

<button class="mooon"> moon </button>

<button class="star"> star </button>

<button class="asteroid"> asteroid </button>

<button class="btn-astronot"> astronot </button>

<button class="btn-meteor"> meteor </button>

<button class="btn-rocket"> rocket </button>

<button class="btn-mooon"> moon </button>

<button class="btn-star"> star </button>

<button class="btn-asteroid"> asteroid </button>

<p class="astronot"> astronot </p>

<p class="meteor"> meteor </p>

<p class="rocket"> rocket </p>

<p class="mooon"> moon </p>

<p class="star"> star </p>

<p class="asteroid"> star </p>

Example for button : I'm button Link with span Link Span

astronot meteor rocket moon star asteroid

astronot meteor rocket moon star asteroid

astronot meteor rocket moon star asteroid

Text color

astronot

meteor

rocket

moon

star

asteroid