Tribute Page

index.html

<div class="container-fluid">
 <div class="container text-center">
  <div class="row">
   <!--Top image-->
   <div class="card rounded" id="card-image">
    <h2 class="card-title">René Favaloro</h2>
    <img src="http://res.cloudinary.com/dzlmilfku/image/upload/v1495335864/favaloro_snzfz3.jpg" alt="Rene Favaloro at his office" class="card-img img-responsive rounded" />
   </div>

   <!--Rene's bibliography-->
   <div class="card">
    <h4 class="card-title"></h4>
    <p class="card-text text-justify">René Gerónimo Favaloro (La Plata, July 12, 1923 - Buenos Aires, July 29, 2000) was a prestigious Argentine educator and heart surgeon, known worldwide for being the one who developed the coronary batiste with the use of a saphenous vein.<br />The
     first bypass was performed on neck arteries by the Argentine neurosurgeon Alfredo Carrea in 1951, in Buenos Aires. Favaloro and his brother endeavored to improve the general level of health in what was then a remote region. They trained and educated
     the general public, teachers, and nurses and improved health-care delivery. They equipped the town with an operating room, X-ray and improved the laboratory thereby providing essential surgical and diagnostic tools.
    </p>
   </div>

   <!--Rene's foundation-->
   <div class="card">
    <h4 class="card-title">Favaloro Foundation</h4>
    <p class="card-text text-justify">In 1975, Favaloro founded the Favaloro Foundation, along with other collaborators, which is also a training center where students from different parts of the world study and where every two years the Cardiology congress is held for the Consultant.<br
     />In 1980 Favaloro created the Laboratory of Basic Research, maintaining it with own money for a long time, dependent of the Department of Research and Teaching of the Foundation Favaloro. Subsequently, it became the Basic Sciences Research Institute
     of the University Institute of Biomedical Sciences. This was the basis of the creation, in August 1998, of Favaloro University.<br />In 1992, the Institute of Cardiology and Cardiovascular Surgery of the Favaloro Foundation, a non-profit organization,
     was inaugurated in Buenos Aires. With the motto "advanced technology at the service of medical humanism", we offer highly specialized services in cardiology, cardiovascular surgery and cardiac, pulmonary, cardiopulmonary, hepatic, renal and bone
     marrow transplantation, as well as other areas. Favaloro concentrated his task there, surrounded by a select group of professionals leaving the Güemes Sanatorium.
    </p>
   </div>

   <!--Recognition and distinction-->
   <div class="card">
    <h4 class="card-title">Recognitions and distinctions</h4>
    <div class="card-text text-justify">
     <p>Favaloro participated in several societies, was active member in twenty-six, corresponding member in four and honorary of other forty-three. He received several awards throughout his career, among which are:</p>
     <div class="list-group text-justify">
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The John Scott Award of 1979</h4>
       </div>
       <p class="mb-1">Awarded by the City of Philadelphia (United States).</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The creation of the Chair of Cardiovascular Surgery "Dr René G. Favaloro"</h4>
       </div>
       <p class="mb-1">Tel Aviv University, Israel, 1980.</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The distinction of the Conchita Rábago Foundation</h4>
       </div>
       <p class="mb-1">Giménez Díaz (Madrid, Spain, 1982).</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The Argentine Medicine Master Award 1986</h4>
       </div>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The Distinguished Alumnus Award of the Cleveland Clinic Foundation 1987</h4>
       </div>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The Gairdner Foundation International Award</h4>
       </div>
       <p class="mb-1">Awarded by the Gairdner Foundation (Toronto, Canada, 1987).</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The René Leriche Prize of 1989</h4>
       </div>
       <p class="mb-1">Granted by the International Society of Surgery.</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The Gifted Teacher Award</h4>
       </div>
       <p class="mb-1">Awarded by the American College of Cardiology (1992).</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The Golden Plate Award of the American Academy of Achievement (1993)</h4>
       </div>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The Konex Brilliant Award for Science and Technology</h4>
       </div>
       <p class="mb-1">Awarded by the Konex Foundation in 1993.</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">Doctor Honoris Causa</h4>
       </div>
       <p class="mb-1">By the Faculty of Health Sciences of the National University Pedro Henríquez Ureña (UNPHU) in 1993.</p>
      </div>
      <div class="list-group-item align-items-start">
       <div class="d-flex w-100">
        <h5 class="mb-1">The Prince Mahidol Prize</h4>
       </div>
       <p class="mb-1">Awarded by His Majesty the King of Thailand (Bangkok, Thailand, 1999).</p>
      </div>
     </div>
    </div>
   </div> 
   
   <!--Rene's quotes-->   
   <div class="card-deck">
    <div class="card">
     <div class="card-block">
      <p><i class="fa fa-quote-left"></i>Advances in medicine and bioengineering can be considered true achievements for humanity when all people have access to its benefits and cease to be a privilege for minorities.</p>
      <p align="right"><em>-Message from René Favaloro at Congress of Bioengineering, Buenos Aires, Argentina, 1999</em></p>
     </div>
    </div>
    <div class="card">
     <div class="card-block">
      <p><i class="fa fa-quote-left"></i>The time to work with true humility and modesty has come. We must learn not to get dizzy with the heights of the mountain. In the mountain of life the summit is never reached.</p>
      <p align="right"><em>-Message from René Favaloro to the students gathered at Glacier Park Lodge, Montana, United States, 1993</em></p>
     </div>
    </div>
    <div class="card">
     <div class="card-block">
      <p><i class="fa fa-quote-left"></i>In my opinion, what we should be most concerned with is reawakening the essential humanistic values in children and teenagers, without which do not care their technical or professional training.</p>
      <p align="right"><em>-Message from René Favaloro from "Don Pedro and Education", 1994</em></p>
     </div>
    </div>
   </div>   
  </div>
  
  <br /><br />   
  <!--External info-->
  <h5 class="text-center">Want to know more? Click <a href="https://en.wikipedia.org/wiki/Ren%C3%A9_Favaloro" target="_blanket">Here</a>.</h5>
  <hr></hr>
 
 </div>
</div>
<footer class="text-center">
 <p>Code by <a href="https://github.com/ValentinTapiaTorti" target="_blank">Valentín TT</a>.</p>
</footer>

style.less

@color: #585858;
@comp-background: #F5F3F4;
@background: #A6A6A6;
body,
html {
 height: 100%;
}

body {
 background: @background;
}

.container-fluid {
 margin-top: 40px;
}

.card {
 margin: 0 auto;
 float: none;
 margin-bottom: 10px;
 padding: 10px 10px 10px 10px;
 box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
 background-color: @comp-background;
}

#card-image {
 background: @color;
 color: @comp-background;
}

img {
 width: 100%;
 height: auto;
}

.list-group-item {
 background-color: @comp-background;
 border-color: @comp-background;
}

hr {
 border-color: #262626;
}

styles

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

tribute-page.markdown

Tribute Page

This pen is the first of the Basic Fron-End Development Projects from FreeCodeCamp

A Pen by Valentin on CodePen.

License.