Desanka Maksimović

In this example below you will see how to do a Desanka Maksimović with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by jelenoepic, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright jelenoepic ©

Technologies

  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Desanka Maksimović</title>
  
  
  <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'>

      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"/>
<style>
@import url('https://fonts.googleapis.com/css?family=Aref+Ruqaa');
</style>



<div class="container-fluid text-center tekst">
<div class="naslovi"><div><h1 class="ubuntu h1">DESANKA MAKSIMOVIĆ</h1></div>
  <div class="aref"><h3 class="h3">First lady of serbian poetry</h3></div></div>
<div class="row"> <div class="col-xs-6">
<img class="image-responsive slika" src="https://upload.wikimedia.org/wikipedia/commons/0/02/Desanka_Maksimovi%C4%87_oko_1950..jpg"></div>
  <div class= "strepnja col-xs-6 aref">
    <div class="naslovpjesme">APPREHENSION</div>
    
  <div class="strofa"><div> No… don’t come to me!  
    I want to adore </div>
   <div>and love your two eyes 
    from far, far away. </div>
    
   <div>For, happiness’s beau 
    just while waiting for— </div>
 <div>  when only allusion comes out of its way.
</div></div>
 <div class="strofa"> <div> No… don’t come to me!  There is more allure </div>
 <div>  in waiting with sweet apprehension, fear. </div>
  <div> Just while seeking out everything is pure; </div>
  <div> It’s nicer when just forboding is near.</div></div>
<div class="strofa">
 <div>  No… don’t come to me!  Why that, and what for? </div>
 <div>  Only from afar all stars spark and glee; </div>
 <div>  Only from afar we admire all. </div>
 <div> No… let not your eyes come closer to me.</div></div></div> </div>

<div><ul class="lista ubuntu" style="list-style: none;">
<li><div class="godina">1898 </div>Year of birth</li>
<li><div class="godina">1920 </div>Literature magazine "Misao" published her first poems</li>
<li><div class="godina">1933 </div>Married Sergej Slastikov</li>
<li><div class="godina">1941 </div>She wrote "Krvava bajka" ("Bloody Fairytale") after hearing about Nazi soldiers shot whole class of primary school students</li>
<li><div class="godina">1965</div> Becomes member of SANU (Serbian Academy of Science and Art)</li>
<li><div class="godina">1974 </div>She was awarded with Vuk reward</li>
<li><div class="godina">1984</div>She was awarded with Njegoš reward</li>
<li><div class="godina">1990</div> She got statue in Valjevo</li>
  <li><div class="godina">1993</div> Died at age 95</li></ul></div>

<div class="paragraf aref"><p>Her basic poetry principle was that poetry should be easy to understand, clear, honest, open towards men and life. She mostly wrote love and patriotic poetry.</p></div>
  <div><p class="ubuntu paragraf zadnji">You can find more about her <a href="https://sr.wikipedia.org/wiki/%D0%94%D0%B5%D1%81%D0%B0%D0%BD%D0%BA%D0%B0_%D0%9C%D0%B0%D0%BA%D1%81%D0%B8%D0%BC%D0%BE%D0%B2%D0%B8%D1%9B" target="_blank"> here</a> & <a href="https://en.wikipedia.org/wiki/Desanka_Maksimovi%C4%87" target="_blank"> here</a>.</p></div>
</div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/jelenoepic/desanka-maksimoviandx107-aBajPE */
.ubuntu {font-family: 'Ubuntu', sans-serif;}
.aref {font-family: 'Aref Ruqaa', serif;}
.tekst { color: #C0B283;
background-color: #F4F4F4;
margin: -1px;}
.h1{font-size: 400%;
background-color: #373737;}
.h3{background-color: #373737;}
.naslovi{background-color: #373737;
    padding: 30px;
margin: 60px 10px 10px 10px;}
.slika {width: 50%;
margin: 60px;}
.strepnja{ font-size: 16px;
color:#373737}
.naslovpjesme{margin: 20px;}
.strofa{margin:20px;}
.godina{font-weight: bold;
}
.lista{font-size: 16px;
background-color: #DCD0C0;
  margin: 0px 10px 0px 10px;
color: #373737;
padding: 10px;}
.paragraf{font-size: 20px;
margin: 20px;}
.zadnji{font-size:15px;}

Comments