API tools faq
paste
Advertisement
DJ_Zoning

BGJUG WebPage

DJ_Zoning
Jun 26th, 2014
83
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.49 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.     <meta charset="utf-8" />
  6.     <title>BGJUG WebPage</title>
  7.     <style>
  8.         html, body {
  9.             height:100%;
  10.         }
  11.         div.main {
  12.             padding: 0 200px;
  13.             height:100%;
  14.         }
  15.  
  16.         h1 {
  17.             margin-left: 50px;
  18.             font-family: sans-serif;
  19.             color: rgba(104, 91, 84, 1);
  20.             padding-bottom: 50px;
  21.         }
  22.  
  23.         header {
  24.             border-bottom: 1px solid rgba(217, 153, 153, 0.4);
  25.         }
  26.  
  27.         nav ul li {
  28.             display: inline;
  29.             text-transform: uppercase;
  30.             font-family: sans-serif;
  31.             color: rgba(140, 130, 120, 1);
  32.             padding-right: 77px;
  33.         }
  34.  
  35.             nav ul li input {
  36.                 float: right;
  37.                 margin: 0 30px;
  38.             }
  39.  
  40.         aside#left ul li a, li {
  41.             list-style: none;
  42.             text-decoration: none;
  43.             padding-top: 10px;
  44.         }
  45.         aside#left {
  46.             float:left;
  47.             width:250px;
  48.         }
  49.  
  50.         aside {
  51.             margin: 90px 0;
  52.             width: 230px;
  53.             border-top: 1px solid rgba(217, 153, 153, 0.4);
  54.         }
  55.  
  56.             aside#rightSide {
  57.                 /*float: right;*/
  58.                 border: none;
  59.                 width: 20%;
  60.             }
  61.  
  62.                 aside#rightSide #s {
  63.                     border-bottom: 1px solid rgba(217, 153, 153, 0.4);
  64.                 }
  65.  
  66.                     aside#rightSide #s a {
  67.                         color: rgba(140, 130, 120, 1);
  68.                         text-transform: uppercase;
  69.                         text-decoration: none;
  70.                     }
  71.  
  72.                 aside#rightSide li:last-child {
  73.                     padding-top: 24px;
  74.                 }
  75.  
  76.         section {
  77.             margin-left: 35px;
  78.             width: 55%;
  79.             float:left;
  80.             margin-top:75px;
  81.         }
  82.             section h1 {
  83.                 margin: 0;
  84.                 padding: 10px 0;
  85.                 font-size: 26px;
  86.                 color: black;
  87.             }
  88.             article>header{
  89.                 border:none;
  90.             }
  91.             article footer span#bold, time {
  92.                 font-weight:bold;
  93.                 text-transform:uppercase;
  94.             }
  95.         article > footer {
  96.             color: rgba(140, 130, 120, 1);
  97.         }
  98.         p.blue {
  99.             color:blue;
  100.         }
  101.         p.blue2 {
  102.             color: blue;
  103.             border-bottom: 1px solid rgba(217, 153, 153, 0.4);
  104.             padding-bottom:20px;
  105.         }
  106.         a#prevEntr {
  107.             text-decoration: none;
  108.             position: relative;
  109.             top: 15px;
  110.         }
  111.         /*div.head {
  112.             color: rgba(140, 130, 120, 1);
  113.             font-style:italic;
  114.         }
  115.         footer>div.body {
  116.             background-color:black;
  117.         }*/
  118.         div.main > footer {
  119.             margin-top: 50px;
  120.             height: 30%;
  121.             background-color:black;
  122.         }
  123.         /*footer > div.head {
  124.             width: 100%;
  125.             height: 1%;
  126.             text-indent: 40px;
  127.         }
  128.         div.footer {
  129.             color:white;
  130.         }*/
  131.         td[colspan="5"] {
  132.             background-color: white;
  133.             color: rgba(140, 130, 120, 1);
  134.             font-style: italic;
  135.             text-indent: 40px;
  136.             vertical-align:bottom;
  137.             border:none;
  138.         }
  139.         td>h1, td {
  140.             padding:0;
  141.             margin:0;
  142.             vertical-align:top;
  143.            
  144.         }
  145.         table {
  146.             width: 100%;
  147.             height: 90%;
  148.             color:white;
  149.             font-family:Arial;
  150.         }
  151.         .tags {
  152.             text-transform:uppercase;
  153.             font-weight:bold;
  154.         }
  155.         td {
  156.             width:50px;
  157.         }
  158.         td li>a {
  159.             color:white;
  160.             text-decoration:none;
  161.             font-weight:bold;
  162.         }
  163.         span.bolded {
  164.             font-weight:bold;
  165.         }
  166.         table h1 {
  167.             color:white;
  168.         }
  169.         div#additional {
  170.             color: rgba(140, 130, 120, 1);
  171.             font-style: italic;
  172.             text-indent: 40px;
  173.             position:relative;
  174.             bottom:10%;
  175.         }
  176.         td#left {
  177.             padding-right:10px;
  178.         }
  179.     </style>
  180. </head>
  181. <body>
  182.     <div class="main">
  183.         <header>
  184.             <h1>BGJUG - Bulgarian Java User Group</h1>
  185.             <nav>
  186.                 <ul>
  187.                     <li>about</li>
  188.                     <li>events</li>
  189.                     <li>contacts</li>
  190.                     <li><input type="text" placeholder="Search" /></li>
  191.                 </ul>
  192.             </nav>
  193.         </header>
  194.         <aside id="left">
  195.             <ul>
  196.                 <li><a href="#">An Architecture for E-Voting</a></li>
  197.                 <li><a href="#">Integration Tests for External Services</a></li>
  198.                 <li><a href="#">Algorithmix Music Influenced by Tweets</a></li>
  199.                 <li><a href="#">The Low Quality of Scientific Code</a></li>
  200.                 <li><a href="#">Development "Methodologies"</a></li>
  201.             </ul>
  202.         </aside>
  203.         <section>
  204.             <article>
  205.                 <header>
  206.                     <h1>An Architecture for E-Voting</h1>
  207.                 </header>
  208.                 <footer>
  209.                     by <span id="bold">Bozho</span> on <time>May 27, 2014</time> <span id="bold">leave a comment</span>
  210.                 </footer>
  211.                 <p>
  212.                     E-Voting is a hot topic in my country, and has been discussed
  213.                     a lot everywhare. Since we are already using the internet and touch-screen
  214.                     technologies in our everyday lives, why not apply that to voting? And not for the sake of technologie
  215.                     itself, but in order to prevent technical mistakes and
  216.                     and election fraud, and make [...]
  217.                 </p>
  218.                 <p class="blue">Continue Reading →</p>
  219.             </article>
  220.             <article>
  221.                 <header>
  222.                         <h1>The Optional Type API</h1>
  223.                     </header>
  224.                     <footer>
  225.                         by <span id="bold">Bozho</span> on <time>March 19, 2014</time> <span id="bold">leave a comment</span>
  226.                     </footer>
  227.                     <p>
  228.                         Java 8 introduces the Optional class. In a nutshell, instead
  229.                         of returning null, and them checking for null, you return an Optional instance, which can either
  230.                         have or not have a velue set. That way you don't fail with
  231.                         NullPointerExeption. I won't discuss whether the Optional type will
  232.                         eliminate NPEs completely (it won't). Instead I'll [..]
  233.                     </p>
  234.                     <p class="blue2">Continue Reading →</p>
  235.             </article>
  236.             <a id="prevEntr" href="#">Previous Entries</a>
  237.         </section>
  238.         <aside id="rightSide">
  239.             <ul>
  240.                 <li id="s"><a href="#">Language</a></li>
  241.                 <li>
  242.                     <select name="language">
  243.                         <option value="bulgaria">Bulgarian</option>
  244.                         <option value="english">English</option>
  245.                         <option value="spanish">Spanish</option>
  246.                     </select>
  247.                 </li>
  248.                 <li id="s"><a href="#">Blogroll</a></li>
  249.             </ul>
  250.         </aside>
  251.         <footer>
  252.             <div id="additional">Set your Twitter account name in your settings to use the TwitterBar Section.</div>
  253.             <table cellspacing="0">
  254.                 <tbody>
  255.                     <!--<tr>
  256.                        <td colspan="5">
  257.                            
  258.                        </td>
  259.                    </tr>-->
  260.                     <tr>
  261.                         <td rowspan="2">
  262.                             <h1>BGJUG - Java Bulgarian User Group</h1>
  263.                         </td>
  264.                         <td class="tags">pages</td>
  265.                         <td class="tags">the latest</td>
  266.                         <td class="tags">more</td>
  267.                         <td rowspan="2">&copy; 2011 BGJUG - Java Bulgarian User Group</td>
  268.                     </tr>
  269.                     <tr>
  270.                         <td>
  271.                             <ul>
  272.                                 <li><a href="#">About</a></li>
  273.                                 <li><a href="#">Events</a></li>
  274.                                 <li><a href="#">Contacts</a></li>
  275.                             </ul>
  276.                         </td>
  277.                         <td id="left">
  278.                            
  279.                             <span class="bolded">An Architecture for E-Voting<br /></span>
  280.                             E-Voting is a hot topic in my country, and has been discussed [...]
  281.                            
  282.                         </td>
  283.                         <td>
  284.                             Thans for dropping by! Feel free to join the discussion by leaving
  285.                             comments, and stay updated by subscribing to the <span class="bolded">RSS feed</span>
  286.                         </td>
  287.                     </tr>
  288.                 </tbody>
  289.             </table>
  290.             <!--<div class="head">
  291.                Set your Twitter account name in your settings to use the TwitterBar Section.
  292.            </div>
  293.            <div class="body">
  294.                <div class="footer">
  295.                    <h1>BGJUG - Java Bulgarian User Group</h1>
  296.                </div>
  297.                <div class="footer">
  298.                    <h4>Pages</h4>
  299.                    <ul class="pages">
  300.                        <li>About</li>
  301.                        <li>Events</li>
  302.                        <li>Contacts</li>
  303.                    </ul>
  304.                </div>
  305.                <div class="footer">
  306.                    <h4>The latest</h4>
  307.                    <dl>
  308.                        <dt>
  309.                            An Architecture for E-Voting
  310.                        </dt>
  311.                        <dd>
  312.                            E-voting is a hot topic in my country, and has been discussed [...]
  313.                        </dd>
  314.                    </dl>
  315.                </div>
  316.            </div>-->
  317.         </footer>
  318.     </div>
  319. </body>
  320. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!