--- title: 'Theme Elements' url: 'https://blog.logicark.ai/blog/2014-01-10-theme-elements' markdown: 'https://blog.logicark.ai/blog/2014-01-10-theme-elements.md' date: '2026-09-13' description: "I've put together a little post to introduce you to the Notpead theme and get you started with Markdown. Go ahead and edit this post to get going and learn how it all works! ELEMENTS Writing in markdown is really easy. In any editor like notepad, you simply write as you normally would. Where approp…" taxonomy: tag: - Grav - Author --- [ ![Blog Logo](https://blog.logicark.ai/user/themes/notepad/images/logo.png) ](https://blog.logicark.ai) [](#) - [](#) - [Home](https://blog.logicark.ai) - [Featured Posts](https://blog.logicark.ai/featured) - [Categories](https://blog.logicark.ai/categories) - [About](https://blog.logicark.ai/about) - [ Feed](https://blog.logicark.ai/blog.rss "Atom/RSS feed") # Theme Elements by **Your Name** — on [Grav](https://blog.logicark.ai/tag:Grav "Posts tagged with Grav") , [Author](https://blog.logicark.ai/tag:Author "Posts tagged with Author") **13 Sep 2026** ![cover-image](https://blog.logicark.ai/user/pages/blog/2014-01-10-theme-elements/picture-38.jpg)I've put together a little post to introduce you to the Notpead theme and get you started with Markdown. Go ahead and edit this post to get going and learn how it all works! # ELEMENTS Writing in markdown is really easy. In any editor like notepad, you simply write as you normally would. Where appropriate, you can use formatting shortcuts to style your content. ## LISTS For example, a list: - Item number one - Item number two - A nested item - A final item or with numbers! 1. Remember to buy some milk 2. Drink the milk 3. Tweet that I remembered to buy the milk, and drank it ## LINKS Want to link to a source? No problem. If you put the url in this format, like `[http://getgrav.org/](http://getgrav.org/)` - it'll automatically be linked up like . But if you want to customize your anchor text, you can do that too! Here's a link to the [my website](http://getgrav.org/ "Grav Website"). Neat. ## WHAT ABOUT IMAGES? Images work too! And they are responsive! Already know the URL of the image you want to include in your article? Images are responsive and uses lightbox. ![Photo16](https://blog.logicark.ai/user/pages/blog/2014-01-10-theme-elements/photo16.jpg)![Photo13](https://blog.logicark.ai/user/pages/blog/2014-01-10-theme-elements/photo13.jpg)![Photo19](https://blog.logicark.ai/user/pages/blog/2014-01-10-theme-elements/photo19.jpg) Check out \[this post\]({{ base\_url\_absolute }}/articles/sample-post-images/) to learn about including images in your post. ## AND VIDEOS? Video embeds are responsive and scale with the width of the main content block with the help of [FitVids](http://fitvidsjs.com/). ## EQUATIONS Are you an engineer? Or a mathematician? Want to post some equations in your Grav blog for the world to see? No problem. Wrapping your equation between `$$...$$` will produce something like this: f ( a ) = 1 2 π i ∮ γ f ( z ) z − a d z ## THE LOGO Not sure which image you want to use yet? That's ok too. Leave yourself a descriptive placeholder and keep writing. Come back later and change the image in the user/config/site.yml. ## ICONS This theme includes over 360 fontawesome icons. To use an icon go to [Fontawesome](http://fontawesome.io/3.2.1/icons/) website and click on the desired icon to find the appropriate tag. ## QUOTING Sometimes a link isn't enough, you want to quote someone on what they've said. It was probably very wisdomous. Is wisdomous a word? Find out in a future release when I introduce spellcheck! For now - it's definitely a word. > Wisdomous - it's definitely a word. Hossain Mohd Faysal ## READY FOR A BREAK? Throw 4 or more dashes down on any new line and you've got yourself a fancy new divider. Aw yeah. --- That should be enough to get you started. Have fun - and let us know what you think [@getgrav](https://twitter.com/getgrav). All content copyright [Your Name](https://blog.logicark.ai) © All rights reserved. Proudly published with [Grav](https://jekyllrb.com/) [ ](https://twitter.com/getgrav) [ ](https://plus.google.com/+getgrav) [ ](https://instagram.com/getgrav) [ ](https://github.com/getgrav) [ ](https://facebook.com/getgrav) --- ## Navigation - Parent: [Latest Posts](https://blog.logicark.ai/index.md) - Next: [Sample Quotation Post](https://blog.logicark.ai/blog/2014-01-08-a-quotation.md)