Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
- <html>
- <head>
- <title>Center # Test</title>
- <style type="text/css">
- .nc_large_box{
- margin: 5px;
- padding: 3px;
- background-color: #b9b9b9;
- }
- .nc_small_box_wrapperLeft{
- width: 50%;
- float: left;
- }
- .nc_small_box_wrapperRight{
- width: 50%;
- float: left;
- clear: left;
- }
- .nc_small_box{
- padding: 3px;
- margin: 0px 5px 5px 0px;
- background-color: #b9b9b9;
- }
- .nc_notifications{
- display: table;
- width: 100%;
- border-spacing: 0px 5px;
- padding: 0px 5px;
- }
- .nc_notification{
- display: table-row;
- }
- .nc_small_boxes{
- margin: 5px 0px 0px 5px;
- }
- .nc_head{
- display: table-cell;
- font-weight: bold;
- padding: 3px;
- background-color: #b9b9b9;
- }
- .nc_text{
- display: table-cell;
- width: 100%;
- padding: 3px;
- background-color: #b9b9b9;
- }
- </style>
- </head>
- <body>
- <div class="design_content_content">
- <h2>
- Headline
- </h2>
- <div>
- <div class="nc_large_box">
- <h3>
- Headline
- </h3>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
- diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
- erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
- et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
- Lorem ipsum dolor sit amet.
- </div>
- <div class="nc_large_box">
- <h3>
- Headline
- </h3>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
- diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
- erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
- et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est
- Lorem ipsum dolor sit amet.
- </div>
- </div>
- <div class="nc_notifications">
- <div class="nc_notification">
- <span class="nc_head">headline_9:</span><span class="nc_text">Lorem
- ipsum <span style="color:red;">dolor</span> sit amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_56789:</span><span class=
- "nc_text">Lorem ipsum <span style="color:red;">dolor</span> sit
- amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_9:</span><span class="nc_text">Lorem
- ipsum <span style="color:red;">dolor</span> sit amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_uvw123456789:</span><span class=
- "nc_text">Lorem ipsum <span style="color:red;">dolor</span> sit
- amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_123456789:</span><span class=
- "nc_text">Lorem ipsum <span style="color:red;">dolor</span> sit
- amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_uvw123456789:</span><span class=
- "nc_text">Lorem ipsum <span style="color:red;">dolor</span> sit
- amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_123456789:</span><span class=
- "nc_text">Lorem ipsum <span style="color:red;">dolor</span> sit
- amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_456789:</span><span class=
- "nc_text">Lorem ipsum <span style="color:red;">dolor</span> sit
- amet</span>
- </div>
- <div class="nc_notification">
- <span class="nc_head">headline_456789:</span><span class=
- "nc_text">Lorem ipsum <span style="color:red;">dolor</span> sit
- amet</span>
- </div>
- </div>
- <div class="nc_small_boxes">
- <div class="nc_small_box_wrapperRight">
- <div class="nc_small_box">
- <h3>
- Headline
- </h3>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
- diam nonumy eirmod tempor invidunt ut labore et dolore magna
- aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
- duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
- sanctus est Lorem ipsum dolor sit amet.
- </div>
- </div>
- <div class="nc_small_box_wrapperLeft">
- <div class="nc_small_box">
- <h3>
- Headline
- </h3>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
- diam nonumy eirmod tempor invidunt ut labore et dolore magna
- aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
- duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
- sanctus est Lorem ipsum dolor sit amet.
- </div>
- </div>
- <div class="nc_small_box_wrapperRight">
- <div class="nc_small_box">
- <h3>
- Headline
- </h3>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
- diam nonumy eirmod tempor invidunt ut labore et dolore magna
- aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
- duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
- sanctus est Lorem ipsum dolor sit amet.
- </div>
- </div>
- <div class="nc_small_box_wrapperLeft">
- <div class="nc_small_box">
- <h3>
- Headline
- </h3>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
- diam nonumy eirmod tempor invidunt ut labore et dolore magna
- aliquyam erat, sed diam voluptua. At vero eos et accusam et justo
- duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
- sanctus est Lorem ipsum dolor sit amet.
- </div>
- </div>
- <div style="clear:both"></div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement