| @@ -1,351 +1,351 @@ | ||
| 1 | -<?php | |
| 2 | - | |
| 3 | -////////////////////////////////////////////////////////////// | |
| 4 | -//=========================================================== | |
| 5 | -// getting_started.php | |
| 6 | -//=========================================================== | |
| 7 | -// PAGELAYER | |
| 8 | -// Inspired by the DESIRE to be the BEST OF ALL | |
| 9 | -// ---------------------------------------------------------- | |
| 10 | -// Started by: Pulkit Gupta | |
| 11 | -// Date: 23rd Jan 2017 | |
| 12 | -// Time: 23:00 hrs | |
| 13 | -// Site: http://pagelayer.com/wordpress (PAGELAYER) | |
| 14 | -// ---------------------------------------------------------- | |
| 15 | -// Please Read the Terms of use at http://pagelayer.com/tos | |
| 16 | -// ---------------------------------------------------------- | |
| 17 | -//=========================================================== | |
| 18 | -// (c)Pagelayer Team | |
| 19 | -//=========================================================== | |
| 20 | -////////////////////////////////////////////////////////////// | |
| 21 | - | |
| 22 | -// Are we being accessed directly ? | |
| 23 | -if(!defined('PAGELAYER_VERSION')) { | |
| 24 | - exit('Hacking Attempt !'); | |
| 25 | -} | |
| 26 | - | |
| 27 | -$app = (!defined('SITEPAD') ? 'Pagelayer' : BRAND_SM); | |
| 28 | - | |
| 29 | -include_once(PAGELAYER_DIR.'/main/settings.php'); | |
| 30 | -pagelayer_page_header('Getting Started', 1); | |
| 31 | -?> | |
| 32 | - | |
| 33 | -<link rel="stylesheet" href="<?php echo PAGELAYER_CSS.'/font-awesome5.min.css';?>"> | |
| 34 | - | |
| 35 | -<div class="pagelayer-getting-started" style="padding-top:10px;"> | |
| 36 | - <div class="pagelayer-getting-started-container"> | |
| 37 | - <div class="pagelayer-getting-started-block"> | |
| 38 | - <div class="pagelayer-getting-started-logo"> | |
| 39 | - <?php echo (!defined('SITEPAD')) ? '<img src="'.PAGELAYER_URL.'/images/pagelayer-logo-256.png'.'"/>' : '<img src="'.BRAND_SM_LOGO.'" style="width:auto"/>' ?> | |
| 40 | - </div> | |
| 41 | - <div class="pagelayer-getting-started-desc"> | |
| 42 | - <h1><?php echo __pl('welcome_to').$app;?></h1> | |
| 43 | - <h6><?php echo (!defined('SITEPAD')) ? __pl('choose_pagelayer') : __pl('choose_sitepad');?></h6> | |
| 44 | - </div> | |
| 45 | - <div class="pagelayer-getting-started-video"> | |
| 46 | - <?php echo (!defined('SITEPAD')) ? '<iframe width="700" height="400" src="https://www.youtube.com/embed/t8Iz-v-qce8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>' : '<iframe height="400" width="700" src="https://www.youtube.com/embed/8e3ROkKoFwA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';?> | |
| 47 | - </div> | |
| 48 | - <div class="pagelayer-getting-started-desc"> | |
| 49 | - <h6><?php echo (!defined('SITEPAD')) ? __pl('pagelayer_desc') : __pl('sitepad_desc');?></h6> | |
| 50 | - <div class="pagelayer-getting-started-btn"> | |
| 51 | - <a href="<?php echo admin_url('/post-new.php?post_type=page')?>" class="button button-primary btn-sc"><?php echo __pl('first_page');?></a> | |
| 52 | - <a href="<?php echo (!defined('SITEPAD')) ? PAGELAYER_WWW_URL.'getting-started' : "https://sitepad.com/docs/getting-started/"; ?>" class="button button-secondary btn-sc" target="_blank"><?php echo __pl('watch_guide');?></a> | |
| 53 | - </div> | |
| 54 | - </div> | |
| 55 | - </div> | |
| 56 | - <div class="pagelayer-features"> | |
| 57 | - <div class="pagelayer-getting-started-desc"> | |
| 58 | - <h1><?php echo $app.' '.__pl('feature_style');?></h1> | |
| 59 | - <h6><?php echo $app.__pl('brand_feature_text');?></h6> | |
| 60 | - <div class="pagelayer-features-list"> | |
| 61 | - <?php $style = (defined('SITEPAD')) ? 'style="width:30%; height: 265px"' : ''; ?> | |
| 62 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 63 | - <div class="feature-block"> | |
| 64 | - <?php echo (!defined('SITEPAD')) ? '<i class="fas fa-mouse-pointer" aria-hidden="true">' : '<i class="fas fa-paper-plane" aria-hidden="true">' ?></i> | |
| 65 | - </div> | |
| 66 | - <div class="feature-block-content"> | |
| 67 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('dragdrop') : __pl('oneclick')?></h5> | |
| 68 | - <p><?php echo (!defined('SITEPAD')) ? __pl('dragdrop_desc') : __pl('oneclick_desc');?></p> | |
| 69 | - </div> | |
| 70 | - </div> | |
| 71 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 72 | - <div class="feature-block"> | |
| 73 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-th-list" aria-hidden="true">' : '<i class="fas fa-random" aria-hidden="true">' ?></i> | |
| 74 | - </div> | |
| 75 | - <div class="feature-block-content"> | |
| 76 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('widgets') : __pl('static_pages')?></h5> | |
| 77 | - <p><?php echo (!defined('SITEPAD')) ? __pl('widgets_desc') : __pl('static_pages_desc');?></p> | |
| 78 | - </div> | |
| 79 | - </div> | |
| 80 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 81 | - <div class="feature-block"> | |
| 82 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-pencil" aria-hidden="true">' : '<i class="fas fa-mobile-alt" aria-hidden="true">' ?></i> | |
| 83 | - </div> | |
| 84 | - <div class="feature-block-content"> | |
| 85 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('inline_edit') : __pl('responsive_styles')?></h5> | |
| 86 | - <p><?php echo (!defined('SITEPAD')) ? __pl('inline_edit_desc') : __pl('responsive_desc');?></p> | |
| 87 | - </div> | |
| 88 | - </div> | |
| 89 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 90 | - <div class="feature-block"> | |
| 91 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-clone" aria-hidden="true">' : '<i class="fas fa-share-square" aria-hidden="true">' ?></i> | |
| 92 | - </div> | |
| 93 | - <div class="feature-block-content"> | |
| 94 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('duplicate') : __pl('social_media')?></h5> | |
| 95 | - <p><?php echo (!defined('SITEPAD')) ? __pl('duplicate_desc') : __pl('social_media_desc');?></p> | |
| 96 | - </div> | |
| 97 | - </div> | |
| 98 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 99 | - <div class="feature-block"> | |
| 100 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-snowflake-o fa-spin" aria-hidden="true">' : '<i class="fas fa-check" aria-hidden="true">' ?></i> | |
| 101 | - </div> | |
| 102 | - <div class="feature-block-content"> | |
| 103 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('animation') : __pl('easy_use')?></h5> | |
| 104 | - <p><?php echo (!defined('SITEPAD')) ? __pl('animation_desc') : __pl('easy_use_desc');?></p> | |
| 105 | - </div> | |
| 106 | - </div> | |
| 107 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 108 | - <div class="feature-block"> | |
| 109 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-text-width" aria-hidden="true">' : '<i class="fas fa-cog" aria-hidden="true">' ?></i> | |
| 110 | - </div> | |
| 111 | - <div class="feature-block-content"> | |
| 112 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('style_option') : __pl('cpanel_integrate')?></h5> | |
| 113 | - <p><?php echo (!defined('SITEPAD')) ? __pl('style_option_desc') : __pl('cpanel_integrate_desc');?></p> | |
| 114 | - </div> | |
| 115 | - </div> | |
| 116 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 117 | - <div class="feature-block"> | |
| 118 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-paint-brush" aria-hidden="true">' : '<i class="fas fa-th-large" aria-hidden="true">' ?></i> | |
| 119 | - </div> | |
| 120 | - <div class="feature-block-content"> | |
| 121 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('real_design') : __pl('multisites')?></h5> | |
| 122 | - <p><?php echo (!defined('SITEPAD')) ? __pl('real_design_desc') : __pl('multisites_desc');?></p> | |
| 123 | - </div> | |
| 124 | - </div> | |
| 125 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 126 | - <div class="feature-block"> | |
| 127 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-font" aria-hidden="true">' : '<i class="fas fa-copy" aria-hidden="true">' ?></i> | |
| 128 | - </div> | |
| 129 | - <div class="feature-block-content"> | |
| 130 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('typography') : __pl('replicate_obj')?></h5> | |
| 131 | - <p><?php echo (!defined('SITEPAD')) ? __pl('typography_desc') : __pl('replicate_obj_desc');?></p> | |
| 132 | - </div> | |
| 133 | - </div> | |
| 134 | - <div class="feature-block-card" <?php echo $style; ?>> | |
| 135 | - <div class="feature-block"> | |
| 136 | - <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-cubes" aria-hidden="true">' : '<i class="fas fa-shopping-cart" aria-hidden="true">' ?></i> | |
| 137 | - </div> | |
| 138 | - <div class="feature-block-content"> | |
| 139 | - <h5><?php echo (!defined('SITEPAD')) ? __pl('easy_customize') : __pl('whmcs')?></h5> | |
| 140 | - <p><?php echo (!defined('SITEPAD')) ? __pl('easy_customize_desc') : __pl('whmcs_desc');?></p> | |
| 141 | - </div> | |
| 142 | - </div> | |
| 143 | - </div> | |
| 144 | - <div class="pagelayer-getting-started-btn"> | |
| 145 | - <a href=" <?php echo (!defined('SITEPAD')) ? PAGELAYER_WWW_URL : "http://sitepad.com/"?>" class="button button-secondary btn-sc" target="_blank" style="margin-top:20px;"><?php echo __pl('why').' '.$app.'?';?></a> | |
| 146 | - </div> | |
| 147 | - </div> | |
| 148 | - </div> | |
| 149 | - </div> | |
| 150 | -</div> | |
| 151 | - | |
| 152 | -<style> | |
| 153 | -.pagelayer-getting-started{ | |
| 154 | - padding: 20px 0; | |
| 155 | -} | |
| 156 | - | |
| 157 | -.pagelayer-getting-started-container{ | |
| 158 | - margin: 0 auto; | |
| 159 | - max-width: 1000px; | |
| 160 | - padding: 0; | |
| 161 | - text-align: center; | |
| 162 | -} | |
| 163 | - | |
| 164 | -.pagelayer-getting-started-block{ | |
| 165 | - background-color: #fff; | |
| 166 | - border: 1px solid #e2e8f0; | |
| 167 | - border-radius: 16px; | |
| 168 | - margin-bottom: 40px; | |
| 169 | - padding: 48px 32px; | |
| 170 | - box-shadow: 0 4px 20px -2px rgba(0,0,0,0.03), 0 2px 8px -1px rgba(0,0,0,0.02); | |
| 171 | -} | |
| 172 | - | |
| 173 | -.pagelayer-getting-started-logo { | |
| 174 | - margin-bottom: 24px; | |
| 175 | -} | |
| 176 | - | |
| 177 | -.pagelayer-getting-started-logo img{ | |
| 178 | - max-width: 120px; | |
| 179 | - height: auto; | |
| 180 | - display: inline-block; | |
| 181 | -} | |
| 182 | - | |
| 183 | -.pagelayer-getting-started-desc{ | |
| 184 | - padding: 0; | |
| 185 | - margin-bottom: 28px; | |
| 186 | -} | |
| 187 | - | |
| 188 | -.pagelayer-getting-started-desc h1{ | |
| 189 | - color: #0f172a; | |
| 190 | - font-size: 28px; | |
| 191 | - font-weight: 700; | |
| 192 | - margin: 0 0 12px 0; | |
| 193 | - letter-spacing: -0.5px; | |
| 194 | -} | |
| 195 | - | |
| 196 | -.pagelayer-getting-started-desc h6{ | |
| 197 | - font-size: 15px; | |
| 198 | - font-weight: 400; | |
| 199 | - line-height: 1.6; | |
| 200 | - color: #475569; | |
| 201 | - margin: 0 auto; | |
| 202 | - max-width: 720px; | |
| 203 | -} | |
| 204 | - | |
| 205 | -/* Responsive Video Wrapper */ | |
| 206 | -.pagelayer-getting-started-video { | |
| 207 | - position: relative; | |
| 208 | - padding-bottom: 56.25%; /* 16:9 ratio */ | |
| 209 | - height: 0; | |
| 210 | - overflow: hidden; | |
| 211 | - max-width: 760px; | |
| 212 | - margin: 32px auto; | |
| 213 | - border-radius: 12px; | |
| 214 | - box-shadow: 0 12px 30px rgba(0,0,0,0.08); | |
| 215 | - border: 1px solid #e2e8f0; | |
| 216 | -} | |
| 217 | - | |
| 218 | -.pagelayer-getting-started-video iframe { | |
| 219 | - position: absolute; | |
| 220 | - top: 0; | |
| 221 | - left: 0; | |
| 222 | - width: 100%; | |
| 223 | - height: 100%; | |
| 224 | - border: 0; | |
| 225 | -} | |
| 226 | - | |
| 227 | -.pagelayer-getting-started-btn{ | |
| 228 | - margin: 32px auto 0; | |
| 229 | - display: flex; | |
| 230 | - gap: 16px; | |
| 231 | - justify-content: center; | |
| 232 | - flex-wrap: wrap; | |
| 233 | -} | |
| 234 | - | |
| 235 | -/* Buttons styling */ | |
| 236 | -.pagelayer-getting-started-btn .btn-sc { | |
| 237 | - font-size: 14px !important; | |
| 238 | - font-weight: 600 !important; | |
| 239 | - padding: 12px 32px !important; | |
| 240 | - border-radius: 8px !important; | |
| 241 | - height: auto !important; | |
| 242 | - line-height: 1.4 !important; | |
| 243 | - cursor: pointer; | |
| 244 | - text-decoration: none; | |
| 245 | - transition: all 0.2s ease-in-out; | |
| 246 | - display: inline-block; | |
| 247 | -} | |
| 248 | - | |
| 249 | -.pagelayer-getting-started-btn .button-primary { | |
| 250 | - background: #4f46e5 !important; | |
| 251 | - color: #fff !important; | |
| 252 | - border: none !important; | |
| 253 | - box-shadow: 0 4px 6px -1px rgba(79, 70, 229, 0.15), 0 2px 4px -1px rgba(79, 70, 229, 0.1) !important; | |
| 254 | -} | |
| 255 | - | |
| 256 | -.pagelayer-getting-started-btn .button-primary:hover { | |
| 257 | - background: #4338ca !important; | |
| 258 | - box-shadow: 0 6px 12px -2px rgba(79, 70, 229, 0.25) !important; | |
| 259 | - transform: translateY(-1px); | |
| 260 | -} | |
| 261 | - | |
| 262 | -.pagelayer-getting-started-btn .button-secondary { | |
| 263 | - background: #fff !important; | |
| 264 | - color: #344054 !important; | |
| 265 | - border: 1.5px solid #d0d5dd !important; | |
| 266 | -} | |
| 267 | - | |
| 268 | -.pagelayer-getting-started-btn .button-secondary:hover { | |
| 269 | - background: #f9fafb !important; | |
| 270 | - border-color: #cbd5e1 !important; | |
| 271 | - color: #1e293b !important; | |
| 272 | - transform: translateY(-1px); | |
| 273 | -} | |
| 274 | - | |
| 275 | -/* Features section */ | |
| 276 | -.pagelayer-features{ | |
| 277 | - background-color: #fff; | |
| 278 | - border: 1px solid #e2e8f0; | |
| 279 | - border-radius: 16px; | |
| 280 | - padding: 48px 32px; | |
| 281 | - box-shadow: 0 4px 20px -2px rgba(0,0,0,0.03); | |
| 282 | -} | |
| 283 | - | |
| 284 | -.pagelayer-features-list { | |
| 285 | - display: grid; | |
| 286 | - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); | |
| 287 | - gap: 24px; | |
| 288 | - margin-top: 40px; | |
| 289 | -} | |
| 290 | - | |
| 291 | -.feature-block-card{ | |
| 292 | - background: #fff; | |
| 293 | - border: 1px solid #f1f5f9; | |
| 294 | - border-radius: 12px; | |
| 295 | - padding: 28px 20px; | |
| 296 | - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01); | |
| 297 | - transition: all 0.25s ease-in-out; | |
| 298 | - display: flex; | |
| 299 | - flex-direction: column; | |
| 300 | - align-items: center; | |
| 301 | - text-align: center; | |
| 302 | - box-sizing: border-box; | |
| 303 | -} | |
| 304 | - | |
| 305 | -.feature-block-card:hover { | |
| 306 | - border-color: #e2e8f0; | |
| 307 | - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02); | |
| 308 | - transform: translateY(-2px); | |
| 309 | -} | |
| 310 | - | |
| 311 | -.feature-block{ | |
| 312 | - background: #eef2ff !important; | |
| 313 | - border-radius: 50%; | |
| 314 | - width: 56px; | |
| 315 | - height: 56px; | |
| 316 | - display: flex; | |
| 317 | - align-items: center; | |
| 318 | - justify-content: center; | |
| 319 | - margin-bottom: 20px; | |
| 320 | - transition: background-color 0.2s; | |
| 321 | -} | |
| 322 | - | |
| 323 | -.feature-block-card:hover .feature-block { | |
| 324 | - background: #e0e7ff !important; | |
| 325 | -} | |
| 326 | - | |
| 327 | -.feature-block i{ | |
| 328 | - font-size: 22px; | |
| 329 | - color: #4f46e5; | |
| 330 | -} | |
| 331 | - | |
| 332 | -.feature-block-content h5{ | |
| 333 | - color: #0f172a; | |
| 334 | - font-size: 17px; | |
| 335 | - font-weight: 600; | |
| 336 | - margin: 0 0 10px 0; | |
| 337 | - letter-spacing: -0.2px; | |
| 338 | -} | |
| 339 | - | |
| 340 | -.feature-block-content p{ | |
| 341 | - color: #475569; | |
| 342 | - font-size: 13.5px; | |
| 343 | - line-height: 1.5; | |
| 344 | - margin: 0; | |
| 345 | -} | |
| 346 | - | |
| 347 | -.fa-spin{ | |
| 348 | - -webkit-animation: fa-spin 2s infinite linear; | |
| 349 | - animation: fa-spin 2s infinite linear; | |
| 350 | -} | |
| 351 | -</style> | |
| 1 | +<?php | |
| 2 | + | |
| 3 | +////////////////////////////////////////////////////////////// | |
| 4 | +//=========================================================== | |
| 5 | +// getting_started.php | |
| 6 | +//=========================================================== | |
| 7 | +// PAGELAYER | |
| 8 | +// Inspired by the DESIRE to be the BEST OF ALL | |
| 9 | +// ---------------------------------------------------------- | |
| 10 | +// Started by: Pulkit Gupta | |
| 11 | +// Date: 23rd Jan 2017 | |
| 12 | +// Time: 23:00 hrs | |
| 13 | +// Site: http://pagelayer.com/wordpress (PAGELAYER) | |
| 14 | +// ---------------------------------------------------------- | |
| 15 | +// Please Read the Terms of use at http://pagelayer.com/tos | |
| 16 | +// ---------------------------------------------------------- | |
| 17 | +//=========================================================== | |
| 18 | +// (c)Pagelayer Team | |
| 19 | +//=========================================================== | |
| 20 | +////////////////////////////////////////////////////////////// | |
| 21 | + | |
| 22 | +// Are we being accessed directly ? | |
| 23 | +if(!defined('PAGELAYER_VERSION')) { | |
| 24 | + exit('Hacking Attempt !'); | |
| 25 | +} | |
| 26 | + | |
| 27 | +$app = (!defined('SITEPAD') ? 'Pagelayer' : BRAND_SM); | |
| 28 | + | |
| 29 | +include_once(PAGELAYER_DIR.'/main/settings.php'); | |
| 30 | +pagelayer_page_header('Getting Started', 1); | |
| 31 | +?> | |
| 32 | + | |
| 33 | +<link rel="stylesheet" href="<?php echo PAGELAYER_CSS.'/font-awesome5.min.css';?>"> | |
| 34 | + | |
| 35 | +<div class="pagelayer-getting-started" style="padding-top:10px;"> | |
| 36 | + <div class="pagelayer-getting-started-container"> | |
| 37 | + <div class="pagelayer-getting-started-block"> | |
| 38 | + <div class="pagelayer-getting-started-logo"> | |
| 39 | + <?php echo (!defined('SITEPAD')) ? '<img src="'.PAGELAYER_URL.'/images/pagelayer-logo-256.png'.'"/>' : '<img src="'.BRAND_SM_LOGO.'" style="width:auto"/>' ?> | |
| 40 | + </div> | |
| 41 | + <div class="pagelayer-getting-started-desc"> | |
| 42 | + <h1><?php echo __pl('welcome_to').$app;?></h1> | |
| 43 | + <h6><?php echo (!defined('SITEPAD')) ? __pl('choose_pagelayer') : __pl('choose_sitepad');?></h6> | |
| 44 | + </div> | |
| 45 | + <div class="pagelayer-getting-started-video"> | |
| 46 | + <?php echo (!defined('SITEPAD')) ? '<iframe width="700" height="400" src="https://www.youtube.com/embed/t8Iz-v-qce8" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>' : '<iframe height="400" width="700" src="https://www.youtube.com/embed/8e3ROkKoFwA" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>';?> | |
| 47 | + </div> | |
| 48 | + <div class="pagelayer-getting-started-desc"> | |
| 49 | + <h6><?php echo (!defined('SITEPAD')) ? __pl('pagelayer_desc') : __pl('sitepad_desc');?></h6> | |
| 50 | + <div class="pagelayer-getting-started-btn"> | |
| 51 | + <a href="<?php echo admin_url('/post-new.php?post_type=page')?>" class="button button-primary btn-sc"><?php echo __pl('first_page');?></a> | |
| 52 | + <a href="<?php echo (!defined('SITEPAD')) ? PAGELAYER_WWW_URL.'getting-started' : "https://sitepad.com/docs/getting-started/"; ?>" class="button button-secondary btn-sc" target="_blank"><?php echo __pl('watch_guide');?></a> | |
| 53 | + </div> | |
| 54 | + </div> | |
| 55 | + </div> | |
| 56 | + <div class="pagelayer-features"> | |
| 57 | + <div class="pagelayer-getting-started-desc"> | |
| 58 | + <h1><?php echo $app.' '.__pl('feature_style');?></h1> | |
| 59 | + <h6><?php echo $app.__pl('brand_feature_text');?></h6> | |
| 60 | + <div class="pagelayer-features-list"> | |
| 61 | + <?php $style = (defined('SITEPAD')) ? 'style="width:30%; height: 265px"' : ''; ?> | |
| 62 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 63 | + <div class="feature-block"> | |
| 64 | + <?php echo (!defined('SITEPAD')) ? '<i class="fas fa-mouse-pointer" aria-hidden="true">' : '<i class="fas fa-paper-plane" aria-hidden="true">' ?></i> | |
| 65 | + </div> | |
| 66 | + <div class="feature-block-content"> | |
| 67 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('dragdrop') : __pl('oneclick')?></h5> | |
| 68 | + <p><?php echo (!defined('SITEPAD')) ? __pl('dragdrop_desc') : __pl('oneclick_desc');?></p> | |
| 69 | + </div> | |
| 70 | + </div> | |
| 71 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 72 | + <div class="feature-block"> | |
| 73 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-th-list" aria-hidden="true">' : '<i class="fas fa-random" aria-hidden="true">' ?></i> | |
| 74 | + </div> | |
| 75 | + <div class="feature-block-content"> | |
| 76 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('widgets') : __pl('static_pages')?></h5> | |
| 77 | + <p><?php echo (!defined('SITEPAD')) ? __pl('widgets_desc') : __pl('static_pages_desc');?></p> | |
| 78 | + </div> | |
| 79 | + </div> | |
| 80 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 81 | + <div class="feature-block"> | |
| 82 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-pencil" aria-hidden="true">' : '<i class="fas fa-mobile-alt" aria-hidden="true">' ?></i> | |
| 83 | + </div> | |
| 84 | + <div class="feature-block-content"> | |
| 85 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('inline_edit') : __pl('responsive_styles')?></h5> | |
| 86 | + <p><?php echo (!defined('SITEPAD')) ? __pl('inline_edit_desc') : __pl('responsive_desc');?></p> | |
| 87 | + </div> | |
| 88 | + </div> | |
| 89 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 90 | + <div class="feature-block"> | |
| 91 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-clone" aria-hidden="true">' : '<i class="fas fa-share-square" aria-hidden="true">' ?></i> | |
| 92 | + </div> | |
| 93 | + <div class="feature-block-content"> | |
| 94 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('duplicate') : __pl('social_media')?></h5> | |
| 95 | + <p><?php echo (!defined('SITEPAD')) ? __pl('duplicate_desc') : __pl('social_media_desc');?></p> | |
| 96 | + </div> | |
| 97 | + </div> | |
| 98 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 99 | + <div class="feature-block"> | |
| 100 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-snowflake-o fa-spin" aria-hidden="true">' : '<i class="fas fa-check" aria-hidden="true">' ?></i> | |
| 101 | + </div> | |
| 102 | + <div class="feature-block-content"> | |
| 103 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('animation') : __pl('easy_use')?></h5> | |
| 104 | + <p><?php echo (!defined('SITEPAD')) ? __pl('animation_desc') : __pl('easy_use_desc');?></p> | |
| 105 | + </div> | |
| 106 | + </div> | |
| 107 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 108 | + <div class="feature-block"> | |
| 109 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-text-width" aria-hidden="true">' : '<i class="fas fa-cog" aria-hidden="true">' ?></i> | |
| 110 | + </div> | |
| 111 | + <div class="feature-block-content"> | |
| 112 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('style_option') : __pl('cpanel_integrate')?></h5> | |
| 113 | + <p><?php echo (!defined('SITEPAD')) ? __pl('style_option_desc') : __pl('cpanel_integrate_desc');?></p> | |
| 114 | + </div> | |
| 115 | + </div> | |
| 116 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 117 | + <div class="feature-block"> | |
| 118 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-paint-brush" aria-hidden="true">' : '<i class="fas fa-th-large" aria-hidden="true">' ?></i> | |
| 119 | + </div> | |
| 120 | + <div class="feature-block-content"> | |
| 121 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('real_design') : __pl('multisites')?></h5> | |
| 122 | + <p><?php echo (!defined('SITEPAD')) ? __pl('real_design_desc') : __pl('multisites_desc');?></p> | |
| 123 | + </div> | |
| 124 | + </div> | |
| 125 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 126 | + <div class="feature-block"> | |
| 127 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-font" aria-hidden="true">' : '<i class="fas fa-copy" aria-hidden="true">' ?></i> | |
| 128 | + </div> | |
| 129 | + <div class="feature-block-content"> | |
| 130 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('typography') : __pl('replicate_obj')?></h5> | |
| 131 | + <p><?php echo (!defined('SITEPAD')) ? __pl('typography_desc') : __pl('replicate_obj_desc');?></p> | |
| 132 | + </div> | |
| 133 | + </div> | |
| 134 | + <div class="feature-block-card" <?php echo $style; ?>> | |
| 135 | + <div class="feature-block"> | |
| 136 | + <?php echo (!defined('SITEPAD')) ? '<i class="fa fa-cubes" aria-hidden="true">' : '<i class="fas fa-shopping-cart" aria-hidden="true">' ?></i> | |
| 137 | + </div> | |
| 138 | + <div class="feature-block-content"> | |
| 139 | + <h5><?php echo (!defined('SITEPAD')) ? __pl('easy_customize') : __pl('whmcs')?></h5> | |
| 140 | + <p><?php echo (!defined('SITEPAD')) ? __pl('easy_customize_desc') : __pl('whmcs_desc');?></p> | |
| 141 | + </div> | |
| 142 | + </div> | |
| 143 | + </div> | |
| 144 | + <div class="pagelayer-getting-started-btn"> | |
| 145 | + <a href=" <?php echo (!defined('SITEPAD')) ? PAGELAYER_WWW_URL : "http://sitepad.com/"?>" class="button button-secondary btn-sc" target="_blank" style="margin-top:20px;"><?php echo __pl('why').' '.$app.'?';?></a> | |
| 146 | + </div> | |
| 147 | + </div> | |
| 148 | + </div> | |
| 149 | + </div> | |
| 150 | +</div> | |
| 151 | + | |
| 152 | +<style> | |
| 153 | +.pagelayer-getting-started{ | |
| 154 | + padding: 20px 0; | |
| 155 | +} | |
| 156 | + | |
| 157 | +.pagelayer-getting-started-container{ | |
| 158 | + margin: 0 auto; | |
| 159 | + max-width: 1000px; | |
| 160 | + padding: 0; | |
| 161 | + text-align: center; | |
| 162 | +} | |
| 163 | + | |
| 164 | +.pagelayer-getting-started-block{ | |
| 165 | + background-color: #fff; | |
| 166 | + border: 1px solid #e2e8f0; | |
| 167 | + border-radius: 16px; | |
| 168 | + margin-bottom: 40px; | |
| 169 | + padding: 48px 32px; | |
| 170 | + box-shadow: 0 4px 20px -2px rgba(0,0,0,0.03), 0 2px 8px -1px rgba(0,0,0,0.02); | |
| 171 | +} | |
| 172 | + | |
| 173 | +.pagelayer-getting-started-logo { | |
| 174 | + margin-bottom: 24px; | |
| 175 | +} | |
| 176 | + | |
| 177 | +.pagelayer-getting-started-logo img{ | |
| 178 | + max-width: 120px; | |
| 179 | + height: auto; | |
| 180 | + display: inline-block; | |
| 181 | +} | |
| 182 | + | |
| 183 | +.pagelayer-getting-started-desc{ | |
| 184 | + padding: 0; | |
| 185 | + margin-bottom: 28px; | |
| 186 | +} | |
| 187 | + | |
| 188 | +.pagelayer-getting-started-desc h1{ | |
| 189 | + color: #0f172a; | |
| 190 | + font-size: 28px; | |
| 191 | + font-weight: 700; | |
| 192 | + margin: 0 0 12px 0; | |
| 193 | + letter-spacing: -0.5px; | |
| 194 | +} | |
| 195 | + | |
| 196 | +.pagelayer-getting-started-desc h6{ | |
| 197 | + font-size: 15px; | |
| 198 | + font-weight: 400; | |
| 199 | + line-height: 1.6; | |
| 200 | + color: #475569; | |
| 201 | + margin: 0 auto; | |
| 202 | + max-width: 720px; | |
| 203 | +} | |
| 204 | + | |
| 205 | +/* Responsive Video Wrapper */ | |
| 206 | +.pagelayer-getting-started-video { | |
| 207 | + position: relative; | |
| 208 | + padding-bottom: 56.25%; /* 16:9 ratio */ | |
| 209 | + height: 0; | |
| 210 | + overflow: hidden; | |
| 211 | + max-width: 760px; | |
| 212 | + margin: 32px auto; | |
| 213 | + border-radius: 12px; | |
| 214 | + box-shadow: 0 12px 30px rgba(0,0,0,0.08); | |
| 215 | + border: 1px solid #e2e8f0; | |
| 216 | +} | |
| 217 | + | |
| 218 | +.pagelayer-getting-started-video iframe { | |
| 219 | + position: absolute; | |
| 220 | + top: 0; | |
| 221 | + left: 0; | |
| 222 | + width: 100%; | |
| 223 | + height: 100%; | |
| 224 | + border: 0; | |
| 225 | +} | |
| 226 | + | |
| 227 | +.pagelayer-getting-started-btn{ | |
| 228 | + margin: 32px auto 0; | |
| 229 | + display: flex; | |
| 230 | + gap: 16px; | |
| 231 | + justify-content: center; | |
| 232 | + flex-wrap: wrap; | |
| 233 | +} | |
| 234 | + | |
| 235 | +/* Buttons styling */ | |
| 236 | +.pagelayer-getting-started-btn .btn-sc { | |
| 237 | + font-size: 14px !important; | |
| 238 | + font-weight: 600 !important; | |
| 239 | + padding: 12px 32px !important; | |
| 240 | + border-radius: 8px !important; | |
| 241 | + height: auto !important; | |
| 242 | + line-height: 1.4 !important; | |
| 243 | + cursor: pointer; | |
| 244 | + text-decoration: none; | |
| 245 | + transition: all 0.2s ease-in-out; | |
| 246 | + display: inline-block; | |
| 247 | +} | |
| 248 | + | |
| 249 | +.pagelayer-getting-started-btn .button-primary { | |
| 250 | + background: #2563eb !important; | |
| 251 | + color: #fff !important; | |
| 252 | + border: none !important; | |
| 253 | + box-shadow: 0 4px 6px -1px rgba(37, 99, 235, 0.15), 0 2px 4px -1px rgba(37, 99, 235, 0.1) !important; | |
| 254 | +} | |
| 255 | + | |
| 256 | +.pagelayer-getting-started-btn .button-primary:hover { | |
| 257 | + background: #1d4ed8 !important; | |
| 258 | + box-shadow: 0 6px 12px -2px rgba(37, 99, 235, 0.25) !important; | |
| 259 | + transform: translateY(-1px); | |
| 260 | +} | |
| 261 | + | |
| 262 | +.pagelayer-getting-started-btn .button-secondary { | |
| 263 | + background: #fff !important; | |
| 264 | + color: #344054 !important; | |
| 265 | + border: 1.5px solid #d0d5dd !important; | |
| 266 | +} | |
| 267 | + | |
| 268 | +.pagelayer-getting-started-btn .button-secondary:hover { | |
| 269 | + background: #f9fafb !important; | |
| 270 | + border-color: #cbd5e1 !important; | |
| 271 | + color: #1e293b !important; | |
| 272 | + transform: translateY(-1px); | |
| 273 | +} | |
| 274 | + | |
| 275 | +/* Features section */ | |
| 276 | +.pagelayer-features{ | |
| 277 | + background-color: #fff; | |
| 278 | + border: 1px solid #e2e8f0; | |
| 279 | + border-radius: 16px; | |
| 280 | + padding: 48px 32px; | |
| 281 | + box-shadow: 0 4px 20px -2px rgba(0,0,0,0.03); | |
| 282 | +} | |
| 283 | + | |
| 284 | +.pagelayer-features-list { | |
| 285 | + display: grid; | |
| 286 | + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); | |
| 287 | + gap: 24px; | |
| 288 | + margin-top: 40px; | |
| 289 | +} | |
| 290 | + | |
| 291 | +.feature-block-card{ | |
| 292 | + background: #fff; | |
| 293 | + border: 1px solid #f1f5f9; | |
| 294 | + border-radius: 12px; | |
| 295 | + padding: 28px 20px; | |
| 296 | + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.01); | |
| 297 | + transition: all 0.25s ease-in-out; | |
| 298 | + display: flex; | |
| 299 | + flex-direction: column; | |
| 300 | + align-items: center; | |
| 301 | + text-align: center; | |
| 302 | + box-sizing: border-box; | |
| 303 | +} | |
| 304 | + | |
| 305 | +.feature-block-card:hover { | |
| 306 | + border-color: #e2e8f0; | |
| 307 | + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.02); | |
| 308 | + transform: translateY(-2px); | |
| 309 | +} | |
| 310 | + | |
| 311 | +.feature-block{ | |
| 312 | + background: #eef2ff !important; | |
| 313 | + border-radius: 50%; | |
| 314 | + width: 56px; | |
| 315 | + height: 56px; | |
| 316 | + display: flex; | |
| 317 | + align-items: center; | |
| 318 | + justify-content: center; | |
| 319 | + margin-bottom: 20px; | |
| 320 | + transition: background-color 0.2s; | |
| 321 | +} | |
| 322 | + | |
| 323 | +.feature-block-card:hover .feature-block { | |
| 324 | + background: #e0e7ff !important; | |
| 325 | +} | |
| 326 | + | |
| 327 | +.feature-block i{ | |
| 328 | + font-size: 22px; | |
| 329 | + color: #2563eb; | |
| 330 | +} | |
| 331 | + | |
| 332 | +.feature-block-content h5{ | |
| 333 | + color: #0f172a; | |
| 334 | + font-size: 17px; | |
| 335 | + font-weight: 600; | |
| 336 | + margin: 0 0 10px 0; | |
| 337 | + letter-spacing: -0.2px; | |
| 338 | +} | |
| 339 | + | |
| 340 | +.feature-block-content p{ | |
| 341 | + color: #475569; | |
| 342 | + font-size: 13.5px; | |
| 343 | + line-height: 1.5; | |
| 344 | + margin: 0; | |
| 345 | +} | |
| 346 | + | |
| 347 | +.fa-spin{ | |
| 348 | + -webkit-animation: fa-spin 2s infinite linear; | |
| 349 | + animation: fa-spin 2s infinite linear; | |
| 350 | +} | |
| 351 | +</style> | |
