Code & Guidelines |ForumIAS

For content writing guidelines visit https://forumias.com/blog/guidelines

Note : This page can be edited by content-writers and they can view the page in “text mode” to see how basic html and css code can be written to display content differently./ posts

Use below classes

.content-box-green
.content-box-blue
.content-box-red
.content-box-yellow
.content-box-grey

ForumIAS Academy Students Vaibhav Srivastava, Naveen Reddy, Rishi and Shruti have secured Rank 1 in IFoS 2017, 2018, 2019 and 2022 – four times in a row! They have also secured Rank 2 – 2 times in a row – Abhishek Surana, IFS Rank 2, 2017 and Arushi Mishra, Rank 2, 2018.

Contents

1 Also adding Left highlight boxes example
2 Also adding Top highlight boxes example
3 For Table : Use Table Class -> table-striped table table-responsive
4 Guidelines

Also adding Left highlight boxes example

This is a sample highlight box. How do we highlight it is the challenge. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially uncha. css class=”leftbox-blue”

This is a sample highlight box. How do we highlight it is the challenge. /div class=”leftbox-yellow”>

This is a sample highlight box. How do we highlight it is the challenge. /div class=”leftbox-green”

This is a sample highlight box. How do we highlight it is the challenge. /div class=”leftbox-default”

This is a sample highlight box. How do we highlight it is the challenge. /div class=”leftbox-black”

Also adding Top highlight boxes example

This is a sample highlight box. How do we highlight it is the challenge. class=”topbox-yellow”

This is a sample highlight box. How do we highlight it is the challenge. class=”topbox-green”

This is a sample highlight box. How do we highlight it is the challenge. class=”topbox-default”

This is a sample highlight box. How do we highlight it is the challenge. class=”topbox-black”

For Table : Use Table Class -> table-striped table table-responsive

E.g: Below -> table-striped table table-responsive

Event #	Test / Classroom Session	Release Date / Time
1	Orientation Session on Essay – 101	Tuesday \| July 3 \| 5PM
2	Content Building Class #1	Thursday \| July 12 \| 8AM
3	Essay Test #1	Sunday \| July 15 \| 2PM
4	Content Building Class #2	July 19 \| 8AM
5	Essay Test #2	July 22 \| 2PM
6	Content Building Class #3	July 26 \| 8AM
7	Essay Test #3	July 29 \| 2PM
8	Content Building Class #4	Aug 2 \| 8AM
9	Essay Test #4	Aug 5 \| 2PM
10	Content Building Class #5	Aug 9 \| 8AM
11	Essay Test #5	Aug 12 \| 2PM
12	Content Building Class #6	Aug 23* \| 8AM
13	Essay Test #6	Aug 26 \| 2PM
14	Content Building Class #7	Aug 30 \| 8AM
15	Essay Test #7	Sept 2 \| 2PM
16	Content Building Class #8	Sept 6 \| 8AM
17	Essay Test #8	Sept 9 \| 2PM

For Buttons

The classes that define the different sizes are:

.btn-lg
.btn-md
.btn-sm
.btn-xs

E.g -> btn-primary btn-lg

Labels

E.g -> Usage : Red label Example /* just use class=”redlabel” in span tag */

redlable
bluelabel
greenlabel
orangelabel
teallabel
pinklabel
purplelabel
greylabel

To Embed Any Video Please Follow This Code->

div class=”embed-responsive embed-responsive-16by9″> iframe class=”embed-responsive-item” // Inside This Place Your embed code

E.g ->

Guidelines

Always use h2 tag for sub headings
Do not make things in both bold and block. LIKE THIS.
You can use h3 , h4 , h5 and h6 tags also, but do not make it bold separately. If you do not we will not be able to control the look and feel of the site from code side.
Use the standard boxes to highlight content.

To highlight text use the tag highlighted text here
===========

Code for this effect is written below