Scroll Top

[vc_row full_width=”stretch_row” full_height=”yes” content_placement=”middle” css=”.vc_custom_1506425687717{margin-bottom: 0px !important;padding-bottom: 0px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/title.jpg?id=29719) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”custom-block1″][vc_column css=”.vc_custom_1503393532836{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 37px !important;}”][gem_divider margin_top=”168″][vc_column_text css_animation=”left-to-right”]

More brilliance & values. TheGem 3.0

[/vc_column_text][gem_divider margin_top=”50″][vc_column_text css_animation=”right-to-left”]

New concepts.
More menus.
Extended WooCommerce.
Enriched theme options.
New demo import.

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1503476071936{margin-top: -50px !important;margin-bottom: 220px !important;}” el_class=”custom-block2″][vc_column css=”.vc_custom_1503391129433{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][gem_fullwidth styled_marker_bottom_style=”figure” styled_marker_bottom_direction=”outside” background_color=”#2c2e3d” padding_top=”35″ padding_bottom=”35″][/gem_fullwidth][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1503476056596{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][vc_column css=”.vc_custom_1503395015316{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][vc_column_text css_animation=”fadeIn”]

New Concepts

[/vc_column_text][gem_divider margin_top=”60″][vc_column_text css_animation=”fadeIn”]

Meet the next pack of amazing creative concepts. Designed with perfection in every pixel.

[/vc_column_text][vc_single_image image=”29247″ img_size=”full” alignment=”center” css_animation=”fadeIn”][gem_button position=”fullwidth” style=”outline” size=”medium” corner=”25″ border=”2″ separator=”single” icon_pack=”elegant” effects_enabled=”1″ text=”Check all new concepts” link=”url:https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fmeta-splash%2F%3Fsort_priority_group%3Dmeta-new-in-version-3|||” text_color=”#2c2e3d” hover_text_color=”#e1e7e7″ hover_background_color=”#2c2e3d” border_color=”#2c2e3d” hover_border_color=”#2c2e3d” extra_class=”button-gaps”][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”top” css=”.vc_custom_1526376446335{margin-top: 0px !important;margin-bottom: -8px !important;padding-top: 280px !important;padding-bottom: 290px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/20.png?id=29052) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”custom-block3″][vc_column css=”.vc_custom_1503400098898{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;padding-left: 45px !important;}”][vc_column_text css_animation=”left-to-right”]

creative
menu
layouts

[/vc_column_text][gem_divider margin_top=”55″][vc_column_text css_animation=”right-to-left”]TheGem 3.0 includes two brand new creative menu layouts: Overlay & Perspective. It would be certainly a good choice to use for agencies, photographers, portfolios and any other website striving to deliver a unique experience for its visitors.[/vc_column_text][gem_button style=”outline” corner=”3″ border=”2″ icon_pack=”elegant” text=”perspective demo” text_color=”#4cd2b1″ hover_text_color=”#ffffff” hover_background_color=”#4cd2b1″ hover_border_color=”#4cd2b1″ border_color=”#4cd2b1″ link=”url:https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fagency-light%2F|||”][gem_button style=”outline” corner=”3″ border=”2″ icon_pack=”elegant” text=”overlay demo” link=”url:https%3A%2F%2Fcodex-themes.com%2Fthegem%2Fagency-sparta%2F|||”][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”top” css=”.vc_custom_1506327005683{margin-top: -35px !important;margin-bottom: 0px !important;padding-top: 300px !important;padding-bottom: 130px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/17.png?id=29014) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”custom-block4″][vc_column css=”.vc_custom_1503397756729{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-right: 0px !important;padding-bottom: 0px !important;padding-left: 0px !important;}”][vc_column_text css_animation=”right-to-left”]

mobile
menu
layouts

[/vc_column_text][gem_divider margin_top=”70″][vc_column_text css_animation=”left-to-right”]

We listen carefully to our customers and their needs. And we are working constantly on improving the UX of TheGem, bringing it to the outer limits of perfection. Version 3.0 introduces wide selection of mobile menu layouts, bringing additional flexibility for mobile experience.
[/vc_column_text][gem_divider margin_top=”70″][vc_row_inner][vc_column_inner width=”1/6″ offset=”vc_col-lg-offset-8 vc_col-md-offset-4 vc_col-sm-offset-4″][gem_image disable_lightbox=”1″ src=”29693″][vc_column_text css=”.vc_custom_1526375976303{margin-bottom: 42px !important;}”]

demo 01

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][gem_image disable_lightbox=”1″ src=”29691″][vc_column_text css=”.vc_custom_1526375995545{margin-bottom: 42px !important;}”]

demo 02

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″ offset=”vc_col-lg-offset-8″][gem_image disable_lightbox=”1″ src=”29689″][vc_column_text css=”.vc_custom_1526376140475{margin-bottom: 42px !important;}”]

demo 03

[/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][gem_image disable_lightbox=”1″ src=”29687″][vc_column_text css=”.vc_custom_1526376147669{margin-bottom: 42px !important;}”]

demo 04

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1503477976348{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 180px !important;padding-bottom: 0px !important;background-color: #f0f3f2 !important;}” el_class=”big-z-index custom-block5″][vc_column css=”.vc_custom_1503398213208{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][vc_column_text css_animation=”fadeIn”]

Extended Commerce

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”top” css=”.vc_custom_1526286282467{margin-top: -50px !important;margin-bottom: 0px !important;padding-top: 660px !important;padding-bottom: 660px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/5-2.jpg?id=29250) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}” el_class=”custom-block6″][vc_column][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1503481932211{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 450px !important;padding-bottom: 450px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/6-1.jpg?id=29218) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}”][vc_column css=”.vc_custom_1503400542116{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” content_placement=”middle” css=”.vc_custom_1503402726016{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 60px !important;padding-bottom: 80px !important;background-color: #ffd54f !important;}”][vc_column offset=”vc_col-lg-4 vc_col-md-12 vc_col-xs-12″][vc_single_image image=”29069″ img_size=”full” alignment=”center” css_animation=”fadeInLeft”][/vc_column][vc_column offset=”vc_col-lg-6 vc_col-md-12 vc_col-xs-12″][gem_divider margin_top=”15″][vc_column_text css_animation=”fadeInDown”]

Not just a wordpress theme. A real design jewel!

[/vc_column_text][/vc_column][vc_column offset=”vc_col-lg-2 vc_col-md-12 vc_col-xs-12″][gem_button position=”center” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” effects_enabled=”1″ text=”buy now!” link=”url:https%3A%2F%2Fthemeforest.net%2Fitem%2Fthegem-creative-multipurpose-highperformance-wordpress-theme%2F16061685%3Fref%3DCodexThemes|||” text_color=”#2c2e3d” hover_text_color=”#ffd54f” hover_background_color=”#2c2e3d” border_color=”#2c2e3d” hover_border_color=”#2c2e3d”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content” full_height=”yes” content_placement=”middle” css=”.vc_custom_1506424739434{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 150px !important;padding-bottom: 150px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/img-2.jpg?id=29711) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column offset=”vc_col-lg-6 vc_col-md-6″][/vc_column][vc_column offset=”vc_col-lg-4 vc_col-md-6 vc_col-xs-12″][vc_column_text css=”.vc_custom_1506425083396{padding-right: 30px !important;}”]

Updated Import of Demo Content

[/vc_column_text][gem_divider margin_top=”50″][vc_column_text]

Flexibility meets easiness. With the new version of our demo import module you are now able to select your very own demo package of pages you wish to be imported. Just choose a set of any single pages you liked on our demo website and click on „Import“. Only this demo pages will be imported, including all media, pictures etc.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1503478909505{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 220px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/7.jpg?id=28931) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”custom-block7″][vc_column css=”.vc_custom_1503402860744{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][vc_single_image image=”29252″ img_size=”full” alignment=”center” css_animation=”fadeIn”][gem_divider margin_top=”150″][vc_column_text css_animation=”left-to-right”]

Rich Content Footer

[/vc_column_text][gem_divider margin_top=”80″][vc_column_text css_animation=”right-to-left”]

Creative features for creative folks! Build your footer with any imaginable content & layout quickly and easy per drag’n’drop. Beginning from version 3.0 now you are able to create any custom footer in WPBakery Page Builder and set it as global for the whole site or just for some parts of it.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1503479334349{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}” el_class=”custom-block8″][vc_column css=”.vc_custom_1503403715286{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][gem_fullwidth background_parallax=”1″ background_parallax_mobile=”1″ background_parallax_type=”horizontal” background_image=”29226″ padding_top=”0″ padding_bottom=”0″][vc_row_inner css=”.vc_custom_1526371095800{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 240px !important;padding-bottom: 570px !important;}”][vc_column_inner css=”.vc_custom_1503479620371{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}” offset=”vc_col-lg-6 vc_col-md-12 vc_col-xs-12″][vc_column_text css_animation=”left-to-right”]

Global
Page & Post
Settings

[/vc_column_text][/vc_column_inner][vc_column_inner css=”.vc_custom_1526372635869{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-right: 45px !important;padding-bottom: 0px !important;padding-left: 45px !important;}” offset=”vc_col-lg-6 vc_col-md-12 vc_col-xs-12″][vc_column_text css_animation=”right-to-left” css=”.vc_custom_1526373260041{padding-top: 7px !important;}”]

Set your own custom default page settings across the whole website. Define the look of your header, footer, sidebars and widgets as well as page layout in one place and save it for the usage on every new page or portfolio or blog post you create!

[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_single_image image=”29254″ img_size=”full” css_animation=”fadeIn” el_class=”custom-image”][/gem_fullwidth][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” content_placement=”middle” css=”.vc_custom_1503480011544{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 120px !important;padding-bottom: 130px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/10.jpg?id=28937) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”custom-block9″][vc_column css=”.vc_custom_1503480030935{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}” offset=”vc_col-lg-4 vc_col-md-12 vc_col-xs-12″][vc_column_text css_animation=”left-to-right”]

Fixed
Column

[/vc_column_text][gem_divider margin_top=”60″][vc_column_text css_animation=”left-to-right”]

New feature for column settings on your page layout. Set any column to be fixed while scrolling down on the page. Make the most important part of your content always visible. Perfect for portfolio pages and blog posts.

[/vc_column_text][/vc_column][vc_column offset=”vc_col-lg-8 vc_col-md-12 vc_col-xs-12″ el_class=”custom_image”][vc_single_image image=”30755″ img_size=”full” alignment=”center” css_animation=”fadeIn” css=”.vc_custom_1530882592185{margin-bottom: 50px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1503407926676{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][vc_column css=”.vc_custom_1503407939732{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][gem_fullwidth styled_marker_bottom_style=”figure” styled_marker_bottom_direction=”outside” background_color=”#262730″][/gem_fullwidth][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1503409328663{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 180px !important;padding-bottom: 0px !important;}” el_class=”big-z-index”][vc_column css=”.vc_custom_1503408003687{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][gem_icon icon_material=”f343″ shape=”hexagon” size=”medium” centered=”1″ color=”#ffffff” background_color=”#f44336″][gem_divider margin_top=”90″][vc_column_text css_animation=”left-to-right”]

Body Paddings

[/vc_column_text][gem_divider margin_top=”60″][vc_column_text css_animation=”right-to-left”]

Make your website layout even more trendy! Set the global top, bottom and side body paddings to add your pages a kind of print magazine character.

[/vc_column_text][gem_divider margin_top=”90″][vc_single_image image=”28941″ img_size=”full” alignment=”center” css_animation=”fadeIn”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1503480180936{margin-top: -590px !important;margin-bottom: 0px !important;padding-top: 590px !important;padding-bottom: 230px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/14.jpg?id=28945) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” el_class=”custom-block10″][vc_column css=”.vc_custom_1503409607790{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][gem_divider margin_top=”20″][vc_single_image image=”29261″ img_size=”full” alignment=”center” css_animation=”fadeIn”][gem_divider margin_top=”110″][vc_single_image image=”29138″ img_size=”full” alignment=”center” css_animation=”top-to-bottom”][gem_divider margin_top=”80″][vc_column_text css_animation=”left-to-right”]

Instagram Gallery

[/vc_column_text][gem_divider margin_top=”50″][vc_column_text css_animation=”right-to-left”]

Show your last instagram posts directly on your website. Share your social impressions with your website visitors without forcing them to leave your pages. With integrated instagram gallery.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” content_placement=”top” css=”.vc_custom_1503482655408{margin-top: -25px !important;margin-bottom: 0px !important;padding-top: 300px !important;padding-bottom: 300px !important;background-image: url(https://codex-themes.com/thegem-elementor/wp-content/uploads/2017/08/22-1.png?id=29239) !important;background-position: 0 0 !important;background-repeat: no-repeat !important;}” el_class=”custom-block11″][vc_column css=”.vc_custom_1503480463176{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}” offset=”vc_col-lg-6 vc_col-md-12 vc_col-xs-12″][vc_column_text css_animation=”top-to-bottom”]

Layout Settings
For Blog & Shop
Categories

[/vc_column_text][gem_divider margin_top=”40″][vc_column_text css_animation=”bottom-to-top”]

Customize the look of your blog or shop categories in the same flexible way as you do it with your pages or posts. Control your header and footer, choose your layout, setup sidebar & widgets and much more. All this in just few clicks inside the theme options.

[/vc_column_text][/vc_column][vc_column width=”1/2″][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” content_placement=”top” css=”.vc_custom_1503499097299{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 160px !important;padding-bottom: 0px !important;}” el_class=”big-z-index custom-block12″][vc_column width=”1/2″][vc_single_image image=”29242″ img_size=”full” css_animation=”fadeIn”][/vc_column][vc_column width=”1/2″ css=”.vc_custom_1503412678556{padding-left: 50px !important;}”][gem_divider margin_top=”150″ class_name=”mobile-view”][vc_column_text css_animation=”right-to-left”]

New
Fancybox 3.0

[/vc_column_text][gem_divider margin_top=”50″][vc_column_text css_animation=”right-to-left”]

Fancybox for galleries & images lightboxes updated to version 3.0. Enjoy plenty of new mobile friendly features.

[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row” full_height=”yes” columns_placement=”top” content_placement=”top” css=”.vc_custom_1503480756749{margin-top: -530px !important;margin-bottom: 0px !important;padding-top: 340px !important;padding-bottom: 100px !important;background-color: #2c2e3d !important;}” el_class=”custom-block13″][vc_column css=”.vc_custom_1503411977117{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;}”][vc_single_image image=”29157″ img_size=”full” alignment=”center” css_animation=”top-to-bottom”][gem_divider margin_top=”100″][vc_column_text css_animation=”bottom-to-top”]

…For creative agencies, business of any kind, online stores, designers, architects, photographers, freelancers, bloggers etc. – TheGem delivers everything to cover your ambitions & creative needs! Grab this theme now and start building the website of your dreams!

[/vc_column_text][gem_divider margin_top=”45″][gem_button position=”center” style=”outline” size=”medium” corner=”0″ border=”3″ icon_pack=”elegant” effects_enabled=”1″ text=”purchase” link=”url:https%3A%2F%2Fthemeforest.net%2Fitem%2Fthegem-creative-multipurpose-highperformance-wordpress-theme%2F16061685%3Fref%3DCodexThemes||target:%20_blank|” text_color=”#0abed5″ hover_text_color=”#ffffff” hover_background_color=”#0abed5″ border_color=”#0abed5″ hover_border_color=”#0abed5″][gem_divider margin_top=”50″][gem_socials alignment=”center” icons_size=”24″ socials=”%5B%7B%22social%22%3A%22twitter%22%2C%22url%22%3A%22%23%22%7D%2C%7B%22social%22%3A%22facebook%22%2C%22url%22%3A%22%23%22%7D%2C%7B%22social%22%3A%22linkedin%22%2C%22url%22%3A%22%23%22%7D%2C%7B%22social%22%3A%22youtube%22%2C%22url%22%3A%22%23%22%7D%2C%7B%22social%22%3A%22googleplus%22%7D%2C%7B%22social%22%3A%22pinterest%22%7D%5D”][gem_divider margin_top=”70″][vc_column_text]

Copyright © 2020 CodexThemes. All rights reserved.

[/vc_column_text][/vc_column][/vc_row]

Privacy Preferences
When you visit our website, it may store information through your browser from specific services, usually in form of cookies. Here you can change your privacy preferences. Please note that blocking some types of cookies may impact your experience on our website and the services we offer.
This site is registered on wpml.org as a development site.