Colors
Accent
#2AAB7B
Dark
#17100F
Light
#F6F5F5
White
#FFFFFF
Headings
H1 heading
Headline title 1
H2 heading
Headline title 2
H3 heading
Headline title 3
H4 heading
Headline title 4
Lists
Unordered
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
Ordered
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
Check list
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
Number list
- List item 1
- List item 2
- List item 3
- List item 4
- List item 5
Columns
Buttons
Default state
Hover state
Disabled state
Paragraphs
Body copy
Sed elementum vel sapien in ultricies. Sed a dui dui. Fusce commodo esta faucibus lobortis. Nulla facilisi. Fusce sagittis, massa ut faucibus feugiat, velit neque pharetra enim, aliquet mollis lectus tellus quis odio. Sed a ante sed nibh iaculis scelerisque. Vestibulum a magna nunc.
Small text
Sed elementum vel sapien in ultricies. Sed a dui dui. Fusce commodo esta faucibus lobortis. Nulla facilisi. Fusce sagittis, massa ut faucibus feugiat, velit neque pharetra enim, aliquet mollis.
Lightbox
Click to open lightbox
Inputs
Default state
Focus state
Disabled state
Textarea
Select field
Checkbox & radio
Blockquotes
Default
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim inter eros elementum tristique sodales malesuda vivamus elit dolores adipiscing.
Gallery
Step between the images
Tags
Tagcloud
html
css
jquery
javascript
jekyll
php
design
gulp
ui
node
article
basic note
ruby
python
wordpress
addon
plugin
photoshop
Codes
Html & Markdown
<section>
<div class="wrap">
<h1 class="title">Hello</h1>
</div>
</section> Javascript
function sayHello(name) {
if (!name) {
console.log('Hello World');
}
} Scss & Css code
.selector {
background: $variable;
display: block;
color: red;
}Scroll code block
<section id="contact">
<div classs="form-container">
<form action="#" method="post">
<!-- Name field -->
<label for="name">Name:</label>
<input type="text" id="name" name="name">
<!-- Email field -->
<label for="email">Email:</label>
<input type="text" id="email" name="email">
<!-- Message field -->
<label for="message">Message:</label>
<textarea id="message" name="message"></textarea>
<!-- Submit button -->
<button type="submit">Submit</button>
</form>
</div>
</section>
<footer id="footer">
<div class="footer-container">
<div class="footer-wrap">
<h6 class="copyright-text">2022 © MyWebsite.</h6>
<a href="contact.html">Contact me</a>
</div>
</div>
</footer>