designmodo test

HTML

<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.css">
		<div class="container">

			<div class="row clearfix">
				<div class = "nice">

				<div class="col-md-12 column">

					<div class="well">

					    Welcome ...! 

					    Get you timeline info ...

					</div>

					

					<div class="page-header">

						<h1>

							<small>Get purified for all desease</small>

						</h1>

					</div>

					<div class ="tableClass">

					<table border="0" width="100%">

						<tr>

							<td style="width:75%" valign= "top">

								<p> Muslims believe that the Quran was verbally revealed from God to Muhammad through the angel Gabriel (Jibril), gradually over a period of approximately 23 years, beginning on 22 December 609 CE,[8] when Muhammad was 40, and concluding in 632 CE, the year of his death.[1][9][10] Shortly after Muhammad's death, the Quran was collected by his companions using written Quranic materials and everything that had been memorized of the Quran.[11]



Muslims regard the Quran as the most important miracle of Muhammad, the proof of his prophethood[12] and the culmination of a series of divine messages that started with the messages revealed to Adam and ended with Muhammad. The Quran assumes familiarity with major narratives recounted in the Jewish and Christian scriptures. It summarizes some, dwells at length on others and, in some cases, presents alternative accounts and interpretations of events.[13][14][15] The Quran describes itself as a book of guidance. It sometimes offers detailed accounts of specific historical events, and it often emphasizes the moral significance of an event over its narrative sequence.[16][17] The Quran is used along with the hadith to interpret sharia law.[18] During prayers, the Quran is recited only in Arabic.[19]



Someone who has memorized the entire Quran is called a hafiz. Some Muslims read Quranic ayahs (verses) with elocution, which is often called tajwīd. During the month of Ramadan,...

CSS

.container

			{

				margin: 2% !important;
        position: left;
				font-family: calibri !important;

				font-size: 115%;
				margin: 2%;
				border-color: red !important;
				border-bottom-width: 1px !important;
				border-bottom-left-radius: 10px;

			}
		
			.nice 
			{
				margin: 2%;
				border-color: red !important;
				border-bottom-width: 1px !important;
				border-bottom-left-radius: 10px;
                border-width:2px;

			}			


			.line1 { color: #27ae60;

				background-color: #27ae60;

				height: 1px;

				margin-bottom: 0px;

				margin-top: 0px;

				font-family: calibri;

			}	

			.page-header {

				padding-bottom: 0px;

				margin: 0px 0px 10px;

				border-bottom: 1px solid #EEE;

			}

			h1 small {

				font-family: calibri;

			}

			.page-header > h1{

				margin-bottom: 20px !important;

				margin-top: -1% !important;

			}



			.well {

				min-height: 20px;

				padding: 19px;

				margin-bottom: 20px;

				background-color: #2ecc71;

				border: 1px solid #27ae60;

				border-radius: 4px;

				box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05) inset;

			}

			p {

				margin: 0px 0px 10px;

				text-align: justify;

				padding-right: 2%;

			}