{"module_name":"New Module","module_title":{"value":{"1":""}},"items_per_row":{"range":"1,10","step":"1","value":{"mobile":{"value":"3","range":"1,10","step":"1"},"mobile1":{"value":"3","range":"1,10","step":"1"},"tablet":{"value":"3","range":"1,10","step":"1"},"tablet1":{"value":"3","range":"1,10","step":"1"},"tablet2":{"value":"4","range":"1,10","step":"1"},"desktop":{"value":"3","range":"1,10","step":"1"},"desktop1":{"value":"4","range":"1,10","step":"1"},"desktop2":{"value":"4","range":"1,10","step":"1"},"large_desktop":{"value":"4","range":"1,10","step":"1"},"large_desktop1":{"value":"4","range":"1,10","step":"1"},"large_desktop2":{"value":"4","range":"1,10","step":"1"}}},"module_background":{"value":{"bgimage_attach":"fixed","use_gradient":"0","bgimage_size":"auto","bgimage_position":"center top","bgimage":{"value":{"image":""}},"gradient":"background: #74e3ec; \/* Old Browsers *\/\nbackground: -webkit-linear-gradient(left,#74e3ec,#c7ffe2); \/*Safari 5.1-6*\/\nbackground: -o-linear-gradient(left,#74e3ec,#c7ffe2); \/*Opera 11.1-12*\/\nbackground: -moz-linear-gradient(left,#74e3ec,#c7ffe2); \/*Fx 3.6-15*\/\nbackground: linear-gradient(to right, #74e3ec, #c7ffe2); \/*Standard*\/"}},"module_padding":"1","background":{"value":{"bgimage_attach":"scroll","use_gradient":0,"bgimage_size":"auto","bgimage_position":"center top","bgimage":{"value":{"image":""}}}},"fullwidth":"0","margin_top":"","margin_bottom":"","bg":{"value":{"bgimage_attach":"scroll","use_gradient":"0","bgimage_size":"auto","bgimage_position":"right center","bgimage":{"value":{"image":""}},"bgimage_repeat":"repeat-x","gradient":"background: #ffffff; \/* Old Browsers *\/\nbackground: -webkit-radial-gradient(center,#ffffff,#ffffff); \/*Safari 5.1-6*\/\nbackground: -o-radial-gradient(center,#ffffff,#ffffff); \/*Opera 11.1-12*\/\nbackground: -moz-radial-gradient(center,#ffffff,#ffffff); \/*Fx 3.6-15*\/\nbackground: radial-gradient(ellipse at center, #ffffff, #ffffff); \/*Standard*\/\n\n\nCSS Gradients Browser compatibility\n\nIE\tEdge\tFirefox\tChrome\tSafari\tOpera\tiOS Safari\tOpera\nMini\tAndroid \nBrowser\tChrome\nAndroid\n10+\t12+\t16+\t26+\t6.1+\t12\t7.1+\tx\t4.4+\t46+\nAbout CSS Gradients\n\nThe CSS Gradient generator tool is a nice and simple to use utility to quickly generate linear and radial color gradients. You can create the gradients and export the CSS code with colors in HEX or RGB format. \n\n\nWhat is a CSS Gradient? \n\nCSS3 gradients let you display smooth transitions between two or more specified colors.\nEarlier, you had to use images for these effects. However, by using CSS3 gradients you can reduce download time and bandwidth usage. In addition, elements with gradients look better when zoomed, because the gradient is generated by the browser.\n\nCSS3 defines two types of gradients:\n- Linear Gradients (goes down\/up\/left\/right\/diagonally)\n- Radial Gradients (defined by their center)\nDefinition from W3Schools \n\n\nThe <gradient> CSS data type denotes a CSS <image> made of a progressive transition between two or more colors. A CSS gradient is not a CSS <color> but an image with no intrinsic dimensions; that is, it has no natural or preferred size, nor a preferred ratio. Its concrete size will match the one of the element it applies to. \n\nThere are three kinds of color gradients:\n- linear gradients, generated by the linear-gradient() function, where the color smoothly fades along an imaginary line.\n- radial gradients, generated by the radial-gradient() function. The more away from an origin a point is, the more far from the original color it is.\n- repeating gradients, which are fixed sized linear or radial gradients repeated as much as needed to fill the entire box.\n\nDefinition from MDN - Mozilla Developer Network\n\n\nWhere can I find more information about CSS gradients? \n\n- You can find more informaiton about CSS gradient at W3Schools, Mozilla Developer Network, W3C, QuirksMode \n- Compatibility Data from Can I Use. More information about compatibility on Desktop and Network.\n\nCSS3 Linear Gradients - linear-gradient()\n\nWhat is a CSS Linear Gradient? \n\nA linear gradient is created by specifying a straight gradient line, and then several colors placed along that line. The image is constructed by creating an infinite canvas and painting it with lines perpendicular to the gradient line, with the color of the painted line being the color of the gradient line where the two intersect. This produces a smooth fade from each color to the next, progressing in the specified direction.\n\nDefinition from W3C\n\n\nExamples of Linear Gradients \n\nLinear Gradient - Top to Bottom (default direction)\n\nLinear Gradient - Left to Right\n\nLinear Gradient - Right to Left\n\nLinear Gradient - Diagonal\nCreate Linear Gradients More Linear Gradients\nCSS3 Radial Gradients - radial-gradient()\n\nWhat is a CSS Radial Gradient? \n\nIn a radial gradient, rather than colors smoothly fading from one side of the gradient box to the other as with linear gradients, they instead emerge from a single point and smoothly spread outward in a circular or elliptical shape.\n\nA radial gradient is specified by indicating the center of the gradient (where the 0% ellipse will be) and the size and shape of the ending shape (the 100% ellipse). Color stops are given as a list, just as for linear-gradient(). Starting from the gradient center and progressing towards (and potentially beyond) the ending shape uniformly-scaled concentric ellipses are drawn and colored according to the specified color stops.\n\nDefinition from W3C\n\n\nExamples of Radial Gradients \n\nRadial Gradient - Center (default direction)\n\nRadial Gradient - Top\n\nRadial Gradient - Bottom Left\nCreate Radial Gradients More Radial Gradients\n\u00a9 2016-2017 - Made with \u2665 \u219d Say Hello! Scroll down for more info \u2193"}},"border":{"value":{"border_rounded":"px","border":{"value":{"text":"1"}},"border_top":{"value":{"text":""}},"border_right":{"value":{"text":""}},"border_bottom":{"value":{"text":""}},"border_left":{"value":{"text":""}},"border_radius":{"value":{"text":"1"}},"border_radius_top":{"value":""},"border_radius_right":{"value":""},"border_radius_left":{"value":""},"border_radius_bottom":{"value":{"text":""}},"border_color":{"value":{"color":"rgb(0, 0, 0)"}},"border_type":"dotted"}},"padding":{"value":""},"sections":[{"bg_color":{"value":{"color":"rgb(255, 255, 255)"}},"is_open":true,"section_title":[],"text":{"1":"<p><a href=\"http:\/\/innovocean.ca\/index.php?route=information\/information&amp;information_id=13\"><img alt=\"\" height=\"150\" src=\"http:\/\/innovocean.ca\/image\/Image\/bkm\/tim.jpg\" width=\"200\" \/><\/a><\/p>\n"},"text_align":"center","icon_status":"0","icon_position":"top","block_icon_offset":"","icon":{"options":{"font_size":"16px"}},"icon_border":{"value":{"border_rounded":"px"}},"icon_bg_color":"","icon_width":"","icon_height":"","status":"1","sort_order":"1"},{"bg_color":"","is_open":true,"section_title":[],"text":{"1":"<p><a href=\"http:\/\/innovocean.ca\/index.php?route=information\/information&amp;information_id=10\"><img alt=\"\" height=\"200\" src=\"http:\/\/innovocean.ca\/image\/Image\/bkm\/36a8c74d-6945-4a1f-8462-4c5640cdaa54_1000.jpg\" width=\"200\" \/><\/a><\/p>\n"},"text_align":"center","icon_status":"0","icon_position":"top","block_icon_offset":"","icon":{"options":{"font_size":"---"}},"icon_border":{"value":{"border_rounded":"px"}},"icon_bg_color":"","icon_width":"","icon_height":"","status":"1","sort_order":"2"},{"bg_color":"","is_open":true,"section_title":[],"text":{"1":"<p><a href=\"http:\/\/innovocean.ca\/index.php?route=information\/information&amp;information_id=14\"><img alt=\"\" height=\"150\" src=\"http:\/\/innovocean.ca\/image\/Image\/KBK\/contact-us.png\" width=\"300\" \/><\/a><\/p>\n"},"text_align":"center","icon_status":"0","icon_position":"top","block_icon_offset":"","icon":{"options":{"font_size":"---"}},"icon_border":{"value":{"border_rounded":"px"}},"icon_bg_color":"","icon_width":"","icon_height":"","status":"1","sort_order":""},{"bg_color":"","is_open":true,"section_title":[],"text":{"1":"<p>&nbsp;<\/p>\n\n<p>&nbsp;<\/p>\n\n<p>&nbsp;<\/p>\n\n<p><img alt=\"\" height=\"84\" src=\"http:\/\/innovocean.ca\/image\/Image\/KBK\/YouTube_logo.png\" width=\"200\" \/><\/p>\n"},"text_align":"center","icon_status":"0","icon_position":"top","block_icon_offset":"","icon":{"options":{"font_size":"---"}},"icon_border":{"value":{"border_rounded":"px"}},"icon_bg_color":"","icon_width":"","icon_height":"","status":"1","sort_order":""}],"enable_on_phone":"1","enable_on_tablet":"1","enable_on_desktop":"1","general_is_open":true,"top_bottom_is_open":true}