--
-- Dumping data for table `resume_categories`
--

INSERT INTO `resume_categories` (`id`, `name`, `thumb`, `color`, `created_at`, `updated_at`) VALUES
(1, 'Cvs', '1445271759.png', NULL, '2020-08-04 00:03:59', '2020-08-04 17:43:52'),
(2, 'Resumes', '984075632.png', NULL, '2020-08-04 00:04:23', '2020-08-04 17:43:59');

--
-- Dumping data for table `resume_templates`
--


INSERT INTO `resume_templates` (`id`, `category_id`, `name`, `thumb`, `content`, `style`, `active`, `is_premium`, `created_at`, `updated_at`) VALUES
(25, 1, 'CV one column', '1739846507.png', '<div id=\"rb-layout\">\r\n  <div id=\"rb-content-top\">\r\n      <div id=\"rb-top-info-img\">\r\n          <div class=\"rb-top-info\">\r\n              <h1><span>YOUR NAME</span></h1>\r\n              <h2 class=\"job_position\"><span>Digital Marketing</span></h2>\r\n          </div>\r\n      </div>\r\n      <div id=\"rb-top-info-contact\">\r\n          <div class=\"top-contact\">\r\n              <p class=\"icoweb\" ><i class=\"fa fa-phone\"></i><span >(123) 456-7890</span></p>\r\n              <p class=\"icoweb\" ><i class=\"fa fa-envelope-square\"></i><span >youremailhere@email.com</span>\r\n                <p class=\"icoweb\"><i class=\"fa fa-map-marker\"></i><span >Sometown, CA 55555</span>\r\n                </p>\r\n              </div>\r\n      </div>\r\n  </div>\r\n  <div class=\"rb-top-bottom\">\r\n    <div class=\"rb-block rb-block-first\">\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Dear Ms. Ramos\r\n          </div>\r\n        </div>\r\n      </div>\r\n      \r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">I read your advertisement for a marketing manager with great interest. If you are seeking to augment your leadership team with an experienced and accomplished marketing professional known for breakthrough results, please consider my enclosed resume.\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">As JKL Company’s marketing manager since 2015, I direct all phases of both the creative and technical elements of marketing initiatives including data mining, brand creation, print/Web collateral development, lead generation, channel partner cultivation, customer segmentation/profiling, as well as CRM and acquisition strategies.\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Perhaps most importantly, I offer a history of proven results, as evidenced by the following marketing accomplishments for my current employer:\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">\r\n            <ul>\r\n              <li><b>Captured a 28% expansion in customer base since 2015</b>, achieved during a period of overall decline in the retail industry.</li>\r\n              <li><b>Led national marketing campaign</b> (comprised of trade show, media and PR initiatives) of company’s newly launched technology services division.</li>\r\n              <li><b>Developed and executed SEO strategy</b>  that achieved and sustained top 3 rankings on Google and Bing (organic, nonpaid results) for key product search terms.</li>\r\n              <li><b>Oversaw creation of new company logo</b>  and rebranded 100+ products to cement a cohesive corporate identity and support new company direction.</li>\r\n            </ul>\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">\r\n            Given the opportunity, I’m confident in my ability to achieve similar groundbreaking marketing results for XYZ Company.\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">\r\n            Sincerely,\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">\r\n            Marie Jones\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n  \r\n  </div>', '#rb-layout {\r\n  width: 100%;\r\n  max-width: 210mm;\r\n  padding: 0;\r\n  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n  \r\n}\r\n\r\n#rb-main{\r\nfont-size: 14px;line-height: 24px;\r\ndisplay: flex;\r\nflex-wrap: nowrap;\r\npadding: 30px;\r\npadding-top: 10px;\r\npadding-bottom: 0;\r\nbackground-color: #ffff;\r\n\r\n}\r\n\r\n#rb-left .rb-block{\r\nmargin-bottom: 30px\r\n}\r\n\r\n.margin-20{\r\n    margin-top: 20px;\r\n}\r\n#rb-left {rb-content-top\r\n  width: 50%;\r\n  padding:10px 5px;\r\n  padding-right: 20px;\r\n  padding-top: 20px;\r\n  border-bottom: 2px solid #d4d8dd;\r\n}\r\n#rb-content {\r\n  width: 50%;\r\n  background: #fff;\r\n  padding-left: 30px;\r\n  padding-top: 20px;\r\n  border-bottom: 2px solid #d4d8dd;\r\n \r\n}\r\n\r\n\r\n#rb-content-top{    \r\n  background:#ffff;\r\n  padding: 30px;\r\n  padding-bottom: 10px;\r\n  padding-top: 40px;\r\n  display: flex;\r\n}\r\n   #rb-top-info-img{\r\n         width:65%;\r\n         \r\n      }\r\n      /* #rb-top-info-img .rb-top-info{\r\n         padding-top: 34px;\r\n         padding-left: 40px;\r\n      } */\r\n      \r\n\r\n      #rb-box-ava img{\r\n        width:100px;\r\n      }\r\n      #rb-top-info-contact{\r\n        width: 35%;\r\n        font-size: 16px;\r\n\r\n      }\r\n#rb-content-top .rb-block {\r\n    position: relative;\r\n    display: flex;\r\n}\r\n\r\n#rb-content-top .rb-block  img{\r\n    width:80px;\r\n    border-radius: 5%;\r\n}\r\n\r\n#rb-content .rb-block {\r\n  position: relative;\r\n  padding: 5px 10px;\r\n}\r\n#rb-left .rb-box-content {\r\npadding-bottom: 0;\r\nmargin:0;\r\n}\r\n.skill{\r\nmargin-top: 15px\r\n}\r\n\r\n#rb-content-top h1{\r\nfont-size: 35px;    \r\nmargin:0;\r\npadding-top: 0px;\r\nline-height: normal;\r\nletter-spacing: 3px;\r\ntext-transform: capitalize;\r\nfont-weight: 800;\r\n}\r\n#rb-content-top .job_position{\r\n    font-size: 22px;\r\n    color: #969696;\r\n    font-weight: bold;\r\n    margin-top: 15px;\r\n    letter-spacing: 1px;\r\n\r\n}\r\n\r\n#rb-content-top h1 span{\r\ndisplay:block\r\n}\r\n\r\n\r\n.box-name p{        \r\n  overflow: hidden;\r\n}\r\n.box-name{      \r\noverflow: hidden;\r\nbackground: #2f3a40;\r\n}\r\n#rb-content p{\r\nmargin-bottom: 5px\r\n}\r\n#rb-left .h3{\r\n    font-size: 18px;\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n#rb-main .head{\r\n  font-size: 18px;\r\n  color: #2f3a40;\r\n  padding-bottom: 5px;\r\n  /* border-bottom: 2px solid #9B9C8F; */\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.rb-top-bottom{ \r\n  background:#ffff;\r\n  padding: 10px 30px 10px 30px;\r\n  display: flex;\r\n}\r\n.rb-block-footer{\r\n    border: 0px;\r\n}\r\n.rb-top-bottom .head{\r\n  font-size: 18px;\r\n  color: #2f3a40;\r\n  padding-bottom: 5px;\r\n  padding-top: 10px;\r\n  /* border-bottom: 2px solid #9B9C8F; */\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n.rb-top-bottom h3{\r\n  font-weight:normal;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n}\r\n\r\n\r\n#rb-content span[contenteditable]{\r\ndisplay: inline-block;\r\npadding-right: 15px;\r\npadding-left: 15px;\r\n}\r\n\r\n.row-col-data {\r\n    float: left;\r\n}\r\n#rb-content .row-col-data .row-details{\r\n    padding-bottom: 50px;\r\n}\r\n.row-title {\r\n    font-style: italic;\r\n    padding-left: 20px;\r\n    background-size: 9px;\r\n    background-position: 0 4px;\r\n    background-repeat: no-repeat;\r\n    width: 100%;\r\n}\r\n.row-details {\r\n    padding: 7px 0 7px 20px;\r\n    background-size: 9px 100%;\r\n    background-position: 0 0;\r\n    background-repeat: no-repeat;\r\n}\r\n#rb-left .h3:first-child{\r\nmargin-top: 0\r\n}\r\n.rb-box-content{\r\nmargin-bottom: 20px;\r\nposition: relative;\r\nfont-size: 16px;\r\n\r\n}\r\n#rb-main h3{\r\n  font-weight:normal;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n}\r\n#rb-box-ava{    \r\ntext-align:center;padding:2px;margin-bottom: 10px; auto;\r\n}\r\n#rb-box-ava img{\r\npadding: 0;\r\nborder:0;\r\nwidth: 150px;\r\nheight: 150px;\r\n\r\n}\r\n.bar-exp span {\r\n  display:block;\r\n  height: 8px;\r\n  background: #d9d9d9;\r\n}\r\n.bar-exp{\r\nbackground: #2f3a40;\r\nborder: solid 2px white;\r\n  margin-bottom: 12px;\r\n}\r\n.icoweb label{\r\ndisplay: block;\r\ncolor:#627e88;\r\n}\r\n.icoweb span{\r\ndisplay: block;\r\n}\r\n\r\n.box-contact{\r\nfont-size: 13px;\r\npadding-top:0px;\r\n}\r\n\r\n.icoweb i.fa{\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color:#ffff;\r\n  border-radius: 50%;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  color: #2f3a40!important;\r\n  margin-right: 10px;\r\n  margin-top: 3px;float:left\r\n}\r\n.head i{\r\n  font-size: 25px;\r\n  margin-right: 10px;\r\n}\r\n\r\n#rb-content span.exp-date {\r\n  float: right;\r\n}\r\n.icon_fa{\r\ntext-align: center;\r\n}\r\n.icon_fa i.fa{\r\nfont-size: 20px;\r\nborder: solid 1px #ffffff;\r\nborder-radius: 50%;\r\npadding: 5px;\r\nwidth: 20px;\r\ncolor: white;\r\nbackground: #ffffff;\r\nmargin-bottom: 5px;\r\n}\r\n#rb-top-info-contact hr {\r\n  border: 1px solid #d4d8dd;\r\n}\r\np.head i.fa{float:left}\r\n.rb-skillrate-value[value=\"1\"]{width:20%}\r\n .rb-skillrate-value[value=\"2\"]{width:40%}\r\n .rb-skillrate-value[value=\"3\"]{width:60%}\r\n .rb-skillrate-value[value=\"4\"]{width:80%}\r\n .rb-skillrate-value[value=\"5\"]{width:100%}', 1, 0, '2020-08-04 01:58:33', '2020-08-04 17:36:46'),
(26, 2, 'Resume one column', '148218144.png', '<div id=\"rb-layout\">\r\n  <div id=\"rb-main\">\r\n  \r\n  <div id=\"rb-content\">\r\n   \r\n   <div id=\"rb-content-top\">\r\n        <div id=\"rb-top-info-img\">\r\n            <div class=\"rb-top-info\">\r\n                <h1><span>Your full name</span></h1>\r\n                <h2><span>Job\'s position</span></h2>\r\n            </div>\r\n            <div id=\"rb-box-ava\">\r\n                <img id=\"cv-ava\" src=\"http://redribbon.vn/images/bin/avatar/noavatar.png\" >\r\n            </div>\r\n        </div>\r\n        <div id=\"rb-top-info-contact\">\r\n            <div class=\"top-contact\">\r\n                <p class=\"icoweb\"><i class=\"fa fa-calendar\"></i><span>22/12/1995</span>\r\n                </p>\r\n                <p class=\"icoweb\"><i class=\"fa fa-user\"></i><span>Men</span>\r\n                </p>\r\n                \r\n                </p>\r\n                \r\n            </div>\r\n            <div class=\"top-contact\">\r\n                <p class=\"icoweb\" ><i class=\"fa fa-phone\"></i><span >0123456789</span></p>\r\n                <p class=\"icoweb\" ><i class=\"fa fa-envelope-square\"></i><span >example@example.com</span>\r\n            </div>\r\n            <div class=\"top-contact\">\r\n                <p class=\"icoweb\"><i class=\"fa fa-map-marker\"></i><span >New York</span>\r\n                </p>\r\n                <p class=\"icoweb\"><i class=\"fa fa-info\"></i><span  >fb.com/me</span>\r\n                </p>\r\n            </div>\r\n        </div>\r\n    </div>\r\n    \r\n    <div class=\"rb-content-main\">\r\n    \r\n    <div class=\"rb-block\">\r\n        \r\n      <p class=\"head\">\r\n          <i class=\"fa fa-dot-circle-o\" aria-hidden=\"true\"></i>\r\n        <span>Target</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-graduation-cap\" aria-hidden=\"true\"></i>\r\n        <span >Education</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>School\'s name</span>\r\n            <span class=\"exp-date\"><em >08/2019</em> - <em >03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span >Major</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-briefcase\" aria-hidden=\"true\"></i>\r\n        <span>Expericence</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>Company\'s name</span>\r\n            <span class=\"exp-date\"><em>04/2020</em> - <em >Now</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n        <span>Activities</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Organization\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em> - <em>03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      <p class=\"head\">\r\n          <i class=\"fa fa-trophy\" aria-hidden=\"true\"></i>\r\n        <span>AWARD</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Award\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em></span>\r\n          </h3>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n        <p class=\"head\">\r\n            <i class=\"fa fa-cogs\" aria-hidden=\"true\"></i>\r\n          <span>SKILL</span>\r\n        </p>\r\n        <div>\r\n          <div class=\"rb-box-content\">\r\n            <h3>\r\n              <span >Skill\'s name</span>\r\n            </h3>\r\n            <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing \r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    \r\n      <div class=\"rb-block\">\r\n      \r\n          <p class=\"head\">\r\n              <i class=\"fa fa-caret-square-o-down\" aria-hidden=\"true\"></i>\r\n            <span>More information</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n  \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-link\" aria-hidden=\"true\"></i>\r\n        <span>References</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Name, company, phone, email,...\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n  </div>\r\n  \r\n\r\n  </div>\r\n    </div>', '#rb-layout {\r\n   width: 100%;\r\n   max-width: 210mm;\r\n   background: #3F9599;\r\n   padding: 0;\r\n   box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n   \r\n }\r\n \r\n #rb-main{\r\n font-family: \'Open Sans\',sans-serif;\r\n font-size: 14px;line-height: 24px;\r\n \r\n }\r\n \r\n #rb-content {\r\n   background: #fff;\r\n }\r\n #rb-content .rb-content-main{\r\n padding: 10px 0 10px 5px;\r\n }\r\n #rb-content-top{	\r\n   background:#4C900D;\r\n   padding-bottom: 10px;\r\n }\r\n #rb-top-info-img{\r\n         display: flex;\r\n         flex-wrap: nowrap;\r\n       }\r\n       #rb-top-info-img .rb-top-info{\r\n         width:80%;\r\n         text-align: left;\r\n         display: block;\r\n       padding-top: 34px;\r\n       padding-left: 40px;\r\n       }\r\n       \r\n       #rb-top-info-img #rb-box-ava{\r\n         width:20%;\r\n         padding: 1px;\r\n         margin-top: 20px;\r\n         margin-right: 40px;\r\n         border-radius: 50%;\r\n         \r\n       }\r\n \r\n       #rb-box-ava img{\r\n         width:100px;\r\n       }\r\n       #rb-top-info-contact{\r\n         display: flex;\r\n         flex-wrap: nowrap;\r\n         padding: 5px 30px;\r\n         margin-top: 10px;\r\n         margin-bottom: 0px!important;\r\n         color:white;\r\n         font-size: 14px;\r\n       }\r\n       #rb-top-info-contact .top-contact{\r\n         width: 33.3%;\r\n         padding: 10px;\r\n       }\r\n #rb-content .rb-block {\r\n   position: relative;\r\n   padding: 5px 10px;\r\n }\r\n #rb-left .rb-box-content {\r\n padding-bottom: 0;\r\n margin:0;\r\n }\r\n .skill{\r\n margin-top: 15px\r\n }\r\n \r\n #rb-content-top h1{\r\n font-size: 32px;	\r\n margin:0;\r\n padding-bottom: 10px;/* t, r,b,l */\r\n line-height: normal;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n \r\n }\r\n \r\n #rb-content-top h1 span{\r\n color: #fff;display:block\r\n }\r\n \r\n #rb-content-top h2{\r\n margin:0;\r\n font-size: 22px;\r\n font-weight: normal;\r\n /* padding: 0 20px 20px 20px; */\r\n color: #fff;\r\n   font-style: italic;\r\n   font-weight: 400;\r\n }\r\n .box-name p{		\r\n   overflow: hidden;\r\n }\r\n .box-name{		\r\n overflow: hidden;\r\n background: #2f3a40;\r\n }\r\n #rb-content p{\r\n margin-bottom: 5px\r\n }\r\n #rb-left .h3{\r\n font-size: 18px;\r\n   font-weight: bold;\r\n   margin-top: 0;\r\n   text-transform: uppercase;\r\n   \r\n   text-align: center;\r\n }\r\n #rb-content .head{\r\n   font-size: 18px;\r\n   color: #2f3a40;\r\n   padding-bottom: 5px;\r\n   /* border-bottom: 2px solid #9B9C8F; */\r\n   font-weight: bold;\r\n   margin-top: 0;\r\n   text-transform: uppercase;\r\n }\r\n \r\n \r\n #rb-content h3{\r\n   font-weight:bold;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n }\r\n \r\n #rb-left .h3 span{\r\n padding: 0px 15px;\r\n }\r\n #rb-content span[contenteditable]{\r\n display: inline-block;\r\n padding-right: 15px;\r\n padding-left: 15px;\r\n }\r\n \r\n #rb-left .h3:first-child{\r\n margin-top: 0\r\n }\r\n .rb-box-content{\r\n margin-bottom: 25px;\r\n padding-left: 15px;\r\n position: relative;\r\n }\r\n \r\n #rb-box-ava{	\r\n text-align:center;\r\n padding:10px;\r\n \r\n }\r\n #rb-box-ava img{\r\n padding: 0;\r\n border:0;\r\n width: 100px;\r\n height: 100px;\r\n \r\n }\r\n .bar-exp span {\r\n   display:block;\r\n   height: 8px;\r\n   background: #d9d9d9;\r\n }\r\n .bar-exp{\r\n background: #2f3a40;\r\n border: solid 2px white;\r\n   margin-bottom: 12px;\r\n }\r\n .icoweb label{\r\n display: block;\r\n color:#627e88;\r\n }\r\n .icoweb span{\r\n display: block;\r\n }\r\n \r\n .box-contact{\r\n font-size: 13px;\r\n margin-left: 5px;\r\n padding-top:0px;\r\n }\r\n \r\n .icoweb i.fa{\r\n   width: 20px;\r\n   height: 20px;\r\n   background-color: #ffffff;\r\n   border-radius: 50%;\r\n   -webkit-border-radius: 50%;\r\n   -moz-border-radius: 50%;\r\n   display: inline-block;\r\n   text-align: center;\r\n   font-size: 13px;\r\n   line-height: 20px;\r\n   color: #2f3a40!important;\r\n   margin-right: 10px;\r\n   margin-top: 3px;float:left\r\n }\r\n .head i{\r\n   font-size: 25px;\r\n   margin-right: 10px;\r\n }\r\n .exp-content{\r\n padding-left: 15px;\r\n }\r\n #rb-content span.exp-date {\r\n   float: right;\r\n }\r\n .icon_fa{\r\n text-align: center;\r\n }\r\n .icon_fa i.fa{\r\n font-size: 20px;\r\n border: solid 1px #ffffff;\r\n border-radius: 50%;\r\n padding: 5px;\r\n width: 20px;\r\n color: white;\r\n background: #ffffff;\r\n margin-bottom: 5px;\r\n }\r\n p.head i.fa{float:left}', 1, 0, '2020-08-04 02:00:47', '2020-08-04 17:36:57'),
(27, 2, 'Resume one column 2', '338541797.png', '<div id=\"rb-layout\">\r\n  <div id=\"rb-main\">\r\n  \r\n  <div id=\"rb-content\">\r\n   \r\n   <div id=\"rb-content-top\">\r\n        <div id=\"rb-top-info-img\">\r\n            <div id=\"rb-box-ava\">\r\n              <img id=\"cv-ava\" src=\"http://redribbon.vn/images/bin/avatar/noavatar.png\" >\r\n          </div>\r\n            <div id=\"rb-top-info\">\r\n                <h1><span>Your full name</span></h1>\r\n                <h2><span>Job\'s position</span></h2>\r\n                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat,\r\n                </p>\r\n            </div>\r\n        </div>\r\n        <div id=\"rb-top-info-contact\">\r\n            <div class=\"top-contact\">\r\n              <p class=\"icoweb\" ><i class=\"fa fa-envelope-square\"></i><span >example@example.com</span>\r\n            </div>\r\n            <div class=\"top-contact\">\r\n              <p class=\"icoweb\" ><i class=\"fa fa-phone\"></i><span >0123456789</span></p>\r\n\r\n            </div>\r\n            <div class=\"top-contact\">\r\n              <p class=\"icoweb\"><i class=\"fa fa-map-marker\"></i><span >New York</span>\r\n              </p>            \r\n            </div>\r\n            <div class=\"top-contact\">\r\n              <p class=\"icoweb\" ><i class=\"fa fa-skype\"></i><span >username.name</span></p>\r\n\r\n            </div>\r\n            \r\n            \r\n        </div>\r\n    </div>\r\n    \r\n    <div class=\"rb-content-main\">\r\n    \r\n   \r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-graduation-cap\" aria-hidden=\"true\"></i>\r\n        <span >Education</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>School\'s name</span>\r\n            <span class=\"exp-date\"><em >08/2019</em> - <em >03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span >Major</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-briefcase\" aria-hidden=\"true\"></i>\r\n        <span>Expericence</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>Company\'s name</span>\r\n            <span class=\"exp-date\"><em>04/2020</em> - <em >Now</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n        <span>Activities</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Organization\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em> - <em>03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      <p class=\"head\">\r\n          <i class=\"fa fa-trophy\" aria-hidden=\"true\"></i>\r\n        <span>AWARD</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Award\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em></span>\r\n          </h3>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n        <p class=\"head\">\r\n            <i class=\"fa fa-cogs\" aria-hidden=\"true\"></i>\r\n          <span>SKILL</span>\r\n        </p>\r\n        <div>\r\n          <div class=\"rb-box-content\">\r\n            <h3>\r\n              <span >Skill\'s name</span>\r\n            </h3>\r\n            <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing \r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    \r\n      <div class=\"rb-block\">\r\n      \r\n          <p class=\"head\">\r\n              <i class=\"fa fa-caret-square-o-down\" aria-hidden=\"true\"></i>\r\n            <span>More information</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n  \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-link\" aria-hidden=\"true\"></i>\r\n        <span>References</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Name, company, phone, email,...\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n  </div>\r\n  \r\n\r\n  </div>\r\n    </div>', '#rb-layout {\r\n  width: 100%;\r\n  max-width: 210mm;\r\n  background: #3F9599;\r\n  padding: 0;\r\n  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n  \r\n}\r\n\r\n#rb-main{\r\nfont-family: \'Open Sans\',sans-serif;\r\nfont-size: 14px;line-height: 24px;\r\n\r\n}\r\n\r\n#rb-content {\r\n  background: #fff;\r\n}\r\n#rb-content .rb-content-main{\r\npadding: 10px 0 10px 5px;\r\n}\r\n#rb-content-top{	\r\n  background:#fff;\r\n  padding-bottom: 10px;\r\n}\r\n\r\n#rb-top-info-img{\r\n        display: flex;\r\n        flex-wrap: nowrap;\r\n      }\r\n      #rb-top-info-img #rb-top-info{\r\n        width:80%;\r\n        text-align: left;\r\n        display: block;\r\n        margin-top: 34px;\r\n        margin-left: 40px;\r\n        padding-top: 25px;\r\n        padding-left: 30px;\r\n\r\n      }\r\n      \r\n    \r\n\r\n      #rb-box-ava img{\r\n        width:150px;\r\n        border-radius: 50%;\r\n      }\r\n      #rb-top-info-contact{\r\n        display:flex;\r\n        padding: 8px 30px;\r\n        margin-top: 20px;\r\n        margin-bottom: 0px!important;\r\n        color:#fff;\r\n        font-size: 14px;\r\n        background-color: #4baf71;\r\n      }\r\n      #rb-top-info-contact .top-contact{\r\n        flex: auto;\r\n        padding: 5px;\r\n      }\r\n#rb-content .rb-block {\r\n  position: relative;\r\n  padding: 5px 10px;\r\n}\r\n#rb-left .rb-box-content {\r\npadding-bottom: 0;\r\nmargin:0;\r\n}\r\n.skill{\r\nmargin-top: 15px\r\n}\r\n\r\n#rb-content-top h1{\r\nfont-size: 32px;	\r\nmargin:0;\r\npadding-bottom: 10px;/* t, r,b,l */\r\nline-height: normal;\r\ntext-transform: uppercase;\r\nfont-weight: 700;\r\n\r\n}\r\n\r\n#rb-content-top h1 span{\r\ndisplay:block\r\n}\r\n\r\n#rb-content-top h2{\r\nmargin:0;\r\nfont-size: 22px;\r\nfont-weight: normal;\r\n/* padding: 0 20px 20px 20px; */\r\nfont-style: italic;\r\nfont-weight: 400;\r\n}\r\n.box-name p{		\r\n  overflow: hidden;\r\n}\r\n.box-name{		\r\noverflow: hidden;\r\nbackground: #2f3a40;\r\n}\r\n\r\n#rb-left .h3{\r\nfont-size: 18px;\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n  \r\n  text-align: center;\r\n}\r\n.top-contact p{\r\n  margin:0;\r\n}\r\n#rb-content .head{\r\n  font-size: 18px;\r\n  color: #2f3a40;\r\n  padding-bottom: 5px;\r\n  /* border-bottom: 2px solid #9B9C8F; */\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#rb-content h3{\r\n  font-weight:bold;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n}\r\n\r\n#rb-left .h3 span{\r\npadding: 0px 15px;\r\n}\r\n#rb-content span[contenteditable]{\r\ndisplay: inline-block;\r\npadding-right: 15px;\r\npadding-left: 15px;\r\n}\r\n\r\n#rb-left .h3:first-child{\r\nmargin-top: 0\r\n}\r\n.rb-box-content{\r\nmargin-bottom: 25px;\r\npadding-left: 15px;\r\nposition: relative;\r\n}\r\n\r\n#rb-box-ava{	\r\ntext-align:center;\r\npadding-top: 34px;\r\npadding-left: 40px;\r\n\r\n}\r\n\r\n.bar-exp span {\r\n  display:block;\r\n  height: 8px;\r\n  background: #d9d9d9;\r\n}\r\n.bar-exp{\r\nbackground: #2f3a40;\r\nborder: solid 2px white;\r\n  margin-bottom: 12px;\r\n}\r\n.icoweb label{\r\ndisplay: block;\r\ncolor:#627e88;\r\n}\r\n.icoweb span{\r\ndisplay: block;\r\n}\r\n\r\n.box-contact{\r\nfont-size: 13px;\r\nmargin-left: 5px;\r\npadding-top:0px;\r\n}\r\n\r\n.icoweb i.fa{\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: #ffffff;\r\n  border-radius: 50%;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  color: #2f3a40!important;\r\n  margin-right: 10px;\r\n  margin-top: 3px;float:left\r\n}\r\n.head i{\r\n  font-size: 25px;\r\n  margin-right: 10px;\r\n}\r\n.exp-content{\r\npadding-left: 15px;\r\n}\r\n#rb-content span.exp-date {\r\n  float: right;\r\n}\r\n.icon_fa{\r\ntext-align: center;\r\n}\r\n.icon_fa i.fa{\r\nfont-size: 20px;\r\nborder: solid 1px #ffffff;\r\nborder-radius: 50%;\r\npadding: 5px;\r\nwidth: 20px;\r\ncolor: white;\r\nbackground: #ffffff;\r\nmargin-bottom: 5px;\r\n}\r\np.head i.fa{float:left}', 1, 0, '2020-08-04 02:01:44', '2020-08-04 17:39:24'),
(28, 2, 'Resume professional', '1653344515.png', '<div id=\"rb-layout\">\r\n  <div id=\"rb-content-top\">\r\n      <div class=\"rb-block\">\r\n        <img id=\"cv-ava\" src=\"http://redribbon.vn/images/bin/avatar/noavatar.png\">\r\n        <div>\r\n            <h1><span>Your full name</span></h1>\r\n            <h1 class=\"job_position\"><span>Job\'s position</span></h1>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  <div id=\"rb-main\">\r\n\r\n  <div id=\"rb-content\">\r\n    \r\n    <div class=\"rb-content-main\">\r\n    \r\n    <div class=\"rb-block\">\r\n      <p class=\"head\">\r\n        <i class=\"fa fa-dot-circle-o\" aria-hidden=\"true\"></i>\r\n        <span>Target</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-graduation-cap\" aria-hidden=\"true\"></i>\r\n        <span >Education</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>School\'s name</span>\r\n            <span class=\"exp-date\"><em >08/2019</em> - <em >03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span >Major</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-briefcase\" aria-hidden=\"true\"></i>\r\n        <span>Expericence</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>Company\'s name</span>\r\n            <span class=\"exp-date\"><em>04/2020</em> - <em >Now</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n        <span>Activities</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Organization\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em> - <em>03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n        <p class=\"head\">\r\n            <i class=\"fa fa-trophy\" aria-hidden=\"true\"></i>\r\n          <span>AWARD</span>\r\n        </p>\r\n        <div>\r\n          <div class=\"rb-box-content\">\r\n            <h3>\r\n              <span >Award\'s name</span>\r\n              <span class=\"exp-date\"><em >01/2019</em></span>\r\n            </h3>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"rb-block\">\r\n          <p class=\"head\">\r\n              <i class=\"fa fa-cogs\" aria-hidden=\"true\"></i>\r\n            <span>SKILL</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <h3>\r\n                <span >Skill\'s name</span>\r\n              </h3>\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      <div class=\"rb-block\">\r\n      \r\n          <p class=\"head\">\r\n              <i class=\"fa fa-caret-square-o-down\" aria-hidden=\"true\"></i>\r\n            <span>More information</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n  \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-link\" aria-hidden=\"true\"></i>\r\n        <span>References</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Name, company, phone, email,...\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n  </div>\r\n  <div id=\"rb-left\">\r\n    <div class=\"block rb-block\">\r\n        <p class=\"h3\"><span class=\"box-title rb_data\">information</span></p>\r\n    </div>\r\n    <div class=\"box-contact\">\r\n      <p class=\"icoweb\"><i class=\"fa fa-calendar\"></i><span>22/12/1995</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-user\"></i><span>Men</span>\r\n      </p>\r\n      <p class=\"icoweb\" ><i class=\"fa fa-phone\"></i><span >0123456789</span></p>\r\n      <p class=\"icoweb\" ><i class=\"fa fa-envelope-square\"></i><span >example@example.com</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-map-marker\"></i><span >New York</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-info\"></i><span  >fb.com/me</span>\r\n      </p>\r\n    </div>\r\n    <p class=\"h3\"><span class=\"box-title rb_data\">Skill</span></p>\r\n          <div class=\"exp content-edit skill\">\r\n            <div class=\"rb-box-content-skill\">\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"1\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"2\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"3\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"4\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"5\" ></span></div>\r\n            </div>\r\n          </div>\r\n  </div>\r\n  \r\n\r\n  </div>\r\n</div>', '#rb-layout {\r\n  width: 100%;\r\n  max-width: 210mm;\r\n  padding: 0;\r\n  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n  \r\n}\r\n\r\n#rb-main{\r\nfont-family: \'Open Sans\',sans-serif;\r\nfont-size: 14px;line-height: 24px;\r\ndisplay: flex;\r\nflex-wrap: nowrap;\r\npadding: 20px;\r\nbackground-color: #ffff;\r\n}\r\n\r\n#rb-left .rb-block{\r\nmargin-bottom: 30px\r\n}\r\n\r\n#rb-left {\r\n  width: 28%;\r\n  padding:10px 5px;\r\n  padding-left: 20px;\r\n}\r\n#rb-content {\r\n  width: 72%;\r\n  background: #fff;\r\n  padding-right: 40px;\r\n}\r\n\r\n#rb-content-top{	\r\ncolor: #000;\r\nbackground:#ffff;\r\npadding: 15px;\r\npadding-top: 30px;\r\n}\r\n#rb-content-top .rb-block {\r\n    position: relative;\r\n    padding: 5px 10px;\r\n    display: flex;\r\n}\r\n#rb-content-top .rb-block  img{\r\n    width:80px;\r\n    border-radius: 5%;\r\n}\r\n\r\n#rb-content .rb-block {\r\n  position: relative;\r\n  padding: 5px 10px;\r\n}\r\n#rb-left .rb-box-content {\r\npadding-bottom: 0;\r\nmargin:0;\r\n}\r\n.skill{\r\nmargin-top: 15px\r\n}\r\n\r\n#rb-content-top h1{\r\nfont-size: 32px;	\r\nmargin:0;\r\ncolor:#1182b2;\r\npadding-top: 0px;\r\npadding-left: 20px;\r\nline-height: normal;\r\ntext-transform: capitalize;\r\nfont-weight: 800;\r\n}\r\n#rb-content-top .job_position{\r\n    font-size: 22px;\r\n    color: #333;\r\n    font-weight: 500;	\r\n\r\n}\r\n#rb-content-top h1 span{\r\ndisplay:block\r\n}\r\n\r\n\r\n.box-name p{		\r\n  overflow: hidden;\r\n}\r\n.box-name{		\r\noverflow: hidden;\r\nbackground: #2f3a40;\r\n}\r\n#rb-content p{\r\nmargin-bottom: 5px\r\n}\r\n#rb-left .h3{\r\n    font-size: 18px;\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n#rb-content .head{\r\n  font-size: 18px;\r\n  color: #2f3a40;\r\n  padding-bottom: 5px;\r\n  /* border-bottom: 2px solid #9B9C8F; */\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#rb-content h3{\r\n  font-weight:bold;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n}\r\n\r\n\r\n#rb-content span[contenteditable]{\r\ndisplay: inline-block;\r\npadding-right: 15px;\r\npadding-left: 15px;\r\n}\r\n\r\n#rb-left .h3:first-child{\r\nmargin-top: 0\r\n}\r\n.rb-box-content{\r\nmargin-bottom: 25px;\r\npadding-left: 15px;\r\nposition: relative;\r\n}\r\n\r\n#rb-box-ava{	\r\ntext-align:center;padding:2px;margin-bottom: 10px; auto;\r\n}\r\n#rb-box-ava img{\r\npadding: 0;\r\nborder:0;\r\nwidth: 150px;\r\nheight: 150px;\r\n\r\n}\r\n.bar-exp span {\r\n  display:block;\r\n  height: 8px;\r\n  background: #d9d9d9;\r\n}\r\n.bar-exp{\r\nbackground: #2f3a40;\r\nborder: solid 2px white;\r\n  margin-bottom: 12px;\r\n}\r\n.icoweb label{\r\ndisplay: block;\r\ncolor:#627e88;\r\n}\r\n.icoweb span{\r\ndisplay: block;\r\n}\r\n\r\n.box-contact{\r\nfont-size: 13px;\r\npadding-top:0px;\r\n}\r\n\r\n.icoweb i.fa{\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color:#ffff;\r\n  border-radius: 50%;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  color: #2f3a40!important;\r\n  margin-right: 10px;\r\n  margin-top: 3px;float:left\r\n}\r\n.head i{\r\n  font-size: 25px;\r\n  margin-right: 10px;\r\n}\r\n\r\n#rb-content span.exp-date {\r\n  float: right;\r\n}\r\n.icon_fa{\r\ntext-align: center;\r\n}\r\n.icon_fa i.fa{\r\nfont-size: 20px;\r\nborder: solid 1px #ffffff;\r\nborder-radius: 50%;\r\npadding: 5px;\r\nwidth: 20px;\r\ncolor: white;\r\nbackground: #ffffff;\r\nmargin-bottom: 5px;\r\n}\r\np.head i.fa{float:left}\r\n.rb-skillrate-value[value=\"1\"]{width:20%}\r\n .rb-skillrate-value[value=\"2\"]{width:40%}\r\n .rb-skillrate-value[value=\"3\"]{width:60%}\r\n .rb-skillrate-value[value=\"4\"]{width:80%}\r\n .rb-skillrate-value[value=\"5\"]{width:100%}', 1, 0, '2020-08-04 02:02:31', '2020-08-04 17:37:14');
INSERT INTO `resume_templates` (`id`, `category_id`, `name`, `thumb`, `content`, `style`, `active`, `is_premium`, `created_at`, `updated_at`) VALUES
(29, 2, 'Resume professional 2', '1265954926.png', '<div id=\"rb-layout\">\r\n  <div id=\"rb-content-top\">\r\n      <div class=\"rb-block\">\r\n        <div>\r\n            <h1><span>Steve Jobs</span></h1>\r\n            <h1 class=\"job_position\"><span>Job\'s position</span></h1>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  <div id=\"rb-main\">\r\n    <div id=\"rb-left\">\r\n      <div class=\"block rb-block\">\r\n          <p class=\"h3\"><span class=\"box-title rb_data\">information</span></p>\r\n      </div>\r\n      <div class=\"box-contact\">\r\n        <p class=\"icoweb\"><i class=\"fa fa-calendar\"></i><span>22/12/1995</span>\r\n        </p>\r\n        <p class=\"icoweb\"><i class=\"fa fa-user\"></i><span>Men</span>\r\n        </p>\r\n        <p class=\"icoweb\" ><i class=\"fa fa-phone\"></i><span >0123456789</span></p>\r\n        <p class=\"icoweb\" ><i class=\"fa fa-envelope-square\"></i><span >example@example.com</span>\r\n        </p>\r\n        <p class=\"icoweb\"><i class=\"fa fa-map-marker\"></i><span >New York</span>\r\n        </p>\r\n        <p class=\"icoweb\"><i class=\"fa fa-info\"></i><span  >fb.com/me</span>\r\n        </p>\r\n      </div>\r\n      <p class=\"h3\"><span class=\"box-title rb_data\">Skill</span></p>\r\n            <div class=\"exp content-edit skill\">\r\n              <div class=\"rb-box-content-skill\">\r\n                <p class=\"skill-name\">Skill\'s name</p>\r\n                <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"1\" ></span></div>\r\n                <p class=\"skill-name\">Skill\'s name</p>\r\n                <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"2\" ></span></div>\r\n                <p class=\"skill-name\">Skill\'s name</p>\r\n                <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"3\" ></span></div>\r\n                <p class=\"skill-name\">Skill\'s name</p>\r\n                <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"4\" ></span></div>\r\n                <p class=\"skill-name\">Skill\'s name</p>\r\n                <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"5\" ></span></div>\r\n              </div>\r\n            </div>\r\n    </div>\r\n  <div id=\"rb-content\">\r\n    \r\n    <div id=\"rb-content-main\">\r\n    \r\n    <div class=\"rb-block\">\r\n      <p class=\"head\">\r\n        <i class=\"fa fa-dot-circle-o\" aria-hidden=\"true\"></i>\r\n        <span>Target</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-graduation-cap\" aria-hidden=\"true\"></i>\r\n        <span >Education</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>School\'s name</span>\r\n            <span class=\"exp-date\"><em >08/2019</em> - <em >03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span >Major</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-briefcase\" aria-hidden=\"true\"></i>\r\n        <span>Expericence</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>Company\'s name</span>\r\n            <span class=\"exp-date\"><em>04/2020</em> - <em >Now</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n        <span>Activities</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Organization\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em> - <em>03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n        <p class=\"head\">\r\n            <i class=\"fa fa-trophy\" aria-hidden=\"true\"></i>\r\n          <span>AWARD</span>\r\n        </p>\r\n        <div>\r\n          <div class=\"rb-box-content\">\r\n            <h3>\r\n              <span >Award\'s name</span>\r\n              <span class=\"exp-date\"><em >01/2019</em></span>\r\n            </h3>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"rb-block\">\r\n          <p class=\"head\">\r\n              <i class=\"fa fa-cogs\" aria-hidden=\"true\"></i>\r\n            <span>SKILL</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <h3>\r\n                <span >Skill\'s name</span>\r\n              </h3>\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      <div class=\"rb-block\">\r\n      \r\n          <p class=\"head\">\r\n              <i class=\"fa fa-caret-square-o-down\" aria-hidden=\"true\"></i>\r\n            <span>More information</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n  \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-link\" aria-hidden=\"true\"></i>\r\n        <span>References</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Name, company, phone, email,...\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n  </div>\r\n  </div>\r\n</div>', '#rb-layout {\r\n  width: 100%;\r\n  max-width: 210mm;\r\n  padding: 0;\r\n  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n  \r\n}\r\n\r\n#rb-main{\r\nfont-family: \'Open Sans\',sans-serif;\r\nfont-size: 14px;line-height: 24px;\r\ndisplay: flex;\r\nflex-wrap: nowrap;\r\npadding: 20px;\r\nbackground-color: #ffff;\r\n}\r\n\r\n#rb-left .rb-block{\r\nmargin-bottom: 30px\r\n}\r\n\r\n#rb-left {\r\n  width: 28%;\r\n  padding:10px 5px;\r\n  padding-right: 20px;\r\n  padding-top: 20px;\r\n  border:solid #d4d8dd;\r\n  border-width: 2px 2px 0 0;\r\n}\r\n#rb-content {\r\n  width: 72%;\r\n  background: #fff;\r\n  padding-left: 20px;\r\n  padding-top: 20px;\r\n  border:solid#d4d8dd;\r\n  border-width: 2px 0 0 0;\r\n}\r\n\r\n#rb-content-top{	\r\ncolor: #000;\r\nbackground:#ffff;\r\npadding: 15px;\r\npadding-top: 30px;\r\n}\r\n#rb-content-top .rb-block {\r\n    position: relative;\r\n    display: flex;\r\n}\r\n#rb-content-top .rb-block  img{\r\n    width:80px;\r\n    border-radius: 5%;\r\n}\r\n\r\n#rb-content .rb-block {\r\n  position: relative;\r\n  padding: 5px 10px;\r\n}\r\n#rb-left .rb-box-content {\r\npadding-bottom: 0;\r\nmargin:0;\r\n}\r\n.skill{\r\nmargin-top: 15px\r\n}\r\n\r\n#rb-content-top h1{\r\nfont-size: 45px;	\r\nmargin:0;\r\ncolor:#1182b2;\r\npadding-top: 0px;\r\npadding-left: 10px;\r\nline-height: normal;\r\ntext-transform: capitalize;\r\nfont-weight: 800;\r\n}\r\n#rb-content-top .job_position{\r\n    font-size: 22px;\r\n    color: #333;\r\n    font-weight: 500;\r\n    margin-top: 15px;	\r\n\r\n}\r\n\r\n#rb-content-top h1 span{\r\ndisplay:block\r\n}\r\n\r\n\r\n.box-name p{		\r\n  overflow: hidden;\r\n}\r\n.box-name{		\r\noverflow: hidden;\r\nbackground: #2f3a40;\r\n}\r\n#rb-content p{\r\nmargin-bottom: 5px\r\n}\r\n#rb-left .h3{\r\n    font-size: 18px;\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n#rb-content .head{\r\n  font-size: 18px;\r\n  color: #2f3a40;\r\n  padding-bottom: 5px;\r\n  /* border-bottom: 2px solid #9B9C8F; */\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#rb-content h3{\r\n  font-weight:bold;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n}\r\n\r\n\r\n#rb-content span[contenteditable]{\r\ndisplay: inline-block;\r\npadding-right: 15px;\r\npadding-left: 15px;\r\n}\r\n\r\n#rb-left .h3:first-child{\r\nmargin-top: 0\r\n}\r\n.rb-box-content{\r\nmargin-bottom: 25px;\r\npadding-left: 15px;\r\nposition: relative;\r\n}\r\n\r\n#rb-box-ava{	\r\ntext-align:center;padding:2px;margin-bottom: 10px; auto;\r\n}\r\n#rb-box-ava img{\r\npadding: 0;\r\nborder:0;\r\nwidth: 150px;\r\nheight: 150px;\r\n\r\n}\r\n.bar-exp span {\r\n  display:block;\r\n  height: 8px;\r\n  background: #d9d9d9;\r\n}\r\n.bar-exp{\r\nbackground: #2f3a40;\r\nborder: solid 2px white;\r\n  margin-bottom: 12px;\r\n}\r\n.icoweb label{\r\ndisplay: block;\r\ncolor:#627e88;\r\n}\r\n.icoweb span{\r\ndisplay: block;\r\n}\r\n\r\n.box-contact{\r\nfont-size: 13px;\r\npadding-top:0px;\r\n}\r\n\r\n.icoweb i.fa{\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color:#ffff;\r\n  border-radius: 50%;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  color: #2f3a40!important;\r\n  margin-right: 10px;\r\n  margin-top: 3px;float:left\r\n}\r\n.head i{\r\n  font-size: 25px;\r\n  margin-right: 10px;\r\n}\r\n\r\n#rb-content span.exp-date {\r\n  float: right;\r\n}\r\n.icon_fa{\r\ntext-align: center;\r\n}\r\n.icon_fa i.fa{\r\nfont-size: 20px;\r\nborder: solid 1px #ffffff;\r\nborder-radius: 50%;\r\npadding: 5px;\r\nwidth: 20px;\r\ncolor: white;\r\nbackground: #ffffff;\r\nmargin-bottom: 5px;\r\n}\r\np.head i.fa{float:left}\r\n.rb-skillrate-value[value=\"1\"]{width:20%}\r\n .rb-skillrate-value[value=\"2\"]{width:40%}\r\n .rb-skillrate-value[value=\"3\"]{width:60%}\r\n .rb-skillrate-value[value=\"4\"]{width:80%}\r\n .rb-skillrate-value[value=\"5\"]{width:100%}', 1, 1, '2020-08-04 02:03:15', '2020-08-04 17:40:10'),
(30, 2, 'Resume two column', '1334632190.png', '<div id=\"rb-layout\">\r\n  <div id=\"rb-main\">\r\n  <div id=\"rb-left\">\r\n      <div id=\"rb-left-top\">\r\n          <div>\r\n            <h1><span>Your full name</span></h1>\r\n            <h2><span>Job\'s position</span></h2>\r\n          </div>\r\n    </div>\r\n    <div id=\"rb-box-ava\">\r\n      <img id=\"cv-ava\" src=\"http://redribbon.vn/images/bin/avatar/noavatar.png\" >\r\n    </div>\r\n    <div class=\"block rb-block\">\r\n        <p class=\"h3\"><span class=\"box-title rb_data\">information</span></p>\r\n    </div>\r\n    <div class=\"box-contact\">\r\n      <p class=\"icoweb\"><i class=\"fa fa-calendar\"></i><span>22/12/1995</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-user\"></i><span>Men</span>\r\n      </p>\r\n      <p class=\"icoweb\" ><i class=\"fa fa-phone\"></i><span >0123456789</span></p>\r\n      <p class=\"icoweb\" ><i class=\"fa fa-envelope-square\"></i><span >example@example.com</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-map-marker\"></i><span >New York</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-info\"></i><span  >fb.com/me</span>\r\n      </p>\r\n    </div>\r\n    <div>\r\n        <div class=\"block rb-block\">\r\n          \r\n          <p class=\"h3\"><span class=\"box-title rb_data\">Award</span></p>\r\n          <div>\r\n  \r\n            <div>\r\n              <span class=\"box-content\">Award\'s name</span>\r\n              <span class=\"date rb_data\">2020</span>\r\n              <div class=\"clearfix\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"clearfix\"></div>\r\n        </div>\r\n        <div class=\"block rb-block\"  >\r\n          \r\n          <p class=\"h3\"><span class=\"box-title rb_data\" >Certification</span></p>\r\n          <div>\r\n  \r\n            <div>\r\n              \r\n              <span class=\"box-content\">Certification\'s name</span>\r\n              <span class=\"date rb_data\">2020</span>\r\n              <div class=\"clearfix\"></div>\r\n            </div>\r\n          </div>\r\n          <div class=\"clearfix\"></div>\r\n        </div>\r\n        <div class=\"block rb-block box-skills\">\r\n          \r\n          <p class=\"h3\"><span class=\"box-title rb_data\">Skill</span></p>\r\n          <div class=\"exp content-edit skill\">\r\n            <div class=\"rb-box-content-skill\">\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"1\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"2\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"3\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"4\" ></span></div>\r\n              <p class=\"skill-name\">Skill\'s name</p>\r\n              <div class=\"bar-exp rb-skillrate-bar\"><span class=\"rb-skillrate-value\" value=\"5\" ></span></div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"block rb-block\">\r\n          <p class=\"h3\"><span class=\"box-title rb_data\" name=\"hob.tit\">Hobbies</span></p>\r\n          <div>\r\n            <div>\r\n              \r\n              <div class=\"box-content\">Your hobbies\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n  </div>\r\n\r\n  <div id=\"rb-content\">\r\n    \r\n  \r\n    <div class=\"rb-content-main\">\r\n    \r\n    <div class=\"rb-block\">\r\n        \r\n      <p class=\"head\">\r\n          <i class=\"fa fa-dot-circle-o\" aria-hidden=\"true\"></i>\r\n        <span>Target</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-graduation-cap\" aria-hidden=\"true\"></i>\r\n        <span >Education</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>School\'s name</span>\r\n            <span class=\"exp-date\"><em >08/2019</em> - <em >03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span >Major</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-briefcase\" aria-hidden=\"true\"></i>\r\n        <span>Expericence</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span>Company\'s name</span>\r\n            <span class=\"exp-date\"><em>04/2020</em> - <em >Now</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n        <span>Activities</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Organization\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em> - <em>03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n      <div class=\"rb-block\">\r\n      \r\n          <p class=\"head\">\r\n              <i class=\"fa fa-caret-square-o-down\" aria-hidden=\"true\"></i>\r\n            <span>More information</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n  \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-link\" aria-hidden=\"true\"></i>\r\n        <span>References</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Name, company, phone, email,...\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n  </div>\r\n  \r\n\r\n  </div>\r\n    </div>', '#rb-layout {\r\n   width: 100%;\r\n   max-width: 210mm;\r\n   background: #3F9599;\r\n   padding: 0;\r\n   box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n   \r\n }\r\n \r\n #rb-main{\r\n font-family: \'Open Sans\',sans-serif;\r\n font-size: 14px;line-height: 24px;\r\n display: flex;\r\n flex-wrap: nowrap;\r\n }\r\n \r\n #rb-left .rb-block{\r\n margin-bottom: 30px\r\n }\r\n \r\n #rb-left {\r\n   width: 28%;\r\n   padding:10px 5px;\r\n   color: #fff;\r\n   background: #0F2E58!important;\r\n }\r\n #rb-content {\r\n   width: 72%;\r\n   background: #fff;\r\n }\r\n #rb-content .rb-content-main{\r\n padding: 10px 0 10px 5px;\r\n }\r\n \r\n #rb-left-top h1 span{\r\n color: #fff;display:block\r\n }\r\n \r\n #rb-left-top h2{\r\n margin:0;\r\n font-size: 16px;\r\n font-weight: normal;\r\n margin-bottom: 12px;\r\n color: #fff;\r\n text-align: center;\r\n   font-style: italic;\r\n   font-weight: 600;\r\n }\r\n \r\n #rb-left-top h1{\r\n font-size: 28px;	\r\n margin:0;\r\n padding:10px 5px;\r\n line-height: normal;\r\n text-transform: uppercase;\r\n text-align: center;\r\n   font-weight: 700;\r\n \r\n }\r\n \r\n #rb-content .rb-block {\r\n   position: relative;\r\n   padding: 5px 10px;\r\n }\r\n #rb-left .rb-box-content {\r\n padding-bottom: 0;\r\n margin:0;\r\n }\r\n .skill{\r\n margin-top: 15px\r\n }\r\n \r\n \r\n .box-name p{		\r\n   overflow: hidden;\r\n }\r\n .box-name{		\r\n overflow: hidden;\r\n background: #2f3a40;\r\n }\r\n #rb-content p{\r\n margin-bottom: 5px\r\n }\r\n #rb-left .h3{\r\n font-size: 18px;\r\n   font-weight: bold;\r\n   margin-top: 0;\r\n   text-transform: uppercase;\r\n   \r\n   text-align: center;\r\n }\r\n #rb-content .head{\r\n   font-size: 18px;\r\n   color: #2f3a40;\r\n   padding-bottom: 5px;\r\n   /* border-bottom: 2px solid #9B9C8F; */\r\n   font-weight: bold;\r\n   margin-top: 0;\r\n   text-transform: uppercase;\r\n }\r\n \r\n \r\n #rb-content h3{\r\n   font-weight:bold;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n }\r\n \r\n #rb-left .h3 span{\r\n padding: 0px 15px;\r\n }\r\n #rb-content span[contenteditable]{\r\n display: inline-block;\r\n padding-right: 15px;\r\n padding-left: 15px;\r\n }\r\n \r\n #rb-left .h3:first-child{\r\n margin-top: 0\r\n }\r\n .rb-box-content{\r\n margin-bottom: 25px;\r\n padding-left: 15px;\r\n position: relative;\r\n }\r\n \r\n #rb-box-ava{	\r\n text-align:center;padding:2px;margin-bottom: 10px; auto;\r\n }\r\n #rb-box-ava img{\r\n padding: 0;\r\n border:0;\r\n width: 150px;\r\n height: 150px;\r\n \r\n }\r\n .bar-exp span {\r\n   display:block;\r\n   height: 8px;\r\n   background: #d9d9d9;\r\n }\r\n .bar-exp{\r\n background: #2f3a40;\r\n border: solid 2px white;\r\n   margin-bottom: 12px;\r\n }\r\n .icoweb label{\r\n display: block;\r\n color:#627e88;\r\n }\r\n .icoweb span{\r\n display: block;\r\n }\r\n \r\n .box-contact{\r\n font-size: 13px;\r\n margin-left: 5px;\r\n padding-top:0px;\r\n }\r\n \r\n .icoweb i.fa{\r\n   width: 20px;\r\n   height: 20px;\r\n   background-color: #ffffff;\r\n   border-radius: 50%;\r\n   -webkit-border-radius: 50%;\r\n   -moz-border-radius: 50%;\r\n   display: inline-block;\r\n   text-align: center;\r\n   font-size: 13px;\r\n   line-height: 20px;\r\n   color: #2f3a40!important;\r\n   margin-right: 10px;\r\n   margin-top: 3px;float:left\r\n }\r\n .head i{\r\n   font-size: 25px;\r\n   margin-right: 10px;\r\n }\r\n .exp-content{\r\n padding-left: 15px;\r\n }\r\n #rb-content span.exp-date {\r\n   float: right;\r\n }\r\n .icon_fa{\r\n text-align: center;\r\n }\r\n .icon_fa i.fa{\r\n font-size: 20px;\r\n border: solid 1px #ffffff;\r\n border-radius: 50%;\r\n padding: 5px;\r\n width: 20px;\r\n color: white;\r\n background: #ffffff;\r\n margin-bottom: 5px;\r\n }\r\n p.head i.fa{float:left}\r\n .block{padding: 0 10px;}\r\n .rb-skillrate-value[value=\"1\"]{width:20%}\r\n .rb-skillrate-value[value=\"2\"]{width:40%}\r\n .rb-skillrate-value[value=\"3\"]{width:60%}\r\n .rb-skillrate-value[value=\"4\"]{width:80%}\r\n .rb-skillrate-value[value=\"5\"]{width:100%}\r\n span.date{font-weight:normal;font-style:italic;padding:0 10px;float:right}', 1, 1, '2020-08-04 02:04:16', '2020-08-04 17:37:37'),
(31, 2, 'Resume two column 2', '1072590908.png', '<div id=\"rb-layout\">\r\n  <div id=\"rb-main\">\r\n  <div id=\"rb-left\">\r\n    <div id=\"rb-box-ava\">\r\n      <img id=\"cv-ava\" src=\"http://redribbon.vn/images/bin/avatar/noavatar.png\" >\r\n    </div>\r\n    <div class=\"block rb-block\">\r\n        <p class=\"h3\"><span class=\"box-title rb_data\">information</span></p>\r\n    </div>\r\n    <div class=\"box-contact\">\r\n      <p class=\"icoweb\"><i class=\"fa fa-calendar\"></i><span>22/12/1995</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-user\"></i><span>Men</span>\r\n      </p>\r\n      <p class=\"icoweb\" ><i class=\"fa fa-phone\"></i><span >0123456789</span></p>\r\n      <p class=\"icoweb\" ><i class=\"fa fa-envelope-square\"></i><span >example@example.com</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-map-marker\"></i><span >New York</span>\r\n      </p>\r\n      <p class=\"icoweb\"><i class=\"fa fa-info\"></i><span  >fb.com/me</span>\r\n      </p>\r\n    </div>\r\n  </div>\r\n\r\n  <div id=\"rb-content\">\r\n    \r\n   <div id=\"rb-content-top\">\r\n          <div>\r\n            <h1><span>Your full name</span></h1>\r\n            <h2><span>Job\'s position</span></h2>\r\n          </div>\r\n    </div>\r\n    \r\n    <div class=\"rb-content-main\">\r\n    \r\n    <div class=\"rb-block\">\r\n        \r\n      <p class=\"head\">\r\n          <i class=\"fa fa-dot-circle-o\" aria-hidden=\"true\"></i>\r\n        <span>Target</span>\r\n      </p>\r\n      <div>\r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-graduation-cap\" aria-hidden=\"true\"></i>\r\n        <span >Education</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>School\'s name</span>\r\n            <span class=\"exp-date\"><em >08/2019</em> - <em >03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span >Major</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-briefcase\" aria-hidden=\"true\"></i>\r\n        <span>Expericence</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          \r\n          <h3>\r\n            <span>Company\'s name</span>\r\n            <span class=\"exp-date\"><em>04/2020</em> - <em >Now</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-user\" aria-hidden=\"true\"></i>\r\n        <span>Activities</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <h3>\r\n            <span >Organization\'s name</span>\r\n            <span class=\"exp-date\"><em >01/2019</em> - <em>03/2020</em></span>\r\n          </h3>\r\n          <p class=\"h3\">\r\n            <span>Position</span>\r\n          </p>\r\n          <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"rb-block\">\r\n        <p class=\"head\">\r\n            <i class=\"fa fa-trophy\" aria-hidden=\"true\"></i>\r\n          <span>AWARD</span>\r\n        </p>\r\n        <div>\r\n          <div class=\"rb-box-content\">\r\n            <h3>\r\n              <span >Award\'s name</span>\r\n              <span class=\"exp-date\"><em >01/2019</em></span>\r\n            </h3>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"rb-block\">\r\n          <p class=\"head\">\r\n              <i class=\"fa fa-cogs\" aria-hidden=\"true\"></i>\r\n            <span>SKILL</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <h3>\r\n                <span >Skill\'s name</span>\r\n              </h3>\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      <div class=\"rb-block\">\r\n      \r\n          <p class=\"head\">\r\n              <i class=\"fa fa-caret-square-o-down\" aria-hidden=\"true\"></i>\r\n            <span>More information</span>\r\n          </p>\r\n          <div>\r\n            <div class=\"rb-box-content\">\r\n              <div class=\"exp-content\">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit maiores explicabo nam similique quaerat, porro perferendis adipisci molestias eius dolore eaque, consequatur placeat voluptates consequuntur\r\n  \r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n    <div class=\"rb-block\">\r\n      \r\n      <p class=\"head\">\r\n        <i class=\"fa fa-link\" aria-hidden=\"true\"></i>\r\n        <span>References</span>\r\n      </p>\r\n      <div>\r\n  \r\n        <div class=\"rb-box-content\">\r\n          <div class=\"exp-content\">Name, company, phone, email,...\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    \r\n  </div>\r\n  </div>\r\n  </div>\r\n    </div>', '#rb-layout {\r\n  width: 100%;\r\n  max-width: 210mm;\r\n  background: #3F9599;\r\n  padding: 0;\r\n  box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n  \r\n}\r\n\r\n#rb-main{\r\nfont-family: \'Open Sans\',sans-serif;\r\nfont-size: 14px;line-height: 24px;\r\ndisplay: flex;\r\nflex-wrap: nowrap;\r\n}\r\n\r\n#rb-left .rb-block{\r\nmargin-bottom: 30px\r\n}\r\n\r\n#rb-left {\r\n  width: 28%;\r\n  padding:10px 5px;\r\n  color: #fff;\r\n  background: #1182b2!important;\r\n}\r\n#rb-content {\r\n  width: 72%;\r\n  background: #fff;\r\n}\r\n#rb-content .rb-content-main{\r\npadding: 10px 0 10px 5px;\r\n}\r\n#rb-content-top{	\r\ncolor: #000;\r\nbackground:#4eb3e5;\r\npadding-bottom: 10px;\r\n}\r\n\r\n#rb-content .rb-block {\r\n  position: relative;\r\n  padding: 5px 10px;\r\n}\r\n#rb-left .rb-box-content {\r\npadding-bottom: 0;\r\nmargin:0;\r\n}\r\n.skill{\r\nmargin-top: 15px\r\n}\r\n\r\n#rb-content-top h1{\r\nfont-size: 32px;	\r\nmargin:0;\r\npadding:10px 5px;\r\nline-height: normal;\r\ntext-transform: uppercase;\r\ntext-align: center;\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n#rb-content-top h1 span{\r\ncolor: #fff;display:block\r\n}\r\n\r\n#rb-content-top h2{\r\nmargin:0;\r\n/* font-size: 16px; */\r\nfont-weight: normal;\r\nmargin-bottom: 12px;\r\ncolor: #fff;\r\ntext-align: center;\r\n  font-style: italic;\r\n  font-weight: 600;\r\n}\r\n.box-name p{		\r\n  overflow: hidden;\r\n}\r\n.box-name{		\r\noverflow: hidden;\r\nbackground: #2f3a40;\r\n}\r\n#rb-content p{\r\nmargin-bottom: 5px\r\n}\r\n#rb-left .h3{\r\nfont-size: 18px;\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n  \r\n  text-align: center;\r\n}\r\n#rb-content .head{\r\n  font-size: 18px;\r\n  color: #2f3a40;\r\n  padding-bottom: 5px;\r\n  /* border-bottom: 2px solid #9B9C8F; */\r\n  font-weight: bold;\r\n  margin-top: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\r\n#rb-content h3{\r\n  font-weight:bold;font-size: 14px;line-height:30px;margin-bottom: 10px;color: #333;\r\n}\r\n\r\n#rb-left .h3 span{\r\npadding: 0px 15px;\r\n}\r\n#rb-content span[contenteditable]{\r\ndisplay: inline-block;\r\npadding-right: 15px;\r\npadding-left: 15px;\r\n}\r\n\r\n#rb-left .h3:first-child{\r\nmargin-top: 0\r\n}\r\n.rb-box-content{\r\nmargin-bottom: 25px;\r\npadding-left: 15px;\r\nposition: relative;\r\n}\r\n\r\n#rb-box-ava{	\r\ntext-align:center;padding:2px;margin-bottom: 10px; auto;\r\n}\r\n#rb-box-ava img{\r\npadding: 0;\r\nborder:0;\r\nwidth: 150px;\r\nheight: 150px;\r\n\r\n}\r\n.bar-exp span {\r\n  display:block;\r\n  height: 8px;\r\n  background: #d9d9d9;\r\n}\r\n.bar-exp{\r\nbackground: #2f3a40;\r\nborder: solid 2px white;\r\n  margin-bottom: 12px;\r\n}\r\n.icoweb label{\r\ndisplay: block;\r\ncolor:#627e88;\r\n}\r\n.icoweb span{\r\ndisplay: block;\r\n}\r\n\r\n.box-contact{\r\nfont-size: 13px;\r\nmargin-left: 5px;\r\npadding-top:0px;\r\n}\r\n\r\n.icoweb i.fa{\r\n  width: 20px;\r\n  height: 20px;\r\n  background-color: #ffffff;\r\n  border-radius: 50%;\r\n  -webkit-border-radius: 50%;\r\n  -moz-border-radius: 50%;\r\n  display: inline-block;\r\n  text-align: center;\r\n  font-size: 13px;\r\n  line-height: 20px;\r\n  color: #2f3a40!important;\r\n  margin-right: 10px;\r\n  margin-top: 3px;float:left\r\n}\r\n.head i{\r\n  font-size: 25px;\r\n  margin-right: 10px;\r\n}\r\n.exp-content{\r\npadding-left: 15px;\r\n}\r\n#rb-content span.exp-date {\r\n  float: right;\r\n}\r\n.icon_fa{\r\ntext-align: center;\r\n}\r\n.icon_fa i.fa{\r\nfont-size: 20px;\r\nborder: solid 1px #ffffff;\r\nborder-radius: 50%;\r\npadding: 5px;\r\nwidth: 20px;\r\ncolor: white;\r\nbackground: #ffffff;\r\nmargin-bottom: 5px;\r\n}\r\np.head i.fa{float:left}', 1, 1, '2020-08-04 02:05:20', '2020-08-04 17:40:45');