{"id":274,"date":"2026-05-17T07:32:25","date_gmt":"2026-05-17T07:32:25","guid":{"rendered":"https:\/\/www.dograhub.com\/?page_id=274"},"modified":"2026-05-29T05:22:09","modified_gmt":"2026-05-29T05:22:09","slug":"web-developer","status":"publish","type":"page","link":"https:\/\/www.dograhub.com\/?page_id=274","title":{"rendered":"Web Developer"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"274\" class=\"elementor elementor-274\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a15fefe e-flex e-con-boxed e-con e-parent\" data-id=\"a15fefe\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-65ff0b3 elementor-widget elementor-widget-html\" data-id=\"65ff0b3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ===== PREMIUM WEB DEV SECTION ===== *\/\r\n.webdev-wrapper{\r\n    max-width:1150px;\r\n    margin:10px auto 15px;\r\n    padding:20px 25px;\r\n    background:#fff;\r\n    border:3px solid #0072ff;\r\n    border-radius:28px;\r\n    box-shadow:0 8px 30px rgba(0,0,0,0.12);\r\n\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:25px;\r\n\r\n    min-height:420px;\r\n    overflow:hidden;\r\n}\r\n\r\n\/* ===== LEFT CONTENT ===== *\/\r\n.webdev-left{\r\n    flex:1;\r\n    min-width:300px;\r\n}\r\n\r\n.webdev-tag{\r\n    display:inline-block;\r\n    background:linear-gradient(135deg,#0072ff,#00c6ff);\r\n    color:#fff;\r\n    padding:8px 22px;\r\n    border-radius:50px;\r\n    font-size:14px;\r\n    font-weight:700;\r\n    margin-bottom:14px;\r\n    letter-spacing:1px;\r\n}\r\n\r\n.webdev-left h2{\r\n    font-size:42px;\r\n    line-height:1.2;\r\n    margin-bottom:12px;\r\n    font-weight:900;\r\n    color:#111;\r\n}\r\n\r\n.webdev-left h2 span{\r\n    color:#0072ff;\r\n}\r\n\r\n.webdev-left p{\r\n    font-size:17px;\r\n    color:#555;\r\n    line-height:1.7;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.webdev-points div{\r\n    font-size:17px;\r\n    margin-bottom:10px;\r\n    font-weight:600;\r\n    color:#222;\r\n}\r\n\r\n\/* ===== BUTTON ===== *\/\r\n.webdev-btn{\r\n    display:inline-block;\r\n    margin-top:15px;\r\n    padding:15px 34px;\r\n    border-radius:60px;\r\n    background:linear-gradient(135deg,#0072ff,#00c6ff);\r\n    color:#fff !important;\r\n    text-decoration:none;\r\n    font-size:20px;\r\n    font-weight:800;\r\n    box-shadow:0 8px 25px rgba(0,114,255,0.35);\r\n    transition:.3s;\r\n}\r\n\r\n.webdev-btn:hover{\r\n    transform:translateY(-3px) scale(1.02);\r\n}\r\n\r\n\/* ===== VIDEO SIDE ===== *\/\r\n.webdev-video{\r\n    flex:0.8;\r\n    min-width:280px;\r\n}\r\n\r\n\/* VIDEO BOX *\/\r\n.clean-video-box{\r\n    position:relative;\r\n    width:100%;\r\n    max-width:360px;\r\n    margin:auto;\r\n    overflow:hidden;\r\n    border-radius:25px;\r\n    box-shadow:0 10px 25px rgba(0,0,0,0.18);\r\n    background:#000;\r\n}\r\n\r\n\/* VIDEO *\/\r\n.clean-video-box iframe{\r\n    width:100%;\r\n    height:520px;\r\n    border:none;\r\n\r\n    \/* ZOOM TO HIDE YOUTUBE INFO *\/\r\n    transform:scale(1.18);\r\n\r\n    \/* DISABLE CLICK *\/\r\n    pointer-events:none;\r\n}\r\n\r\n\/* TOP BLACK HIDE *\/\r\n.clean-video-box::before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:75px;\r\n    background:#000;\r\n    z-index:5;\r\n}\r\n\r\n\/* BOTTOM BLACK HIDE *\/\r\n.clean-video-box::after{\r\n    content:\"\";\r\n    position:absolute;\r\n    bottom:0;\r\n    left:0;\r\n    width:100%;\r\n    height:90px;\r\n    background:#000;\r\n    z-index:5;\r\n}\r\n\r\n\/* OVERLAY *\/\r\n.video-overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    z-index:10;\r\n    background:transparent;\r\n}\r\n\r\n\/* ===== MOBILE ===== *\/\r\n@media(max-width:768px){\r\n\r\n.webdev-wrapper{\r\n    flex-direction:column;\r\n    padding:18px;\r\n    gap:18px;\r\n    min-height:auto;\r\n}\r\n\r\n.webdev-left h2{\r\n    font-size:31px;\r\n}\r\n\r\n.webdev-left p{\r\n    font-size:16px;\r\n}\r\n\r\n.webdev-points div{\r\n    font-size:16px;\r\n}\r\n\r\n.clean-video-box iframe{\r\n    height:420px;\r\n}\r\n\r\n.webdev-btn{\r\n    width:100%;\r\n    text-align:center;\r\n    font-size:18px;\r\n}\r\n}\r\n<\/style>\r\n\r\n<div class=\"webdev-wrapper\">\r\n\r\n    <!-- LEFT -->\r\n    <div class=\"webdev-left\">\r\n\r\n        <div class=\"webdev-tag\">\r\n            \ud83d\udcbb PREMIUM WEB DEVELOPMENT\r\n        <\/div>\r\n\r\n        <h2>\r\n            Become A <span>Modern Web Developer<\/span><br>\r\n            Build Stunning Websites\r\n        <\/h2>\r\n\r\n        <p>\r\n            Unlock premium web development tutorials, modern website design,\r\n            HTML CSS JavaScript tricks and real-world coding projects\r\n            to level up your skills.\r\n        <\/p>\r\n\r\n        <div class=\"webdev-points\">\r\n            <div>\u2714 Modern Website Design<\/div>\r\n            <div>\u2714 HTML CSS JavaScript Tutorials<\/div>\r\n            <div>\u2714 Responsive Mobile Friendly Design<\/div>\r\n            <div>\u2714 Premium Members Only Content<\/div>\r\n        <\/div>\r\n\r\n        <a class=\"webdev-btn\" href=\"https:\/\/wa.me\/918899467244?text=Hi%20I%20want%20Premium%20Web%20Development%20Access\" target=\"_blank\" rel=\"noopener\">\r\n        \ud83d\udcac Message For Premium Access\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT VIDEO -->\r\n    <div class=\"webdev-video\">\r\n\r\n        <div class=\"clean-video-box\">\r\n\r\n            <iframe\r\n            src=\"https:\/\/www.youtube.com\/embed\/A-tJIDo9rJ4?autoplay=1&mute=1&loop=1&playlist=A-tJIDo9rJ4&controls=0&modestbranding=1&rel=0&showinfo=0\"\r\n            allowfullscreen>\r\n            <\/iframe>\r\n\r\n            <div class=\"video-overlay\"><\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cecf2f e-flex e-con-boxed e-con e-parent\" data-id=\"0cecf2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58d8635 elementor-widget elementor-widget-html\" data-id=\"58d8635\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"deepu-video-lock\">\r\n  <div class=\"unlock-left\">\r\n    <h2>\ud83d\udd12 Premium Video Access<\/h2>\r\n    <p>Enter password to unlock all videos<\/p>\r\n\r\n    <input type=\"password\" id=\"videoPassword\" placeholder=\"Enter Password\">\r\n    <button onclick=\"unlockVideos()\">Unlock Videos<\/button>\r\n\r\n    <p id=\"wrongText\">\u274c Wrong Password<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"unlock-right\">\r\n    <p class=\"contact-text\">\ud83d\udcde Contact Customer Care to unlock video access.<\/p>\r\n\r\n    <a class=\"contact-btn whatsapp-btn\" href=\"https:\/\/wa.me\/918899467244\" target=\"_blank\" rel=\"noopener\">\ud83d\udcac Chat on WhatsApp<\/a>\r\n    <a class=\"contact-btn email-btn\" href=\"mailto:oneinone007@gmail.com\">\ud83d\udce7 oneinone007@gmail.com<\/a>\r\n    <a class=\"contact-btn insta-btn\" href=\"https:\/\/www.instagram.com\/__deepu9s?igsh=MXE5M3d3c2ZwMWltcg%3D%3D\" target=\"_blank\" rel=\"noopener\">\ud83d\udcf8 Follow on Instagram<\/a>\r\n  <\/div>\r\n\r\n  <div class=\"video-links\" id=\"videoLinks\">\r\n    <a href=\"https:\/\/youtube.com\/shorts\/HA4F5hAe3v0?si=-VtGuT9x1pFiQAVs\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 1<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/TwtQqxNOoZs?si=XOplbXImzo48ZegI\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 2<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/8RuBPPVpMME?si=dvlQGad2N6Pf7gTW\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 3<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/E0WxO-8BfrI?si=_NAPJ61bbx9KqPUf\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 4<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/baJpi6oKwtw?si=8joHuLJRfbZeGCtx\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 5<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/bOomMS8Oveo?si=riqpND9Rt_I5khUE\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 6<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/-0kVzPTrcU4?si=mxY0hvoR25LbiGhd\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 7<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/gtfeZa3VlJ4?si=9YqosTXWXTLzph_s\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 8<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/dzfBqgIPACo?si=I-zhrU6MLJt4zzju\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 9<\/a>\r\n    <a href=\"https:\/\/youtube.com\/shorts\/ySvtC2aKwy8?si=bwssfONR0IOh6js6\" target=\"_blank\" rel=\"noopener\">\u25b6 Video 10<\/a>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n.deepu-video-lock{\r\n  max-width:850px;\r\n  margin:20px auto;\r\n  padding:22px;\r\n  border-radius:22px;\r\n  background:#fff;\r\n  font-family:Arial,sans-serif;\r\n  border:3px solid #2196f3;\r\n  box-shadow:0 0 18px rgba(33,150,243,.35),0 0 40px rgba(33,150,243,.18);\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:22px;\r\n  align-items:center;\r\n}\r\n\r\n.deepu-video-lock h2{\r\n  margin:0 0 10px;\r\n  color:#111;\r\n  font-size:28px;\r\n}\r\n\r\n.deepu-video-lock p{\r\n  color:#444;\r\n  margin:0 0 14px;\r\n}\r\n\r\n.deepu-video-lock input{\r\n  width:100%;\r\n  padding:13px;\r\n  border-radius:12px;\r\n  border:2px solid #2196f3;\r\n  outline:none !important;\r\n  font-size:15px;\r\n  box-sizing:border-box;\r\n  box-shadow:0 0 12px rgba(33,150,243,.22);\r\n}\r\n\r\n.deepu-video-lock input:focus{\r\n  border:2px solid #2196f3 !important;\r\n  outline:none !important;\r\n  box-shadow:0 0 18px rgba(33,150,243,.55);\r\n}\r\n\r\n.deepu-video-lock button{\r\n  margin-top:14px;\r\n  width:100%;\r\n  padding:13px;\r\n  border:none;\r\n  border-radius:12px;\r\n  background:#2196f3;\r\n  color:#fff;\r\n  font-size:16px;\r\n  font-weight:bold;\r\n  cursor:pointer;\r\n  box-shadow:0 0 15px rgba(33,150,243,.35);\r\n}\r\n\r\n#wrongText{\r\n  color:red;\r\n  display:none;\r\n  margin-top:12px;\r\n  font-weight:bold;\r\n}\r\n\r\n.unlock-right{\r\n  text-align:center;\r\n}\r\n\r\n.contact-text{\r\n  font-weight:bold;\r\n}\r\n\r\n.contact-btn{\r\n  display:flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  gap:8px;\r\n  width:100%;\r\n  padding:13px;\r\n  margin-top:12px;\r\n  border-radius:14px;\r\n  text-decoration:none;\r\n  color:#fff;\r\n  font-weight:bold;\r\n  box-sizing:border-box;\r\n}\r\n\r\n.whatsapp-btn{background:#25D366;}\r\n.email-btn{background:#ff5722;}\r\n.insta-btn{background:#E1306C;}\r\n\r\n.video-links{\r\n  display:none;\r\n  grid-column:1 \/ -1;\r\n  margin-top:10px;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:10px;\r\n}\r\n\r\n.video-links a{\r\n  display:block;\r\n  padding:12px;\r\n  border-radius:12px;\r\n  background:#f3f9ff;\r\n  border:2px solid #2196f3;\r\n  text-decoration:none;\r\n  color:#111;\r\n  font-weight:bold;\r\n  text-align:center;\r\n}\r\n\r\n.video-links a:hover{\r\n  background:#2196f3;\r\n  color:#fff;\r\n}\r\n\r\n@media(max-width:700px){\r\n  .deepu-video-lock{\r\n    grid-template-columns:1fr;\r\n    max-width:100%;\r\n    margin:15px;\r\n    padding:18px;\r\n    gap:16px;\r\n  }\r\n\r\n  .deepu-video-lock h2{\r\n    font-size:23px;\r\n    text-align:center;\r\n  }\r\n\r\n  .deepu-video-lock p{\r\n    text-align:center;\r\n  }\r\n\r\n  .video-links{\r\n    grid-template-columns:1fr;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<script>\r\nfunction unlockVideos(){\r\n  let password = document.getElementById(\"videoPassword\").value;\r\n\r\n  if(password === \"1234\"){\r\n    document.getElementById(\"videoLinks\").style.display = \"grid\";\r\n    document.getElementById(\"wrongText\").style.display = \"none\";\r\n  }else{\r\n    document.getElementById(\"wrongText\").style.display = \"block\";\r\n  }\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#x1f4bb; PREMIUM WEB DEVELOPMENT Become A Modern Web Developer Build Stunning Websites Unlock premium web development tutorials, modern website design, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-274","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dograhub.com\/index.php?rest_route=\/wp\/v2\/pages\/274","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dograhub.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dograhub.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dograhub.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dograhub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=274"}],"version-history":[{"count":0,"href":"https:\/\/www.dograhub.com\/index.php?rest_route=\/wp\/v2\/pages\/274\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.dograhub.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=274"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}