diff options
| -rwxr-xr-x | public/assets/stylesheets/app.css | 60 | ||||
| -rwxr-xr-x | views/home.ejs | 38 |
2 files changed, 98 insertions, 0 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 9e65086..35789ca 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -189,6 +189,66 @@ h5 { display: inline-block; } +.projectList.about { + text-align: left; + border-top: 1px solid; + padding:10% 0; +} + +.projectList.about .item{ + float: left; + width: 100%; + clear: both; +} + +.projectList.about .item .rap { + max-width: 1250px; + margin: 0 auto; + padding: 0 10%; +} + +.projectList.about .item span{ + display: inline-block; + float: left; +} + +.projectList.about .item span words { + max-width: 90%; + display: inline-block; + line-height: 28px; + font-size: 17px; + font-weight: 300; +} + +.projectList.about .item span:nth-child(1){ + width: 300px; + height: 300px; + display: inline-block; + float: left; + border-radius: 300px; + background-size:cover; + background-position:center; +} + +.projectList.about .item span h3{ + font-weight: 500; + font-size: 30px; + margin-bottom: 8px; +} + +.projectList.about .item span:nth-child(2){ + width: calc(100% - 300px); + padding: 70px 50px; +} + +.projectList.about .item:nth-child(2) { + padding: 5% 0; +} + +.projectList.about .item:nth-child(2) span:nth-child(1){ + float: right; +} + .page .showcase { height:70vh; } diff --git a/views/home.ejs b/views/home.ejs index e49dc4a..83ed375 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -23,6 +23,44 @@ </div> </div> + <h1>Whats VValls For?</h1> + + <div class="projectList about"> + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://www.articlesweb.org/blog/wp-content/gallery/artist-painting-techniques-you-must-know/artist-painting-techniques-you-must-know-15.jpg)"> + </span> + <span> + <h3>Plan Your Art Show</h3> + <words>Whether you're and artist or curator, VValls makes visualizing art within a physical space much easier. With VValls you can build 3D rooms and put your add art to the walls. Map out how your next gallery show will look without having to drill into sheetrock.</words> + </span> + </div> + </div> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://dump.fm/images/20100904/1283618382861-dumpfm-timb-paperrad.paranoia.gif)"> + </span> + <span> + <h3>Defy The Status Quo</h3> + <words>There is no platform on the internet quite like VValls. Built using advanced HTML5 techniques, VValls opens up the possibilities of expression online. Go crazy, make other worldly rooms.</words> + </span> + </div> + </div> + + <div class="item"> + <div class="rap"> + <span style="background-image:url(http://arrestedmotion.com/wp-content/uploads/2009/03/warhol-exhibition-warhol-005.jpg)"> + </span> + <span> + <h3>Put on a Show!</h3> + <words>There's no cooler way than VValls for displaying your images online. Take your pix out of that drab Tumblr theme and present them in the freshest way online!</words> + </span> + </div> + </div> + + </div> + <h1>Room Showcase</h1> [[ include projects/list-projects ]] |