KONoLa

index.html

<div id="main" class="container-fluid">
  <div class="row">
    <div class="col-sm-12">

      <h1 class="text-center heading">Molana Tariq Jameel</h1>
      </div>
  </div>
  <div class="row">
    <div class="col-sm-12">
  <h4 class="heading  text-center">The Man who changes Millions of Lives</h4>
      </div>
  </div>
  <div class="row">
    <div class="col-sm-12">
<div class="image rounded">
  <img src="https://www.parhlo.com/wp-content/uploads/2017/07/Tariq-Jameel.jpg.pagespeed.ce_.kO4ekhmZ0t.jpg" alt="Molana Tariq Jameel" class=" img-fluid" >
  <p class="caption h4 text-center">Maulana Tariq Jameel, is a Pakistani religious and Islamic scholar and preacher.</p>
      </div>
    </div>  
</div>
  <div class="card" style="">
  <div class="card-block">
    <h3 class="card-title">Early Life</h3>
    <p class="card-text">Maulana Tariq Jameel Was Born in 1953. He is an Islamic Scholar From Pakistan.  His native town is Tulambah near Mian Channuin Punjab. His Father Was An Agriculturist Who Belonged To The Muslim Rajputs Community. </p>
    <a href="http://infomaulanatariqjameel.blogspot.com/2013/02/biography-information-address-email.html" class="">Click here for more details about his early life</a>
  </div>
</div>
  <div class="card" style="">
  <div class="card-block">
    <h3 class="card-title">Education</h3>
    <p class="card-text">After Completing His higher secondary school education in Pre-Medical (Equivalent To A 'Levels') from Government College, Lahore, He took admission in King Edward Medical College in Lahore. He intended to do his M.B.B.S., but he soon switched to islamic education. He then went on to receive islamic education from Jamia Arabia, Raiwind (near Lahore), Pakistan where he studied Quran, Hadith, Sharia, Tasawwuf, Logic And Fiqh.</p>
    <a href="http://locations.feeddigest.com/Jamia_Arabia" class="">Click here to view photos of Jamia Arabia</a>
  </div>
</div>
  <div class="card" style="">
  <div class="card-block">
    <h3 class="card-title">CAREER AS A SCHOLAR</h3>
    <p class="card-text">During his life in a hostel in Lahore, Maulana went through a spiritual revival. It was primarily due to the group members of a Tablighi Jamaat who he spent time. He got accustomed to their company became a regular in their gathering during his college. Maulana Tariq Jameel has always had an eye for knowledge. In order to embrace knowledge to its maximum potential and research on the core, outlining terms, Maulana learned the Arabic language. He mastered the Arabic dialect and quenched his thirst for research.</p>
    <p> As a religious scholar, Maulana Tariq Jameel actively delivers speeches and lectures. He encourages many people to follow Islamic and the values our religion sheds light on. He has compiled the Islamic beliefs into practical ways for every Muslim and it continues to serve as a comprehensive guide for anyone looking for guidance.
Maulana Tariq Jameel’s take on faith is a non-political and non-sectarian one. He defies all conflicting beliefs and assertively proclaims that the religion is for all. For the same cause, Maulana has traveled the world far wide preaching the beautiful message of Islam. By now, he has delivered thousands of lectures and inspired millions of people across the globe. </p>
    <a href="https://www.parhlo.com/maulana-tariq-jameel/" class="">view more details</a>
  </div>
</div>
  
  <div class="card" style="">
  <div class="card-block">
    <h3 class="card-title">RISE TO POPULARITY</h3>
    <p class="card-text">Tariq Jameel is supremely admired for his lectures and his modest lifestyle. He is a very simple man and does not boast off his abilities and honors. He holds a respectable reputation in the hearts of millions of Muslim because he is a perfect depiction of what our religion Islam teaches us to be like. It is, if today’s culture has a man who perfectly fits the custom and merit of Islam, Tariq Jameel finishes along the lines.

He has a unique style of explaining Islamic teachings to people who attend his lectures. His heartfelt emotions are often depicted into his lectures which strike an emotional and passionate nerve with people listening to him. Maulana Tariq Jameel’s style is eloquent and distinctive in nature. He always explains the purpose of human life on earth and the earthly creations. He always takes references of science to support his points. Whether it be any kind of community, Maulana Tariq Jameel is well respected. He has delivered lectures to many businessmen, landlords, government officials, athletes, celebrities, politicians and etc. He has inspired many famous people towards the path of faith as well.</p>
    <a href="https://www.parhlo.com/maulana-tariq-jameel/" class="">view more details</a>
  </div>
</div>
  
  <div class="card" style="">
  <div class="card-block">
    <h3 class="card-title">FAMOUS PEOPLE INFLUENCED BY HIM</h3>
    <p class="card-text">His ability to turn the hearts of many is praised. He taught famous Pakistani cricketers. The likes of Saeed Anwar, Mohammad Yousuf – who was previously a Christian – Inzamam-ul-Haq, Saqlain Mushtaq, Saleem Malik and Mushtaq Ahmed are some of the famous sports personalities who have had a spiritual revival, all thanks to Maulana Tariq Jameel. He was also an inspiration to the late Junaid Jamshed. The singer turned evangelist went through his spiritual revival by the help of Tariq Jameel.

Pakistani actress Veena Malik also sought her spiritual revival with the help of Maulana. He brought a positive change in her life after she was supposedly found astray in her life. She claimed to quit the showbiz industry and married Asad Khattak, which were significant changes that she brought in life. Many reports suggest that Maulana Tariq Jameel advised PTI Chairman Imran Khan as well. He requested him to conduct his “Azadi March” in the most peaceful way possible. Imran Khan was greatly influenced by Maulana and decided to change the name of his protest from “Tsunami March” to “Azadi March”.

Maulana Tariq Jameel has always been working close with the government for the Tableeghi arrangements. He invited Prime Minister Nawaz Sharif to participate in a Tableeghi Ijtima held once in Raiwind Markaz. Maulana Tariq Jameel’s lectures are available online in many outlets.</p>
    <img src="https://i.ytimg.com/vi/xFuDNAY0eGA/maxresdefault.jpg" class="img-thumbnail" alt="Saeed Anwar">
    
    <img src="https://i.ytimg.com/vi/rtwupazN6Pw/maxresdefault.jpg" class="img-thumbnail" alt="Mohammad Yousaf">
    <img src="http://i.vimeocdn.com/video/423548246_1280x720.jpg" class="img-thumbnail" alt="Junaid Jamshaid">
    
    
  </div>
</div>
  <div class="card" style="">
  <div class="card-block">
    <h3 class="card-title">Important Links</h3>
   <!-- Add font awesome icons -->
<a href="https://www.facebook.com/mullanatariqjameel/" class="fa fa-facebook"></a>
<a href="https://plus.google.com/communities/115077941438743299086" class="fa fa-twitter"></a>
<a href="https://plus.google.com/communities/115077941438743299086" class="fa fa-google"></a>
<a href="https://www.youtube.com/channel/UCQC-J2WZ2Qoy2H_pwcF4eoQ" class="fa fa-youtube"></a>
</div>
  </div>
  <p style="color:white">Written and coded by <a href="https://codepen.io/Zubair_Ahmed">Zubair Ahmed.</a></p>

konola.markdown

KONoLa

A Pen by abdurraufahmad on CodePen.

License.

style.css

body {
  margin: 0px;
  padding: 20px;
  background-color: white;
}

#main {
   background-color: slateblue;
  padding-bottom: 20px;
}
.heading {
    font-family: Candara, Monospace;
    color: white;    
}
#main-heading {
  margin-top: 20px;
  color: white;
  
}

.image{
    text-align:center;
    margin:10px auto; 
    color: darkslateblue;
    background-color: white;
    
    }
.card {
  color: darkslateblue;
  font-family: Candara, Monospace;
  padding: 10px 10px 10px 20px;
  margin-top: 4px;
  text-align:justify;
}
.caption{
  padding: 0px 0px 10px 0px;
}
.fa {
  padding: 20px;
  font-size: 30px;
  width: 70px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
}
.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />