diff options
| -rwxr-xr-x | public/assets/stylesheets/app.css | 39 | ||||
| -rwxr-xr-x | views/home.ejs | 6 |
2 files changed, 23 insertions, 22 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index fe67edc..fe50b92 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -167,17 +167,16 @@ h5 { .page.profile { color:white; } -.page table.demo, -.page table.profilepage, -.page table.projectList { +.page .demo, +.page .profilepage, +.page .projectList { width: 100%; - border-top: 1px solid; margin: 40px 0 0 0; border-spacing: 0; clear: both; } -.page table.showcase { +.page .showcase { height:70vh; } @@ -213,10 +212,6 @@ iframe.embed { border: 0; } -.page table.showcase td { - height: 70vh; - background-size: cover; -} .page .viewMore { text-decoration: none; @@ -1714,23 +1709,27 @@ form li textarea { .demo .video { height:80vh; min-height:300px; + background-size:cover; + border-bottom:1px solid; } -.demo .video span { - font-size:100px; - color:white; - cursor:pointer; -} -.demo .video span.videoTitle { - font-size: 29px; - font-weight: 300; - padding: 3px 7px; + +.demo .video .circle { + font-size: 20px; + font-weight: 300; + background: white; + display: inline-block; + padding: 60px 20px; + border-radius: 230px; } -.demo .video span.icon-ios7-play-outline:hover { - color:black; +.demo .video .circle:hover { + background:black; + color:white; + cursor:pointer; } + .box { display: table-cell; vertical-align: middle; diff --git a/views/home.ejs b/views/home.ejs index 5240ae1..8c7362c 100755 --- a/views/home.ejs +++ b/views/home.ejs @@ -16,9 +16,11 @@ <table class="demo"> <tr> <td class="video" style="background-image:url(https://s3.amazonaws.com/luckyplop/6450f5b88c5c043a4551eff8902b1728f813bd66.jpg)"> + <span class="circle"> <span class="videoTitle">Create 3D Rooms</span><br> - <span class="icon-ios7-play-outline"></span><br> + <span class="icon-ios7-play"></span><br> <span class="videoTitle">Watch video.</span> + </span> </td> </tr> </table> @@ -27,7 +29,7 @@ [[ include projects/list-projects ]] - <a href="#loadmore" class="viewMore">View More</a> + <a href="#loadmore" class="viewMore btn">View More</a> [[ include partials/confirm-modal ]] [[ include projects/layouts-modal ]] |