{"id":1184,"date":"2023-06-27T11:40:57","date_gmt":"2023-06-27T11:40:57","guid":{"rendered":"http:\/\/www.yoshithainfra.in\/projects\/?page_id=1184"},"modified":"2024-09-05T11:32:59","modified_gmt":"2024-09-05T06:02:59","slug":"our-projects-mobile","status":"publish","type":"page","link":"https:\/\/www.yoshithainfra.in\/projects\/our-projects-mobile\/","title":{"rendered":"Our Projects \u2013 Mobile"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1184\" class=\"elementor elementor-1184\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8f0a458 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"8f0a458\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-53f2dfa\" data-id=\"53f2dfa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-d960b9c elementor-widget elementor-widget-html\" data-id=\"d960b9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Mobile Webview App<\/title>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto:wght@400;700&display=swap\" rel=\"stylesheet\"> <!-- Load Roboto font -->\r\n    <style>\r\n        body {\r\n            margin: 0;\r\n            padding: 0;\r\n            font-family: 'Roboto', sans-serif; \/* Use Roboto font *\/\r\n            background-color: #f0f0f0; \/* Abstract background color *\/\r\n            color: #333; \/* Text color *\/\r\n        }\r\n        header {\r\n            background-color: #044280; \/* Header background color *\/\r\n            padding: 5px 0;\r\n            text-align: center;\r\n            color: white;\r\n            font-size: 20px;\r\n            box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); \/* Add shadow effect *\/\r\n        }\r\n        .container {\r\n            padding-bottom: 60px; \/* Adjust according to the height of your menu *\/\r\n            text-align: center;\r\n            margin-top: 20px;\r\n        }\r\n        h1, h2 {\r\n            font-size: 20px;\r\n            margin-bottom: 10px;\r\n            font-weight: 700; \/* Use bold font weight *\/\r\n            color: #444; \/* Darker text color *\/\r\n        }\r\n        p {\r\n            font-size: 14px;\r\n            margin-bottom: 20px;\r\n            line-height: 1.6; \/* Improved line spacing *\/\r\n            color: #666; \/* Slightly darker text color *\/\r\n        }\r\n        .image-container {\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            justify-content: space-around;\r\n            margin-bottom: 20px;\r\n        }\r\n        .image-container a {\r\n            flex: 0 0 calc(30% - 20px); \/* Adjust image width *\/\r\n            max-width: calc(30% - 20px);\r\n            margin: 10px;\r\n            border-radius: 8px;\r\n            overflow: hidden;\r\n            display: block;\r\n            box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3); \/* Add shadow effect *\/\r\n            transition: transform 0.3s ease; \/* Add transition effect *\/\r\n        }\r\n        .image-container a:hover {\r\n            transform: scale(1.1); \/* Scale up the image on hover *\/\r\n        }\r\n        .image-container img {\r\n            width: 100%;\r\n            height: auto;\r\n            max-width: 100%; \/* Ensure image doesn't exceed container width *\/\r\n            max-height: 100%; \/* Ensure image doesn't exceed container height *\/\r\n        }\r\n        .menu {\r\n            position: fixed;\r\n            bottom: 0;\r\n            width: 100%;\r\n            background-color: #044280; \/* Menu background color matches header *\/\r\n            display: flex;\r\n            justify-content: center; \/* Center align menu items *\/\r\n            padding: 5px 0; \/* Decrease padding *\/\r\n            box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.5); \/* Optional: Add shadow effect *\/\r\n            font-size: 14px; \/* Decrease font size *\/\r\n        }\r\n        .menu a {\r\n            color: white;\r\n            text-decoration: none;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n            justify-content: center;\r\n            flex: 1; \/* Equal width for menu items *\/\r\n        }\r\n        .menu a:hover {\r\n            background-color: #555; \/* Darken the background color on hover *\/\r\n        }\r\n        .menu a .icon {\r\n            font-size: 20px;\r\n            margin-bottom: 3px;\r\n            color: white; \/* Set the icon color to white *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <header>\r\n        OUR PROJECTS\r\n    <\/header>\r\n\r\n    <div class=\"container\">\r\n        <!-- Images -->\r\n        <div class=\"image-container\">\r\n            <!-- First row of images -->\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1pgosk9pV1xPFlPyNiWWd3-2FF6ejMg53\/view\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/onlinevcard.in\/membership\/icons\/woxridge.jpg\" alt=\"Our Projects\"><\/a>\r\n            \r\n                        <a href=\"https:\/\/drive.google.com\/file\/d\/1_v1BgmlrIWljctR9H3YVdGyj4b6bs_qF\/view\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/onlinevcard.in\/membership\/icons\/woxenview.png\" alt=\"Our Projects\"><\/a>\r\n                        \r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1qBZBVSMkDs-8P2aECjVPRcBa5c47bSdD\/view?usp=drive_link\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/1-landmark.png\" alt=\"Our Projects\"><\/a>\r\n            \r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1AqxQAJNtIUE_DT_huU9-NcfDL1Pm5iBX\/view?usp=drive_link\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/2-hillview.png\" alt=\"About Us\"><\/a>\r\n            \r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1GxvmZzpiorcmJB2kwZW9xnQ5p23Zs5eT\/view?usp=sharing\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/3-l-serinity.png\" alt=\"Image 3\"><\/a>\r\n            \r\n            <!-- Second row of images -->\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1AeWbw_MUxlE1mqgV-DESxGeQ9aVw0PRA\/view?usp=drive_link\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/4-steler.png\" alt=\"Image 4\"><\/a>\r\n            \r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1B7TdNQsG1H6234auJKCD86VBj5gXhD34\/view?usp=drive_link\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/5-suprime-zone.png\" alt=\"Image 4\"><\/a>\r\n            \r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1AsSjUM94Ko8WdJP5KTG0WuxQ4mMOYfV-\/view?usp=drive_link\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/6-ee.png\" alt=\"Image 6\"><\/a>\r\n            \r\n            <!-- Third row of images -->\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1ArtzvUU5v9hnfaFDJifmzxRTNvXvRFgS\/view?usp=drive_link\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/7-greenvalley.png\" alt=\"Image 7\"><\/a>\r\n            \r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1B7XS1DGvit-eja8CTSR76bAgeYTHDjVP\/view?usp=drive_link\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/8-ssr.png\" alt=\"Image 8\"><\/a>\r\n            \r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1B18j7mP42RGfU3HffMny_O5OMb9GvFwn\/view?usp=drive_link\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/9-dharani.png\" alt=\"Image 9\"><\/a>\r\n            \r\n            <!-- Fourth row of images -->\r\n            <a href=\"https:\/\/drive.google.com\/file\/d\/1BDqj4dmMIpeHoPlEw6LIFYAndJvARyps\/view?usp=drive_link\"><img decoding=\"async\" src=\"https:\/\/www.yoshithainfra.in\/projects\/wp-content\/uploads\/2024\/03\/10-neel.png\" alt=\"Image 10\"><\/a>\r\n            \r\n            \r\n        <\/div>\r\n    <\/div>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Mobile Webview App OUR PROJECTS<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"default","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":"","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-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":"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":""},"mobile":{"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":""}},"footnotes":""},"class_list":["post-1184","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/pages\/1184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/comments?post=1184"}],"version-history":[{"count":197,"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/pages\/1184\/revisions"}],"predecessor-version":[{"id":7066,"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/pages\/1184\/revisions\/7066"}],"wp:attachment":[{"href":"https:\/\/www.yoshithainfra.in\/projects\/wp-json\/wp\/v2\/media?parent=1184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}