diff options
| -rwxr-xr-x | public/assets/stylesheets/app.css | 4 | ||||
| -rw-r--r-- | views/about/_blank.ejs | 2 | ||||
| -rw-r--r-- | views/about/about.ejs | 2 | ||||
| -rw-r--r-- | views/about/brochure.ejs | 45 |
4 files changed, 36 insertions, 17 deletions
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css index 9e86ac3..a149166 100755 --- a/public/assets/stylesheets/app.css +++ b/public/assets/stylesheets/app.css @@ -604,7 +604,9 @@ iframe.embed { .page h1:nth-child(2) { margin-top: 40px; } - +.page h1.leader { + margin-top: 60px; +} .page p { margin: 20px; } diff --git a/views/about/_blank.ejs b/views/about/_blank.ejs index 3c23fa7..732ea3f 100644 --- a/views/about/_blank.ejs +++ b/views/about/_blank.ejs @@ -8,7 +8,7 @@ <div class="rapper page home"> [[ include ../partials/header ]] - + <h1 class="leader">Hallo</h1> <!-- put stuff here --> diff --git a/views/about/about.ejs b/views/about/about.ejs index 2aec982..6d5f011 100644 --- a/views/about/about.ejs +++ b/views/about/about.ejs @@ -8,7 +8,7 @@ <div class="rapper page"> [[ include ../partials/header ]] - <h1>About VValls</h1> + <h1 class="leader">About VValls</h1> <div class="projectList about aboutintro"> <div class="inner"> diff --git a/views/about/brochure.ejs b/views/about/brochure.ejs index 75e7b60..e75f8c6 100644 --- a/views/about/brochure.ejs +++ b/views/about/brochure.ejs @@ -8,7 +8,7 @@ <div class="rapper page"> [[ include ../partials/header ]] - <h1>Subscriptions</h1> + <h1 class="leader">Subscriptions</h1> <div class="projectList about aboutintro"> <div class="inner"> @@ -27,11 +27,14 @@ <h3>[[- plans.basic.name ]]</h3> <ul> <li> $[[- plans.basic.monthly_price ]]/mo or $[[- plans.basic.yearly_price ]]/year - <li> [[- plans.basic.stock_project_limit ]] exhibitions included with pre-designed template floor plans + <li> Comes with [[- plans.basic.basic_layout_limit ]] basic floor plan and [[- plans.basic.basic_project_limit ]] exhibitions <li> Each new basic floor plan costs $[[- plans.basic.basic_layout_monthly_price ]]/mo or $[[- plans.basic.basic_layout_yearly_price ]]/year, minimum 3 months - <li> Each new basic floor plan can have up to [[- plans.basic.basic_project_limit ]] exhibitions + <li> Each new floor plan can have up to [[- plans.basic.basic_project_limit ]] exhibitions <li> VValls logo appears when embedding an exhibition on a web page + <li> + <!-- check current subscription plan --> + <button>Buy Now</button> </ul> </div> @@ -45,10 +48,13 @@ <li> Each new pro floor plan can have up to [[- plans.pro.pro_project_limit ]] exhibitions <li> Includes planning for 3D objects in the room <li> No VValls logo on embed + <li> + <!-- check current subscription plan --> + <button>Buy Now</button> </ul> </div> - <div class="about_custom miscbox"> + <div class="about_custom planbox miscbox"> <ul> <li> Buying any extra floor plan unlocks collaboration. Invite an artist or curator to work on the exhibition with you. <li> Basic Floor plan: Rectangle-based design of any dimension. @@ -56,10 +62,10 @@ </ul> </div> - <div class="planbox about_custom"> - <h3>Custom</h3> + <div class="about_custom planbox"> + <h3>Want Something Custom?</h3> <li> We offer customized white-label options for business and educational uses. - <li> <a>Contact us</a> for more information. + <li> <a href="mailto:hello@vvalls.com">Contact us</a> for more information. </div> </div> @@ -74,13 +80,23 @@ [[ include ../partials/scripts ]] </html> <style> +/* nb these styles should be fixed for narrower screens/mobile layout */ .about_plan { width: 28vw; margin: 2vw; float: left; + min-height: 28vw; + position: relative; +} +.about_plan button { + position: absolute; + bottom: 5%; + left: 5%; + width: 90%; } .about_custom { - width: 80vw; + clear: both; + width: 76vw; margin: 2vw 10vw; } .planbox { @@ -88,8 +104,8 @@ border: 1px solid #ddd; background: white; border-radius: 25px; - font-size: 17px; - line-height: 25px; + font-size: 15px; + line-height: 23px; text-align: center; } .planbox h3 { @@ -100,10 +116,11 @@ list-style-type: none; margin-bottom: 5px; } -.miscbox { - font-size: 21px; +.planbox.miscbox { + border: 0; + background: #f8f8f8; } -.miscbox li { - list-style-type: none; +.about_custom a { + border-bottom: 1px solid; } </style>
\ No newline at end of file |