BlackSpring

BlackSpring is fully compatible with:

  • Internet Explorer 6+
  • Firefox 2+
  • Opera 9+

BlackSpring is a free, W3C-compliant, CSS-based website template. This template is released under the Creative Commons Attribution 2.5 License, which means that you are free to use and modify it for any purpose without altering the credits at the bottom.

This is an open source template, which means that you are free to use it in any way you want to without any obligations. If you decide to use this template, I kindly ask you to leave the "Design by FlopSoft Inc." link in the footer.

Please feel free to contact me at thatsasif@hotmail.com for any queries.

Important message
Please donate me some $ which will be very helpful for further developments.

Blockquote & Code...

Blockquote

This is an example of BLOCKQUOTE element.

In this example you can see that the content is not given the "postcontent" class. Hence is does not have the page curl effect like the one in the above post. Instead of "postcontent" it has given "padleft" class to pad it 10px to left to be in a straight line.

Code

code-sample { font-weight: bold; font-style: italic; }

List Examples with 3 Columns

This is a three cloumn example. This is a link example. This column is having a width of 40%, while to other 2 columns are having width of 25%.The other 2 columns are having list examples.

An Image float example within one column of the three columns. This image is having left float. You can also have an image float with right side.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ordered List


Unordered List

Definition List

DefList DT
DefList DT
DefList DD
DefList DD
DefList DT
DefList DT
DefList DD
DefList DT

Image Alignments

Left Aligned Image.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Center Aligned Image.

Right Aligned Image.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Form Example


Table Example

Date Forum Last Post
00/00/2008 Lorem ipsum dolor sit amet Duis aute irure dolor in reprehenderit in voluptate
00/00/2008 Lorem ipsum dolor in reprehenderit in voluptate
00/00/2008 dolor sit amet Duis aute irure
00/00/2008 Lorem ipsum dolor sit amet Duis aute irure dolor in reprehenderit

Heading Examples

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5