Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta charset="utf-8" />
- <title>BGJUG WebPage</title>
- <style>
- html, body {
- height:100%;
- }
- div.main {
- padding: 0 200px;
- height:100%;
- }
- h1 {
- margin-left: 50px;
- font-family: sans-serif;
- color: rgba(104, 91, 84, 1);
- padding-bottom: 50px;
- }
- header {
- border-bottom: 1px solid rgba(217, 153, 153, 0.4);
- }
- nav ul li {
- display: inline;
- text-transform: uppercase;
- font-family: sans-serif;
- color: rgba(140, 130, 120, 1);
- padding-right: 77px;
- }
- nav ul li input {
- float: right;
- margin: 0 30px;
- }
- aside#left ul li a, li {
- list-style: none;
- text-decoration: none;
- padding-top: 10px;
- }
- aside#left {
- float:left;
- width:250px;
- }
- aside {
- margin: 90px 0;
- width: 230px;
- border-top: 1px solid rgba(217, 153, 153, 0.4);
- }
- aside#rightSide {
- /*float: right;*/
- border: none;
- width: 20%;
- }
- aside#rightSide #s {
- border-bottom: 1px solid rgba(217, 153, 153, 0.4);
- }
- aside#rightSide #s a {
- color: rgba(140, 130, 120, 1);
- text-transform: uppercase;
- text-decoration: none;
- }
- aside#rightSide li:last-child {
- padding-top: 24px;
- }
- section {
- margin-left: 35px;
- width: 55%;
- float:left;
- margin-top:75px;
- }
- section h1 {
- margin: 0;
- padding: 10px 0;
- font-size: 26px;
- color: black;
- }
- article>header{
- border:none;
- }
- article footer span#bold, time {
- font-weight:bold;
- text-transform:uppercase;
- }
- article > footer {
- color: rgba(140, 130, 120, 1);
- }
- p.blue {
- color:blue;
- }
- p.blue2 {
- color: blue;
- border-bottom: 1px solid rgba(217, 153, 153, 0.4);
- padding-bottom:20px;
- }
- a#prevEntr {
- text-decoration: none;
- position: relative;
- top: 15px;
- }
- /*div.head {
- color: rgba(140, 130, 120, 1);
- font-style:italic;
- }
- footer>div.body {
- background-color:black;
- }*/
- div.main > footer {
- margin-top: 50px;
- height: 30%;
- background-color:black;
- }
- /*footer > div.head {
- width: 100%;
- height: 1%;
- text-indent: 40px;
- }
- div.footer {
- color:white;
- }*/
- td[colspan="5"] {
- background-color: white;
- color: rgba(140, 130, 120, 1);
- font-style: italic;
- text-indent: 40px;
- vertical-align:bottom;
- border:none;
- }
- td>h1, td {
- padding:0;
- margin:0;
- vertical-align:top;
- }
- table {
- width: 100%;
- height: 90%;
- color:white;
- font-family:Arial;
- }
- .tags {
- text-transform:uppercase;
- font-weight:bold;
- }
- td {
- width:50px;
- }
- td li>a {
- color:white;
- text-decoration:none;
- font-weight:bold;
- }
- span.bolded {
- font-weight:bold;
- }
- table h1 {
- color:white;
- }
- div#additional {
- color: rgba(140, 130, 120, 1);
- font-style: italic;
- text-indent: 40px;
- position:relative;
- bottom:10%;
- }
- td#left {
- padding-right:10px;
- }
- </style>
- </head>
- <body>
- <div class="main">
- <header>
- <h1>BGJUG - Bulgarian Java User Group</h1>
- <nav>
- <ul>
- <li>about</li>
- <li>events</li>
- <li>contacts</li>
- <li><input type="text" placeholder="Search" /></li>
- </ul>
- </nav>
- </header>
- <aside id="left">
- <ul>
- <li><a href="#">An Architecture for E-Voting</a></li>
- <li><a href="#">Integration Tests for External Services</a></li>
- <li><a href="#">Algorithmix Music Influenced by Tweets</a></li>
- <li><a href="#">The Low Quality of Scientific Code</a></li>
- <li><a href="#">Development "Methodologies"</a></li>
- </ul>
- </aside>
- <section>
- <article>
- <header>
- <h1>An Architecture for E-Voting</h1>
- </header>
- <footer>
- by <span id="bold">Bozho</span> on <time>May 27, 2014</time> <span id="bold">leave a comment</span>
- </footer>
- <p>
- E-Voting is a hot topic in my country, and has been discussed
- a lot everywhare. Since we are already using the internet and touch-screen
- technologies in our everyday lives, why not apply that to voting? And not for the sake of technologie
- itself, but in order to prevent technical mistakes and
- and election fraud, and make [...]
- </p>
- <p class="blue">Continue Reading →</p>
- </article>
- <article>
- <header>
- <h1>The Optional Type API</h1>
- </header>
- <footer>
- by <span id="bold">Bozho</span> on <time>March 19, 2014</time> <span id="bold">leave a comment</span>
- </footer>
- <p>
- Java 8 introduces the Optional class. In a nutshell, instead
- of returning null, and them checking for null, you return an Optional instance, which can either
- have or not have a velue set. That way you don't fail with
- NullPointerExeption. I won't discuss whether the Optional type will
- eliminate NPEs completely (it won't). Instead I'll [..]
- </p>
- <p class="blue2">Continue Reading →</p>
- </article>
- <a id="prevEntr" href="#">Previous Entries</a>
- </section>
- <aside id="rightSide">
- <ul>
- <li id="s"><a href="#">Language</a></li>
- <li>
- <select name="language">
- <option value="bulgaria">Bulgarian</option>
- <option value="english">English</option>
- <option value="spanish">Spanish</option>
- </select>
- </li>
- <li id="s"><a href="#">Blogroll</a></li>
- </ul>
- </aside>
- <footer>
- <div id="additional">Set your Twitter account name in your settings to use the TwitterBar Section.</div>
- <table cellspacing="0">
- <tbody>
- <!--<tr>
- <td colspan="5">
- </td>
- </tr>-->
- <tr>
- <td rowspan="2">
- <h1>BGJUG - Java Bulgarian User Group</h1>
- </td>
- <td class="tags">pages</td>
- <td class="tags">the latest</td>
- <td class="tags">more</td>
- <td rowspan="2">© 2011 BGJUG - Java Bulgarian User Group</td>
- </tr>
- <tr>
- <td>
- <ul>
- <li><a href="#">About</a></li>
- <li><a href="#">Events</a></li>
- <li><a href="#">Contacts</a></li>
- </ul>
- </td>
- <td id="left">
- <span class="bolded">An Architecture for E-Voting<br /></span>
- E-Voting is a hot topic in my country, and has been discussed [...]
- </td>
- <td>
- Thans for dropping by! Feel free to join the discussion by leaving
- comments, and stay updated by subscribing to the <span class="bolded">RSS feed</span>
- </td>
- </tr>
- </tbody>
- </table>
- <!--<div class="head">
- Set your Twitter account name in your settings to use the TwitterBar Section.
- </div>
- <div class="body">
- <div class="footer">
- <h1>BGJUG - Java Bulgarian User Group</h1>
- </div>
- <div class="footer">
- <h4>Pages</h4>
- <ul class="pages">
- <li>About</li>
- <li>Events</li>
- <li>Contacts</li>
- </ul>
- </div>
- <div class="footer">
- <h4>The latest</h4>
- <dl>
- <dt>
- An Architecture for E-Voting
- </dt>
- <dd>
- E-voting is a hot topic in my country, and has been discussed [...]
- </dd>
- </dl>
- </div>
- </div>-->
- </footer>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement