Pages

Let's proceed with creating our pages. Here are some usefull links to Visual Composer tutorials, which may be useful when building a page:

The whole page is build with the following elements: Rows, Block containers, Content blocks, Gaps, Columns and Blogger shortcode.

It is possible to create as many options of the page, as you want. But, you can also use the same style we have provided ( as on our demo). The following steps will be required to create the page:

  1. Go to Pages > Add New and create a new page.

        2. Specify a name for it (e.g. Home 1) and click on "Publish" button:

       3. Navigate to  Backend Editor (Classic Mode) > Add Element. A set of shortcodes will be open after that:

There are two ways how the pages can display on your screen: one page or multiple. In Dashboard Navigate to Theme options > General >Site type>One page/Multipage:

Here is how one page type will look like on frontend:

 Multipage site type.On the below screenshots you can see which backend section corresponds to a frontend section.

Contact page

Frontend.

Backend. Here is how it looks in the VC's backend editor. Add a shortcode according to the screenshot below.

Plain code:

[vc_row desctop_mt="margin-lg-80t" tablets_mt="margin-sm-40t" desctop_pt="padding-md-10t"][vc_column desctop_mb="margin-lg-25b" tablets_mb="margin-sm-10b"][headings subtitle="Contact Us" title="We'd love to here from you" width="true"][/vc_column][vc_column offset="vc_col-lg-4 vc_col-md-6 vc_col-xs-12"][vc_row_inner][vc_column_inner width="1/2" offset="vc_col-lg-6 vc_col-md-12 vc_col-xs-12"][contacts title="Phone:"]+40 89-123-1975
+40 89-123-1975[/contacts][/vc_column_inner][vc_column_inner width="1/2" offset="vc_col-lg-6 vc_col-md-12 vc_col-xs-12"][contacts title="Email:"][email protected]
[email protected][/contacts][/vc_column_inner][vc_column_inner][contacts title="Main office:" ldesctop_mt="margin-lg-20t" ldesctop_mb="margin-lg-55b" desctop_mb="margin-md-25b"]Pszczelna 40, 30-385 Krakow[/contacts][/vc_column_inner][vc_column_inner][contact-form-7 id="8"][/vc_column_inner][/vc_row_inner][/vc_column][vc_column tablets_mt="margin-sm-30t" tablets_mb="margin-sm-30b" offset="vc_col-lg-8 vc_col-md-6 vc_col-xs-12"][vc_ugm_map zoom_map="14" map_type="ROADMAP" language="en_GB" is_reload_on_resize="true" map_height="590px" json_style="JTVCJTdCJTIyc3R5bGVycyUyMiUzQSU1QiU3QiUyMnZpc2liaWxpdHklMjIlM0ElMjJzaW1wbGlmaWVkJTIyJTdEJTVEJTdEJTJDJTdCJTIyc3R5bGVycyUyMiUzQSU1QiU3QiUyMmNvbG9yJTIyJTNBJTIyJTIzMTMxMzE0JTIyJTdEJTVEJTdEJTJDJTdCJTIyZmVhdHVyZVR5cGUlMjIlM0ElMjJ3YXRlciUyMiUyQyUyMnN0eWxlcnMlMjIlM0ElNUIlN0IlMjJjb2xvciUyMiUzQSUyMiUyMzEzMTMxMyUyMiU3RCUyQyU3QiUyMmxpZ2h0bmVzcyUyMiUzQTclN0QlNUQlN0QlMkMlN0IlMjJlbGVtZW50VHlwZSUyMiUzQSUyMmxhYmVscy50ZXh0LmZpbGwlMjIlMkMlMjJzdHlsZXJzJTIyJTNBJTVCJTdCJTIydmlzaWJpbGl0eSUyMiUzQSUyMm9uJTIyJTdEJTJDJTdCJTIybGlnaHRuZXNzJTIyJTNBMjUlN0QlNUQlN0QlNUQ="][vc_ugm_map_marker address="Krakow, ul. Krowoderska 48" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="Krakow, Krakowska 29" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="Krakow, Świętego Wawrzyńca 15" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="Krakow, Lipowa 7" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="Krakow, Floriańska 39" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="krakow, rynek Podgórski 14" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="Krakow, Mogilska" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="Krakow, Krupnicza" marker_icon="133"][/vc_ugm_map_marker][vc_ugm_map_marker address="Krakow, Portowa" marker_icon="133"][/vc_ugm_map_marker][/vc_ugm_map][/vc_column][/vc_row]

Home page

Backend.

Plain code:

[vc_row full_width="stretch_row_content_no_spaces"][vc_column][slider loop="yes" autoplay="5" speed="2000"][slider_item icon="custom" image_icon="341" subtitle="100%EXITING" title="QUESTROOMSFOR ANY TASTE" description="You have one hour and your mission is simple: Escape!" button="url:http%3A%2F%2Ffoxthemes.com%2Fweb%2Fwp%2Fquestroom%2Four-quests%2F|title:EXPLORE%20QUESTS||" image="69"][slider_item icon="custom" image_icon="342" subtitle="LOGICALTASKS" title="ENTER THE WORLDOF ADVENTURE" description="Zonsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. " button="url:http%3A%2F%2Ffoxthemes.com%2Fweb%2Fwp%2Fquestroom%2Four-quests%2F|title:LEARN%20RULES||" image="70"][slider_item icon="custom" image_icon="343" subtitle="60 MINTO ESCAPE" title="HUGE CHARGEOF EMOTIONS" description="Zonsectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. " button="url:http%3A%2F%2Ffoxthemes.com%2Fweb%2Fwp%2Fquestroom%2Four-quests%2F|title:BOOK%20THE%20QUEST||" image="74"][/slider][/vc_column][/vc_row]<br>

Our quests

Backend.

Plain code:

[vc_row desctop_mt="margin-lg-80t" desctop_pt="padding-md-10t"][vc_column][headings subtitle="Our Quests" title="We have rooms for any taste. Choose theperfect one for you" ldesctop_mb="margin-lg-65b"][vc_projects_posts post_type="quest" button="BOOK" posts_per_page="4"][/vc_column][/vc_row]<br>

About page

Backend.

Plain code:

[vc_row gap="35" equal_height="yes" desctop_mt="margin-lg-80t" desctop_mb="margin-lg-40b" tablets_mt="margin-sm-40t" tablets_mb="margin-sm-10b" mobile_mt="margin-xs-30t"][vc_column width="1/2" css=".vc_custom_1487334454080{margin-left: 15px !important;background-image: url(http://questroom/wp-content/uploads/2016/12/cb1196f97883a4cb3d61f9fec9227050_big-e1483622713235-2.jpg?id=175) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" offset="vc_hidden-sm vc_hidden-xs"][/vc_column][vc_column offset="vc_col-lg-6 vc_col-md-6 vc_col-xs-12"][vc_row_inner][vc_column_inner][headings subtitle="About" title="Our Quest Rooms will give you all spectrum of emotions:" ldesctop_mb="margin-lg-60b" desctop_mb="margin-md-30b" tablets_mb="margin-sm-10b" mobile_mb="margin-xs-0b"][/vc_column_inner][vc_column_inner][about tabs="%5B%7B%22title%22%3A%22Surprise%22%2C%22icon%22%3A%22custom%22%2C%22icon_fontawesome%22%3A%22fa%20fa-user%22%2C%22icon_image%22%3A%22206%22%2C%22icon_image_hover%22%3A%22205%22%2C%22description%22%3A%22Gisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Sed%20ut%20perspiciatis%20unde%20omnis%20iste%20natus.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserun.%5Cn%5Cn%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum%22%7D%2C%7B%22title%22%3A%22Excitement%22%2C%22icon%22%3A%22custom%22%2C%22icon_image%22%3A%22187%22%2C%22icon_image_hover%22%3A%22188%22%2C%22description%22%3A%22Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Sed%20ut%20perspiciatis%20unde%20omnis%20iste%20natus.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserun.%5Cn%5CnFugiat%20nulla%20pariatur.%20Excepteur%20sint%20occaecat%20cupidatat%20reprehenderit%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum%20sed%20ut%20perspiciatis%20unde%20deserunt%20mollit%22%7D%2C%7B%22title%22%3A%22Fear%22%2C%22icon%22%3A%22custom%22%2C%22icon_image%22%3A%22189%22%2C%22icon_image_hover%22%3A%22190%22%2C%22description%22%3A%22Murenam%20te%20accusante%20defenderem.%20Cur%20deinde%20Metrodori%20liberos%20commendas%3F%20Ut%20id%20aliis%20narrare%20gestiant%3F%20Hoc%20sic%20expositum%20dissimile%20est%20superiori.%20Quod%20autem%20ratione%20actum%20est%2C%20id%20officium%20appellamus.%20An%20vero%20displicuit%20ea%2C%20quae%20tributa%20est%20animi%20virtutibus%20tanta%20praestantia%3F%20Nisi%20autem%20rerum%20natura%20perspecta%20erit%2C%20nullo%20modo%20poterimus%20sensuum%20iudicia%20defendere.%5Cn%5CnNec%20tamen%20ullo%20modo%20summum%20pecudis%20bonum%20et%20hominis%20idem%20mihi%20videri%20potest.%20Quamquam%20ab%20iis%20philosophiam%20et%20omnes%20ingenuas%20disciplinas%20habemus.%20Cur.%22%7D%2C%7B%22title%22%3A%22Despair%22%2C%22icon%22%3A%22custom%22%2C%22icon_image%22%3A%22191%22%2C%22icon_image_hover%22%3A%22192%22%2C%22description%22%3A%22Itaque%20contra%20est%2C%20ac%20dicitis%3B%20Nam%20memini%20etiam%20quae%20nolo%2C%20oblivisci%20non%20possum%20quae%20volo.%20Nec%20enim%2C%20dum%20metuit%2C%20iustus%20est%2C%20et%20certe%2C%20si%20metuere%20destiterit%2C%20non%20erit%3B%20Atqui%20reperies%2C%20inquit%2C%20in%20hoc%20quidem%20pertinacem%3B%20Tenent%20mordicus.%20Si%20qua%20in%20iis%20corrigere%20voluit%2C%20deteriora%20fecit.%20Nos%20cum%20te%2C%20M.%20Idem%20iste%2C%20inquam%2C%20de%20voluptate%20quid%20sentit%3F%5Cn%5CnVitae%20autem%20degendae%20ratio%20maxime%20quidem%20illis%20placuit%20quieta.%20Cur%20igitur%2C%20inquam%2C%20res%20tam%20dissimiles%20eodem%20nomine%20appellas.%20Gisi%20ut%20aliquip%20ex%20ea%20commodo%20destiterit%20consequat.%20Nos%22%7D%2C%7B%22title%22%3A%22Delight%22%2C%22icon%22%3A%22custom%22%2C%22icon_image%22%3A%22193%22%2C%22icon_image_hover%22%3A%22194%22%2C%22description%22%3A%22Nunc%20omni%20virtuti%20vitium%20contrario%20nomine%20opponitur.%20Quia%20dolori%20non%20voluptas%20contraria%20est%2C%20sed%20doloris%20privatio.%20Tum%20Torquatus%3A%20Prorsus%2C%20inquit%2C%20assentior%3B%20Que%20Manilium%2C%20ab%20iisque%20M.%20Si%20longus%2C%20levis.%20Idcirco%20enim%20non%20desideraret%2C%20quia%2C%20quod%20dolore%20caret%2C%20id%20in%20voluptate%20est.%20Cum%20id%20fugiunt%2C%20re%20eadem%20defendunt%2C%20quae%20Peripatetici%2C%20verba.%20Quasi%20ego%20id%20curem%2C%20quid%20ille%20aiat%20aut%20neget.%5Cn%5CnPhilosophi%20autem%20in%20suis%20lectulis%20plerumque%20moriuntur.%20Duarum%20enim%20vitarum%20nobis%20erunt%20instituta%20capienda.%20Quia%20dolori%20non%20vo.%22%7D%2C%7B%22title%22%3A%22Anger%22%2C%22icon%22%3A%22custom%22%2C%22icon_image%22%3A%22195%22%2C%22icon_image_hover%22%3A%22196%22%2C%22description%22%3A%22Quae%20cum%20praeponunt%2C%20ut%20sit%20aliqua%20rerum%20selectio%2C%20naturam%20videntur%20sequi%3B%20Deinde%20dolorem%20quem%20maximum%3F%20Estne%2C%20quaeso%2C%20inquam%2C%20sitienti%20in%20bibendo%20voluptas%3F%20Verum%20tamen%20cum%20de%20rebus%20grandioribus%20dicas%2C%20ipsae%20res%20verba%20rapiunt%3B%20Item%20de%20contrariis%2C%20a%20quibus%20ad%20genera%20formasque%20generum%20venerunt.%20Duo%20Reges%3A%20constructio%20interrete.%5Cn%5CnExpressa%20vero%20in%20iis%20aetatibus%2C%20quae%20iam%20confirmatae%20sunt.%20Ea%20possunt%20paria%20non%20esse.%20Tum%20Torquatus%3A%20Prorsus%2C%20inquit%2C%20assentior%3B%20Que%20Manilium%2C%20ab%20iisque%20M.%20Si%20longus%2C%20levis.%20Quasi%20egoy.%22%7D%2C%7B%22title%22%3A%22Relief%22%2C%22icon%22%3A%22custom%22%2C%22icon_image%22%3A%22197%22%2C%22icon_image_hover%22%3A%22198%22%2C%22description%22%3A%22Aliter%20enim%20nosmet%20ipsos%20nosse%20non%20possumus.%20Quonam%2C%20inquit%2C%20modo%3F%20Bonum%20negas%20esse%20divitias%2C%20praepos%C3%ACtum%20esse%20dicis%3F%20Quare%20conare%2C%20quaeso.%20Qui%20enim%20existimabit%20posse%20se%20miserum%20esse%20beatus%20non%20erit.%20Utram%20tandem%20linguam%20nescio%3F%20Superiores%20tres%20erant%2C%20quae%20esse%20possent%2C%20quarum%20est%20una%20sola%20defensa%2C%20eaque%20vehementer.%5Cn%5CnNam%20illud%20vehementer%20repugnat%2C%20eundem%20beatum%20esse%20et%20multis%20malis%20oppressum.%20Excepteur%20sint%20occaecat%20cupidatat%20non%20proident%2C%20sunt%20in%20culpa%20qui%20officia%20deserunt%20mollit%20anim%20id%20est%20laborum.%20Fugiat.%22%7D%2C%7B%22title%22%3A%22Happyness%22%2C%22icon%22%3A%22custom%22%2C%22icon_image%22%3A%22199%22%2C%22icon_image_hover%22%3A%22200%22%2C%22description%22%3A%22Tum%20Torquatus%3A%20Prorsus%2C%20inquit%2C%20assentior%3B%20Que%20Manilium%2C%20ab%20iisque%20M.%20Si%20longus%2C%20levis.%20Idcirco%20enim%20non%20desideraret%2C%20quia%2C%20quod%20dolore%20caret%2C%20id%20in%20voluptate%20est.%20Cum%20id%20fugiunt%2C%20re%20eadem%20defendunt%2C%20quae%20Peripatetici%2C%20verba.%20Quasi%20ego%20id%20curem%2C%20quid%20ille%20aiat%20aut%20neget.%5Cn%5CnTollenda%20est%20atque%20extrahenda%20radicitus.%20Traditur%2C%20inquit%2C%20ab%20Epicuro%20ratio%20neglegendi%20doloris.%20Gisi%20ut%20aliquip%20ex%20ea%20commodo%20consequat.%20Duis%20aute%20irure%20dolor%20in%20reprehenderit%20in%20voluptate%20velit%20esse%20cillum%20dolore%20eu%20fugiat%20nulla%20pariatursa.%20%22%7D%5D"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]<br>

Testimonials page

Backend.

Plain code:

[vc_row desctop_mt="margin-lg-80t" desctop_mb="margin-lg-40b" tablets_mt="margin-sm-40t" tablets_mb="margin-sm-10b" mobile_mt="margin-xs-30t" desctop_pt="padding-md-5t"][vc_column desctop_mb="margin-lg-45b" tablets_mb="margin-sm-35b"][headings subtitle="Testimonials" title="People admire our quests" width="true"][/vc_column][vc_column][testimonial loop="yes" autoplay="4" speed="1500"][testimonial_item image="252" icon="custom" image_icon="248" enable_bg="true" title="“I was so scared at first, but than it became so interesting ”" author="- Daniel M.," date="June 16, 2016"]Ut enim ad minim veniam, #questroom quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/testimonial_item][testimonial_item image="253" icon="custom" image_icon="249" enable_bg="true" title="“This is real advanture. I want try all the rooms”" author="- Clark B., " date="June 11, 2016"]Ut enim ad minim veniam, #questroom quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.[/testimonial_item][testimonial_item image="254" icon="custom" image_icon="250" enable_bg="true" title="“It was so exciting! I'm still full of emotions”" author="- Maria L., " date="June 09, 2016"]Ut enim ad minim veniam, #questroom quis nostrud exercitation ullamco lequat. Duis aute irure dolor.[/testimonial_item][testimonial_item image="258" icon="custom" image_icon="250" enable_bg="true" title="“It was so exciting! I'm still full of emotions”" author="- Maria L., " date="June 09, 2016"]Ut enim ad minim veniam, #questroom quis nostrud exercitation ullamco lequat. Duis aute irure dolor.[/testimonial_item][/testimonial][/vc_column][/vc_row]

Blog page

Backend.

Plain code

[vc_row desctop_mt="margin-lg-80t" desctop_mb="margin-lg-40b" tablets_mt="margin-sm-40t" tablets_mb="margin-sm-10b" mobile_mt="margin-xs-30t"][vc_column][headings subtitle="Blog" title="Latest Quest room news, stories" ldesctop_mb="margin-lg-60b" desctop_mb="margin-md-45b"][vc_projects_posts templates="grid3" view_button="true" posts_per_page="5" view_text="url:http%3A%2F%2Ffoxthemes.com%2Fweb%2Fwp%2Fquestroom%2Fblog%2F|title:Show%20more||" view_image="258"][/vc_column][/vc_row]

Quests

Backend.

Plain code:

[vc_row desctop_mt="margin-lg-80t" desctop_mb="margin-lg-40b" tablets_mt="margin-sm-40t" tablets_mb="margin-sm-10b" mobile_mt="margin-xs-30t"][vc_column][headings subtitle="Our Quests" title="Open the Mystery" ldesctop_mb="margin-lg-60b" desctop_mb="margin-md-45b"][vc_projects_posts templates="grid3" post_type="quest" view_button="true" view_text="url:http%3A%2F%2Ffoxthemes.com%2Fweb%2Fwp%2Fquestroom%2Four-quests%2F|title:Show%20more||" posts_per_page="5" view_image="323"][/vc_column][/vc_row]