css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv

Pen Settings

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

You're using npm packages, so we've auto-selected Babel for you here, which we require to process imports and make it all work. If you need to use a different JavaScript preprocessor, remove the packages in the npm tab.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Use npm Packages

We can make npm packages available for you to use in your JavaScript. We use webpack to prepare them and make them available to import. We'll also process your JavaScript with Babel.

⚠️ This feature can only be used by logged in users.

Code Indentation

     

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

HTML Settings

Here you can Sed posuere consectetur est at lobortis. Donec ullamcorper nulla non metus auctor fringilla. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

            
              <header class="jumbotron">
  <h1 class="text-center">Marija Jurić Zagorka</h1>
  <h4 class="text-center">First female journalist and a popular literature icon (Croatia)</h4>
</header>
<div class="container">
  <img class="img-responsive img-thumbnail col-xs-12" src="http://www.knjiznica-koprivnica.hr/knjiznica/foto/Zagorka_u_djevojackim_danima.jpg" alt="portrait of a young Zagorka">
  <div class="clearfix"></div>
  <blockquote>
    <em>Nonsense associated with malice is an enormous danger.</em>
    <footer><cite>Zagorka</cite></footer>
  </blockquote>
  <section>
    <h2>Feminist</h2>
    <p class="text-justify">Marija Jurić Zagorka (1873 - 1957) was a Croatian writer and journalist. She was the first female professional journalist and the most widely read Croatian writer. Zagorka was a versatile writer and a person who during her lifetime was ahead of the times in which she lived. She fought against social discrimination, Hungarization and Germanization and women's rights. A well known Bishop Strossmayer was her support in literature and journalistic work and persuaded her in writing novels. She wrote novels for general audience in which elements of national history are interwowen with love story. She wrote discussions on relations between the sexes and studied the subject in her numerous dramas and even turned popular heroines of her novels into a wise political activists. Therefore her novels also represent a social and national protest. Some of her prose works dramatized and filmed. In the period from 1912. till 1953. she wrote and published twenty novels. In a recent newspaper poll Zagorka came second in Croatian writers popularity all-time list.</p>
  </section>
  <blockquote>
    <em>Cough and love can not be hidden. When one tries to hide it, it becomes ridiculous.</em>
    <footer><cite>Zagorka</cite></footer>
  </blockquote>
  <section>
    <h2>Unaccepted by literary peers</h2>
    <p class="text-justify">Unfittable in literary and stylistic matrix of time in which they appeared, Zagorka's works have not been accompanied by any serious positive literary criticism. At the same time readers eagerly anticipated new extensions of novels that were published in newspapers. Also at the urging of the Strossmayer she began writing historical novels and dramas. For readers, however, Zagorka was very popular. Maybe this is why some literary celebrities, at the time, didn't think to kindly of her literary achievements. They even had objection about her work as a journalist. So, the critics didn't value her work and even Zagorka herself didn't think to highly about her own literature. Zagorka's case is almost a textbook example of how, when it comes to literary and artistic values in general, elitist impugnment vs mass acceptance are regularly interdependent factors. She considered herself a journalist and claims that she only wrote novels for propaganda against the German novels in Croatia. At the time when there were few literate people, and to read in Croatia mainly meant to read in German language, many had their first "reading ventures" in Croatian exercised through her popular novels (published in newspapers in regular installments).</p>
  </section>
  <blockquote>
    <em>You are old only when selfpity replaces your dreams.</em>
    <footer><cite>Zagorka</cite></footer>
  </blockquote>
  <section>
    <h2>Modern day popularity</h2>
    <p class="text-justify">Only recently it could be said that her work is given adequate critical acclaim. Perhaps the contemporary awareness of the value Zagorka's value is best expressed by the writer Pavao Pavličić who in the scriptures famous women says: <cite>You're too early in all, and perhaps only this was the right time for you</cite>. Zagorka <cite>"can rightly be regarded as a symbolic figure of Croatian literature"</cite> because, on the one hand, <cite>"none of our writers were so much mocked and despised as she and her literature was"</cite> and the other, <cite>"no Croatian writer was as widely read and loved as she is."</cite> She can be attributed a quality often missing in literature: the ability to create an interesting plot. She knew skillfully how to capture readers through story, keeping them in tension which demanded resolution in the next sequel. Her novels are episodic, full of unexpected twists and puzzles. It seems that for the early 20th century reader, today's version of a soap opera, could be found in the daily newspapers.</p>
  </section>
  <br>
  <h4 class="text-justify">As evidence of todays popularity of Zagorka's work please check out her <a href="https://www.goodreads.com/author/list/964387.Marija_Juri_Zagorka" target="_blank">goodreads.com</a> page</h4>

</div>

<footer class="text-center"><p>Coded by <em>licjeee</em></p></footer>



            
          
!
            
              body {
  background-color: #fff;
}

.container {
  max-width: 50em;
}

.jumbotron {
  background-color: #ffcccc;
}


blockquote {
  position: relative;
  font-size: 1.1em;
  margin: 2em 0 0 0;
  padding: 0.5em 2em 0.5em 3em;
  border-left: 0.6em solid #ffcccc;
}

blockquote:before {
  font-family: Georgia, serif;
  position: absolute;
  content: "\201c";
  color: grey;
  font-size: 4em;
  left: 0.1em;
  top: 0.5em;
  line-height: 0em;
}

blockquote:after {
  font-family: Georgia, serif;
  position: absolute;
  font-size:4em;
  color: grey;
  line-height: 0em;
  right: 0;
  bottom: 0em;
  content: "\201D";
}

footer {
  margin-top: 2em;
}


            
          
!
999px
🕑 One or more of the npm packages you are using needs to be built. You're the first person to ever need it! We're building it right now and your preview will start updating again when it's ready.
Loading ..................

Console