Hi, there this document is dedicated to document how we can make our web presence. Having a website rather than I should say a document where I can write down all the problems faced during the process and howto's will definitely help me to achieve the end goal. The documentation on web is like super-cool thing because when my beard (I love my beard) starts turning white even that point of time I can look back into my pages and recollect How to Do Almost Anythin!

Writing document is easy if you keep track of all the activities that you are doing and formulating them onto a paper which I can preserve longer... yes! longer till my last breath.

Yeah, It's web. To put your document on web you should make a document which is web friendly and that's web-page.

So, will now look at what's the web-page? for this I searched the thing on Google and this is what I got "A hypertext document connected to the World Wide" Web.. Perfect it's a special document written in the special languages, it's language but not programming. It's a descriptive language which tells the web-browser how to display the page to user.

During the pre-FabAcademy week I learned about Markdown which is a language for the writing webpages in ease with the plain text, and in more user friendly way. Is a tool for web writers. Markdown allows you to write using an easy-to-read, easy-to-write plain text format, then convert it to structurally valid XHTML (or HTML).

Now, I will write down the steps I used to document the process. Step 1: Install the Atom/Brackets which I use as an IDE for generating and tweaking all the files present in repository. Both of them capable of highlighting the loads of syntaxes available out there! One of them is HTML & MARDOWN which I'm going to use for the documentation.

Step 2: Once installed open up the software in my case it will be always Atom. (I fought with Fransisco about the super-cool Bracket and it's features, but I really fell in Love with Atom which is Super fast I've observed no jitter while writing Documents)

Step 3: Create a file from File Menu and give add the extension .md / .markdown to it, way easy! now to write the document there are syntaxes all of then are mentioned in Markdown cheat-sheet so, let's get started.

Step 4: When I done with the document, hit ctr+shift+m to have a look at your web-page live in the Atom.

Step 5: Now let's save the document and get the web friendly output file, which is with the extension .html. In, previewing page write click and hit the option Copy as HTML this will copy the whole document in the clipboard with the formating you same as your preview. Go ahead and paste it into the blank document, and don't forget to add .html extension to the file with the file name you desired.

Ref: Github forum

Ref: JSfiddle

Ref: TinyPng

• Bootstrap - Base CSS
• Bootstrap Grid - How it works
• Bootstrap -Scaffolding
• Color Picker