Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

HTML5 / CSS3 template for web app [closed]

I am loooking for a good looking layout (template) for a web app, preferably in HTML5/CSS3 and preferably layout like the one pictured below. If that is not possible, then a layout that could easily be changed to a layout like this: enter image description here

I have (of course) used a lot of time to see if I could find it/google it myself, but haven't found much else than Themeforest and the like - and haven't found the right thing there.

Am ready to spend good money on it, so it is more a matter of finding the right thing than the price.

Project start is Monday, so I cannot go to a design agency as that will take too long, so basically I need a paid or free template that we can later customize.

A simple layout would be sufficient, but a layout with nice design, nicely styled forms, buttons etc. would be preferable.

Any help on where to find it would be highly appreciated :)

like image 357
rassom Avatar asked Jan 29 '11 13:01

rassom


1 Answers

Easy-peasy japanese :) Anyway if you want a fully css3 layout you should look this implementation

<!DOCTYPE html>

<html>
 <head>
  <meta charset = "utf-8">

  <title></title>

  <style>
   #content {
    float: left;
    height: 70%;
    width: 80%;
   }

   #menu {
    float: left;
    height: 70%;
    width: 20%;
   }

   #footer {
    clear: left;
    height: 15%;
   }

   #header {
    height: 15%;
   }

   body {
    position:absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
   }

   body > div {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    border: 3px solid red;
    border-radius: 20px;
    box-bozing: border-box;
    padding: 10px;
   }

   input {
    background-color: rgba(255, 255, 255, 1);
    border: 2px solid red;
    border-radius: 15px;
    padding: 7px;
   }

   input:hover {
    background-color: rgba(250, 250, 247, 1);
   }
  </style>
 </head>

 <body>
  <div id = "header">Header</div>
  <div id = "menu">Menu</div>
  <div id = "content">Content</div>
  <div id = "footer">Footer</div>
 </body>
</html>

Preview

Rendered Page

like image 149
Caio Avatar answered Sep 21 '22 17:09

Caio