Responsive by design
-
GrapesJS gives you all the necessary tools that you need to optimize your
+
GrapesJS gives you all the necessary tools you need to optimize your
templates to look awesomely on any device. In this way you're able to provide various viewing experience.
In case more device options are required, you can easily add them to the editor.
@@ -165,8 +169,8 @@
-
No coding required
-
Create any kind of templates without any knowledge in coding
+
Limitless styling
+
Using the Style Manager you have the limitless possibility of styling, with user-friendly interface
@@ -176,40 +180,45 @@
-
-
-
Easily insert images and text contents
-
-
![]()
+
+
+
+
![]()
+
-
-
-
-
-
Layer Manager, navigate and manage the structure
-
-
![]()
+
+
Your structure always under control
+
Create any kind of templates without any knowledge in coding
-
-
-
Customize style of your components
-
-
![]()
+
+
+
+
No coding required
+
Create any kind of templates without any knowledge in coding
+
+
+
+
![]()
+
-
-
-
Style faster complex stuff
-
-
![]()
+
+
+
+
+
![]()
+
+
+
+
Asset Manager
+
Create any kind of templates without any knowledge in coding
-
+
-
-
-
diff --git a/js/main.js b/js/main.js
index 5515fc0ed..cf0e48c5e 100644
--- a/js/main.js
+++ b/js/main.js
@@ -3,7 +3,7 @@ $(document).ready(function(){
var $header = $('section.page-header');
var viewportH = $(window).height();
var $root = $('html');
- $header.css('min-height', viewportH);
+ //$header.css('min-height', viewportH);
//$('#yourElement').one(aniEnd, doSomething);
//
var $win = $(window);
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css
index d275b6173..7fd5248bc 100644
--- a/stylesheets/stylesheet.css
+++ b/stylesheets/stylesheet.css
@@ -154,6 +154,43 @@ a {
width: 100%;
}
+.info-card-blocks {
+ align-items: center;
+ display: flex;
+}
+
+.card-images {
+ position: relative;
+}
+
+.card-image {
+ display: block;
+ width: 100%;
+}
+
+.card-image-cont1 {
+ border-color: #463a3b;
+ float: right;
+ max-width: 344px;
+}
+
+.card-image-cont2 {
+ border-color: #463a3b;
+ float: right;
+ max-width: 1200px;
+ width: 150%;
+ margin-right: 15%;
+}
+
+.brd-image {
+ border-width: 2px;
+ border-style: solid;
+ border-radius: 3px;
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 15px rgba(0, 0, 0, 0.15);
+ overflow: hidden;
+}
+
+
@media screen and (min-width: 64em) {
.btn {
padding: 0.75rem 1rem; }
@@ -196,7 +233,7 @@ a {
}
.page-header {
- min-height: 1000px;
+ min-height: 550px;
}
.logo-cont {
+ 
+ 
+ 
+