{"id":274,"date":"2021-05-20T22:35:38","date_gmt":"2021-05-20T22:35:38","guid":{"rendered":"https:\/\/vergos.net\/vnp\/?page_id=274"},"modified":"2023-05-15T14:14:15","modified_gmt":"2023-05-15T14:14:15","slug":"web-design","status":"publish","type":"page","link":"https:\/\/vergos.net\/vnp\/web-design\/","title":{"rendered":"Web Design"},"content":{"rendered":"<head>\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\" integrity=\"sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM\/gI1w==\" crossorigin=\"anonymous\" \/>\r\n<style>\r\n* {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Columns & row *\/\r\n.column-wd {\r\n  float: left;\r\n  padding: 25px;\r\n}\r\n\r\n.column-center {\r\n  max-width: 909px;\r\n  margin: auto;\r\n}\r\n\r\n.row:after {\r\n  content: \"\";\r\n  display: table;\r\n  clear: both;\r\n}\r\n\r\n\/* Heading Title (Right) *\/\r\n.divider-seperator-top .divider-seperator{border-top: 2px solid #fd5308;width: 9%;padding: 10px 0 10px 0;text-align: left}\r\n.divider-seperator-top{padding-left: 10px;-webkit-animation-delay: 600ms; animation-delay: 600ms}\r\n\r\n.divider-seperator-top-animate-left{position:relative;animation:animateleft 0.6s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}\r\n\r\n.heading-title{text-align: left;-webkit-animation-delay: 700ms; animation-delay: 700ms}\r\n.heading-title .heading-holder *{color:#1f2732;font-family: Poppins; font-size: 30px; font-weight: 800; line-height: 1em; text-transform: Uppercase; margin: -10px 0 10px 0;}\r\n\r\n.heading-title-animate-left{position:relative;animation:animateleft 0.7s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}\r\n\r\n.divider-seperator-bottom .divider-seperator{border-top: 2px solid #fd5308;width: 9%;padding: 10px 0 10px 0;text-align: left}\r\n.divider-seperator-bottom{padding-left: 55px;-webkit-animation-delay: 800ms; animation-delay: 800ms}\r\n\r\n.divider-seperator-bottom-animate-left{position:relative;animation:animateleft 0.8s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}\r\n\r\n\/* Heading Text *\/\r\n.heading-text {\r\n  text-align: left;\r\n  padding: 5px 0 10px 0;\r\n  color: #1f2732;\r\n  font-family: Poppins;\r\n  font-size: 15px;\r\n  line-height: 1.65em;\r\n  text-transform: Uppercase;\r\n  -webkit-animation-delay: 600ms;\r\n  animation-delay: 600ms;\r\n}\r\n\r\n.text-animate-left{position:relative;animation:animateleft 0.6s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}\r\n\r\n\/* Icon Box *\/\r\n.icon-box .service-icon i{position: fixed; border-radius: 50%; padding: 12px; margin:50px 0 0 -60px; border: 1px solid #fd5308;-webkit-transition: all 600ms; transition: all 600ms;}\r\n.icon-box .service-icon{color:#fd5308;padding-right:15px;font-size:15px}\r\n.icon-box .service-icon.service-stacked i{background-color:#ffffff}\r\n.icon-box:hover .service-icon i{color:#ffffff}\r\n.icon-box:hover .service-icon.service-stacked i{background-color:#fd5308}\r\n.icon-box .service-heading{padding:20px 30px 0 30px;color:#1f2732;font-family: Poppins; font-size: 20px; font-style: Normal; font-weight: 700; line-height: 1.65em; text-transform: Capitalize; -webkit-transition: all 600ms; transition: all 600ms}\r\n.icon-box:hover .service-heading{color:#ffffff}\r\n.icon-box .service-details{text-align:left}\r\n.icon-box .service-text{color:#404040; padding:0 30px 20px 30px; line-height: 5.5px}\r\n.icon-box .service-btn{-webkit-transition: all 400ms; transition: all 400ms}\r\n.icon-box:hover .service-details {background: #fd5308; box-shadow: 3px 3px 10px 0px #1f2732bf;}\r\n.icon-box:hover .service-details p{color: #fff;}\r\n.icon-box:hover .triangle-left {border-top: 30px solid transparent; border-right: 400px solid #003a6a; border-bottom: 0px solid transparent; -webkit-transition: all 400ms; transition: all 400ms}\r\n.icon-box:hover .button-details {color: #ffffff; -webkit-transition: all 400ms; transition: all 400ms}\r\n\r\n.icon-box-animate-right{position:relative;animation:animateright 0.6s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}\r\n\r\n\/* Button *\/\r\n.button-details {\r\n  position: absolute;\r\n  color: white;\r\n  margin: -25px 0 0 340px;\r\n  text-align: right;\r\n  text-decoration: none;\r\n  font-size: 16px;\r\n}\r\n\r\n.triangle-left {\r\n  border-top: 30px solid transparent;\r\n  border-right: 400px solid white;\r\n  border-bottom: 0px solid transparent;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"row\">\r\n  <div class=\"column-center\">\r\n  <div class=\"column-wd\">\r\n    <div class=\"divider-seperator-top divider-seperator-top-animate-left\">\r\n      <div class=\"divider-seperator\"><\/div>\r\n    <\/div>\r\n    <div class=\"heading-title heading-title-animate-left\" align=\"left\">\r\n      <div class=\"heading-holder\">\r\n        <p>\u03a0\u0391\u039a\u0395\u03a4\u0391<\/p><\/div>\r\n    <\/div>\r\n    <div class=\"divider-seperator-bottom divider-seperator-bottom-animate-left\">\r\n      <div class=\"divider-seperator\"><\/div>\r\n    <\/div>\r\n    <div class=\"heading-text text-animate-left\" align=\"left\">\r\n      <p>\u039c\u0391\u0396\u0399 \u039c\u0395 DOMAIN REGISTRATION + WEB HOSTING<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"column-wd\" style=\"margin-left:60px\">\r\n    <div class=\"icon-box icon-box-animate-right\">\r\n      <div class=\"service-container service-align-left\">\r\n        <div class=\"service-icon service-stacked\">\r\n          <i class=\"fas fa-check icon-circle\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n        <div class=\"service-details\">\r\n          <div class=\"service-heading\">BEGINNER<\/div>\r\n          <div class=\"service-text\">\r\n            <p>512 MB WEB HOSTING 150 \u20ac<\/p>\r\n\t\t\t<p>30 \u20ac \u0393\u0399\u0391 1 DOMAIN (.gr \u03ae .com)<\/p>\r\n\t\t\t<p>40 \u20ac \u03b3\u03b9\u03b1 .net> 1 DOMAIN<\/p>\r\n\t\t\t<p>WEB DESIGN 190 \u20ac<\/p>\r\n\t\t\t<p style=\"text-align:right; font-size:20px; line-height:10.5px; margin-top:20px\">370 \u20ac<\/p>\r\n\t\t\t<p style=\"text-align:right; font-size:16px\">\u0393\u0399\u0391 2 \u03a7\u03a1\u039f\u039d\u0399\u0391<\/p>\r\n\t      <\/div>\r\n\t      <div class=\"triangle-left\"><a href=\"https:\/\/vergos.net\/vnp\/web-hosting-beginner\/\" class=\"button-details\">Details<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"icon-box icon-box-animate-right\">\r\n      <div class=\"service-container service-align-left\">\r\n        <div class=\"service-icon service-stacked\">\r\n          <i class=\"fas fa-check icon-circle\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n        <div class=\"service-details\">\r\n          <div class=\"service-heading\">BASIC<\/div>\r\n          <div class=\"service-text\">\r\n            <p>1024 MB WEB HOSTING 250 \u20ac<\/p>\r\n\t\t\t<p>60 \u20ac \u0393\u0399\u0391 2 DOMAINS (.gr \u03ae .com)<\/p>\r\n\t\t\t<p>60 \u20ac \u0393\u0399\u0391 .net> 1 DOMAINS<\/p>\r\n\t\t\t<p>WEB DESIGN 180 \u20ac<\/p>\r\n\t\t\t<p style=\"text-align:right; font-size:20px; line-height:10.5px; margin-top:20px\">490 \u20ac<\/p>\r\n\t\t\t<p style=\"text-align:right; font-size:16px\">\u0393\u0399\u0391 2 \u03a7\u03a1\u039f\u039d\u0399\u0391<\/p>\r\n\t      <\/div>\r\n\t      <div class=\"triangle-left\"><a href=\"https:\/\/vergos.net\/vnp\/web-hosting-basic\/\" class=\"button-details\" class=\"triangle-left\">Details<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"icon-box icon-box-animate-right\">\r\n      <div class=\"service-container service-align-left\">\r\n        <div class=\"service-icon service-stacked\">\r\n          <i class=\"fas fa-check icon-circle\" aria-hidden=\"true\"><\/i>\r\n        <\/div>\r\n        <div class=\"service-details\">\r\n          <div class=\"service-heading\">STANDARD<\/div>\r\n          <div class=\"service-text\">\r\n            <p>2.048 MB WEB HOSTING 380 \u20ac<\/p>\r\n\t\t\t<p>90 \u20ac \u0393\u0399\u0391 3 DOMAINS (.gr \u03ae .com)<\/p>\r\n\t\t\t<p>90 \u20ac \u0393\u0399\u0391 .net> 1 DOMAIN<\/p>\r\n\t\t\t<p>WEB DESIGN 120 \u20ac<\/p>\r\n\t\t\t<p style=\"text-align:right; font-size:20px; line-height:10.5px; margin-top:20px\">590 \u20ac<\/p>\r\n\t\t\t<p style=\"text-align:right; font-size:16px\">\u0393\u0399\u0391 2 \u03a7\u03a1\u039f\u039d\u0399\u0391<\/p>\r\n\t      <\/div>\r\n\t      <div class=\"triangle-left\"><a href=\"https:\/\/vergos.net\/vnp\/web-hosting-standard\/\" class=\"button-details\" class=\"triangle-left\">Details<\/a><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<\/body>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/pages\/274"}],"collection":[{"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/comments?post=274"}],"version-history":[{"count":25,"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/pages\/274\/revisions"}],"predecessor-version":[{"id":1250,"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/pages\/274\/revisions\/1250"}],"wp:attachment":[{"href":"https:\/\/vergos.net\/vnp\/wp-json\/wp\/v2\/media?parent=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}