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
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. 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 div class=”topbox-blue”
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