File manager

File manager - Edit - /home/u608250662/domains/rdsolution.org.in/public_html/u608250662_bluexcell.sql

Back
-- phpMyAdmin SQL Dump -- version 5.2.2 -- https://www.phpmyadmin.net/ -- -- Host: 127.0.0.1:3306 -- Generation Time: Apr 20, 2026 at 04:59 PM -- Server version: 11.8.6-MariaDB-log -- PHP Version: 7.2.34 SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO"; START TRANSACTION; SET time_zone = "+00:00"; /!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT /; /!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS /; /!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION /; /!40101 SET NAMES utf8mb4 /; -- -- Database: `u608250662_bluexcell` -- -- -------------------------------------------------------- -- -- Table structure for table `blue_category` -- CREATE TABLE `blue_category` ( `id` int(11) NOT NULL, `category` varchar(250) DEFAULT NULL, `category_desc` text DEFAULT NULL, `url` varchar(255) DEFAULT NULL, `description` text DEFAULT NULL, `image` varchar(255) DEFAULT NULL, `seotitle` text DEFAULT NULL, `seodescription` text DEFAULT NULL, `seokeywords` text DEFAULT NULL, `status` int(11) DEFAULT NULL, `show_in_menu` int(11) NOT NULL DEFAULT 0, `imageAlt` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `blue_category` -- INSERT INTO `blue_category` (`id`, `category`, `category_desc`, `url`, `description`, `image`, `seotitle`, `seodescription`, `seokeywords`, `status`, `show_in_menu`, `imageAlt`) VALUES (3, 'category name 3', 'dd', 'category-name-3', NULL, 'download (3).jpeg', 'seo title', 'descrition', 'seo keywords', 1, 1, NULL), (4, 'category name 4 update', 'dd update', 'category-name-4-update', NULL, '1761840965894.jpeg', 'seo title update', 'sed update', 'seo keywords update', 1, 1, '1761840965894'), (5, 'testing rahjesh', '', 'testing-rajesh', NULL, 'WhatsApp Image 2026-04-15 at 20.21.11 (1).jpeg', 'testing title', 'testing descritption', 'testing keywords', 1, 1, 'WhatsApp Image 2026-04-15 at 20.21.11 (1).jpeg'); -- -------------------------------------------------------- -- -- Table structure for table `blue_sub_category` -- CREATE TABLE `blue_sub_category` ( `id` int(11) NOT NULL, `category_name` varchar(255) DEFAULT NULL, `category_url` varchar(255) DEFAULT NULL, `sub_category` varchar(250) DEFAULT NULL, `sub_category_url` varchar(255) DEFAULT NULL, `description` text DEFAULT NULL, `image` varchar(255) DEFAULT NULL, `imageAlt` varchar(255) DEFAULT NULL, `seotitle` text DEFAULT NULL, `seodescription` text DEFAULT NULL, `seokeywords` text DEFAULT NULL, `status` int(11) DEFAULT NULL, `show_in_menu` int(11) NOT NULL DEFAULT 0, `wdi_category` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `blue_sub_category` -- INSERT INTO `blue_sub_category` (`id`, `category_name`, `category_url`, `sub_category`, `sub_category_url`, `description`, `image`, `imageAlt`, `seotitle`, `seodescription`, `seokeywords`, `status`, `show_in_menu`, `wdi_category`) VALUES (4, 'category name 3', 'category-name-3', 'Sub Category Name hh', 'sub-category-name-hh', '', '165017-red-and-orange-abstract-texture-background-illustrator.jpg', '165017-red-and-orange-abstract-texture-background-illustrator', 'seo title update', 'meta description', 'seo keywords', 1, 1, NULL), (5, 'testing rahjesh', 'testing-rajesh', 'rajesh sub category', 'sub-category-name-update', 'description sub category', '1761840965894.jpeg', '1761840965894', 'seo title 1', 'seo description 1', 'seo description 1', 1, 1, NULL); -- -------------------------------------------------------- -- -- Table structure for table `counter_section` -- CREATE TABLE `counter_section` ( `id` int(11) NOT NULL, `counter1_title` varchar(255) DEFAULT NULL, `counter1_number` int(11) DEFAULT NULL, `counter2_title` varchar(255) DEFAULT NULL, `counter2_number` int(11) DEFAULT NULL, `counter3_title` varchar(255) DEFAULT NULL, `counter3_number` int(11) DEFAULT NULL, `counter4_title` varchar(255) DEFAULT NULL, `counter4_number` int(11) DEFAULT NULL, `created_at` timestamp NULL DEFAULT current_timestamp(), `updated_at` timestamp NULL DEFAULT current_timestamp() ON UPDATE current_timestamp() ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `counter_section` -- INSERT INTO `counter_section` (`id`, `counter1_title`, `counter1_number`, `counter2_title`, `counter2_number`, `counter3_title`, `counter3_number`, `counter4_title`, `counter4_number`, `created_at`, `updated_at`) VALUES (1, 'Happy clients update', 10, 'Project update', 40, 'Title update', 40, 'hard update', 60, '2026-04-19 04:56:25', '2026-04-19 04:57:42'); -- -------------------------------------------------------- -- -- Table structure for table `enquiry` -- CREATE TABLE `enquiry` ( `id` int(11) NOT NULL, `name` varchar(255) DEFAULT NULL, `email` varchar(255) DEFAULT NULL, `phone` bigint(20) DEFAULT NULL, `address` varchar(255) DEFAULT NULL, `city` varchar(100) DEFAULT NULL, `company` varchar(255) DEFAULT NULL, `course` varchar(255) DEFAULT NULL, `message` varchar(255) DEFAULT NULL, `subject` varchar(150) DEFAULT NULL, `ip` varchar(255) DEFAULT NULL, `timing` datetime DEFAULT NULL, `page` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `enquiry` -- INSERT INTO `enquiry` (`id`, `name`, `email`, `phone`, `address`, `city`, `company`, `course`, `message`, `subject`, `ip`, `timing`, `page`) VALUES (40, 'Farook mohammad', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'message', 'sub', NULL, NULL, NULL), (41, 'Farook mohammad', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'message', 'sub', NULL, NULL, NULL), (42, 'Farook mohammad', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'message', 'sub', NULL, NULL, 'Product name update'), (43, 'farok', 'rajeshyadav427@gmail.com', 4569871230, NULL, NULL, NULL, NULL, 'msessage', 'sub', NULL, NULL, 'Product name update'), (44, 'Farook mohammad', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'message', 'Subject', NULL, NULL, 'Home'), (45, 'Farook mohammad', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'me', 'sub', NULL, NULL, NULL), (46, 'Farook mohammad', 'moha@gmail.com', 4569871230, NULL, NULL, NULL, NULL, 'message', 'Subject', NULL, NULL, 'Contact'), (47, 'Farook mohammad', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'your message', 'sub', NULL, NULL, NULL), (48, 'Farook mohammad', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'message', 'Subject', NULL, NULL, 'Dealer'), (49, 'fff', 'email@gmail.com', 7896541230, NULL, NULL, NULL, NULL, 'asdf', 'sub', NULL, NULL, 'Dealer'), (50, 'Hiroko Vazquez', 'kenuka@mailinator.com', 1, 'Id sed veritatis lab', 'Et ex occaecat quia ', 'Whitehead Cox LLC', NULL, 'Eu maiores qui vel a', NULL, '2402:3a80:ed9:eb9d:dd3d:4a60:9b03:e56f', '2026-04-19 06:10:56', 'Dealer'), (51, 'Hilel Holder', 'zuviqelafa@mailinator.com', 1, 'Expedita excepteur n', 'Quam ullam est et pa', 'Carroll Frost LLC', NULL, 'Doloremque dolor atq', NULL, '2402:3a80:ed9:eb9d:dd3d:4a60:9b03:e56f', '2026-04-19 06:12:44', 'Dealer'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_admin` -- CREATE TABLE `wdi_admin` ( `id` int(11) NOT NULL, `username` varchar(255) NOT NULL, `password` varchar(255) NOT NULL, `emailid` varchar(255) NOT NULL, `phone` varchar(255) NOT NULL, `last_login` date NOT NULL, `forgot_key` varchar(255) NOT NULL, `address` varchar(255) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_admin` -- INSERT INTO `wdi_admin` (`id`, `username`, `password`, `emailid`, `phone`, `last_login`, `forgot_key`, `address`) VALUES (1, 'admin', '123456', '', '', '2014-07-03', '', '0'), (2, 'GUDDU', 'GUDDU!@#$%^&(7896', '[value-4]', '[value-5]', '0000-00-00', '[value-7]', '[value-8]'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_banner` -- CREATE TABLE `wdi_banner` ( `id` int(11) NOT NULL, `title` varchar(255) DEFAULT NULL, `image` varchar(255) NOT NULL, `imageAlt` varchar(100) NOT NULL, `url` varchar(250) NOT NULL, `status` varchar(255) NOT NULL, `imageText` varchar(255) NOT NULL, `heading` varchar(255) NOT NULL, `paragraph` varchar(255) NOT NULL, `cat` varchar(256) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_banner` -- INSERT INTO `wdi_banner` (`id`, `title`, `image`, `imageAlt`, `url`, `status`, `imageText`, `heading`, `paragraph`, `cat`) VALUES (48, NULL, 'AlphaTD(3)20250304113527.png', 'Slider 2', '', '1', 'Slider 2', '', '', NULL), (49, NULL, 'slide2.jpg', 'Slider 2', '', '1', 'Slider 2', '', '', NULL), (50, NULL, 'home-about-img.jpg', 'Slider 3', '', '1', 'Slider 3', '', '', NULL); -- -------------------------------------------------------- -- -- Table structure for table `wdi_blogs` -- CREATE TABLE `wdi_blogs` ( `id` int(11) NOT NULL, `url` varchar(400) CHARACTER SET latin1 COLLATE latin1_swedish_ci DEFAULT NULL, `status` varchar(255) CHARACTER SET latin1 COLLATE latin1_swedish_ci DEFAULT NULL, `caturl` text CHARACTER SET latin1 COLLATE latin1_swedish_ci DEFAULT NULL, `date` varchar(256) DEFAULT NULL, `relatedblogs` longtext DEFAULT NULL, `added` timestamp NULL DEFAULT current_timestamp(), `updated` timestamp NULL DEFAULT current_timestamp() ON UPDATE current_timestamp(), `written_by` varchar(255) NOT NULL DEFAULT 'Web Development Institute', `writter_url` varchar(255) NOT NULL DEFAULT 'https://www.webdevelopmentinstitute.com', `compiler` text DEFAULT NULL, `demo` text DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -------------------------------------------------------- -- -- Table structure for table `wdi_blogss` -- CREATE TABLE `wdi_blogss` ( `id` int(11) NOT NULL, `title` varchar(255) NOT NULL, `url` varchar(255) NOT NULL, `image` varchar(255) DEFAULT NULL, `imgalt` varchar(255) DEFAULT NULL, `description` longtext DEFAULT NULL, `seotitle` varchar(255) DEFAULT NULL, `seokeyword` text DEFAULT NULL, `seodesc` text DEFAULT NULL, `caturl` text DEFAULT NULL, `relatedblogs` text DEFAULT NULL, `tags` text DEFAULT NULL, `status` tinyint(1) DEFAULT 1 COMMENT '1=Active, 0=Inactive', `date` date DEFAULT NULL, `created_at` timestamp NULL DEFAULT current_timestamp(), `updated_at` timestamp NULL DEFAULT current_timestamp() ON UPDATE current_timestamp() ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci; -- -- Dumping data for table `wdi_blogss` -- INSERT INTO `wdi_blogss` (`id`, `title`, `url`, `image`, `imgalt`, `description`, `seotitle`, `seokeyword`, `seodesc`, `caturl`, `relatedblogs`, `tags`, `status`, `date`, `created_at`, `updated_at`) VALUES (5, 'Why Vidyam Classes is the Best Choice for Quality Education', 'why-vidyam-classes-is-the-best-choice-for-quality-education', '1776101454_AlphaTD(3)20250304113527.png', 'vidyam-img', '<p data-start=\"254\" data-end=\"583\">Education is the foundation of a successful future, and choosing the right coaching institute plays a crucial role in shaping a student\'s academic journey. <strong data-start=\"410\" data-end=\"428\">Vidyam Classes</strong> is dedicated to providing high-quality education, expert guidance, and a supportive learning environment that helps students achieve their academic goals.</p>\r\n<h2 data-section-id=\"112qhyi\" data-start=\"585\" data-end=\"621\">Experienced and Qualified Faculty</h2>\r\n<p data-start=\"623\" data-end=\"940\">One of the biggest strengths of <strong data-start=\"655\" data-end=\"673\">Vidyam Classes</strong> is its team of experienced and highly qualified teachers. The faculty members focus on building strong conceptual understanding rather than just memorization. Their teaching methods are designed to make complex topics simple and easy to understand for every student.</p>\r\n<h2 data-section-id=\"1ktu7ti\" data-start=\"942\" data-end=\"973\">Structured Learning Approach</h2>\r\n<p data-start=\"975\" data-end=\"1215\">At <strong data-start=\"978\" data-end=\"996\">Vidyam Classes</strong>, students follow a well-structured curriculum that covers every topic step by step. Regular tests, assignments, and doubt-clearing sessions ensure that students stay on track and continuously improve their performance.</p>\r\n<p data-start=\"1217\" data-end=\"1242\">The institute focuses on:</p>\r\n<ul data-start=\"1244\" data-end=\"1376\">\r\n<li data-section-id=\"160c1s\" data-start=\"1244\" data-end=\"1270\">Concept-based learning</li>\r\n<li data-section-id=\"g7c11o\" data-start=\"1271\" data-end=\"1297\">Regular practice tests</li>\r\n<li data-section-id=\"1h6u8eq\" data-start=\"1298\" data-end=\"1331\">Detailed performance analysis</li>\r\n<li data-section-id=\"9fis1n\" data-start=\"1332\" data-end=\"1376\">Personalized attention for every student</li>\r\n</ul>\r\n<h2 data-section-id=\"fy8xdi\" data-start=\"1378\" data-end=\"1420\">Small Batch Size for Personal Attention</h2>\r\n<p data-start=\"1422\" data-end=\"1691\">Unlike many coaching institutes, <strong data-start=\"1455\" data-end=\"1473\">Vidyam Classes</strong> maintains small batch sizes. This allows teachers to give individual attention to each student and address their doubts quickly. Students feel more comfortable asking questions and actively participating in the class.</p>', 'Best Coaching Institute in Delhi \| Vidyam Classes for Quality Education', 'Vidyam Classes, Vidyam Coaching Institute, Best Coaching Institute', 'Join Vidyam Classes, one of the best coaching institutes in [City]. Experienced teachers, small batches, regular tests, and concept-based learning to help students achieve academic success.', '', '', '', 1, '2026-04-04', '2026-04-04 06:32:20', '2026-04-13 17:30:54'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_category` -- CREATE TABLE `wdi_category` ( `id` int(11) NOT NULL, `cate_name` varchar(255) NOT NULL, `cate_url` varchar(255) NOT NULL, `sub_cat_name` varchar(255) NOT NULL, `sub_cat_url` varchar(255) NOT NULL, `image` varchar(255) DEFAULT NULL, `feature_img` varchar(250) DEFAULT NULL, `product_name` varchar(255) DEFAULT NULL, `product_url` varchar(255) DEFAULT NULL, `pdf` varchar(255) DEFAULT NULL, `doc` varchar(255) DEFAULT NULL, `product_desc` text DEFAULT NULL, `seotitle` text DEFAULT NULL, `seodesc` text DEFAULT NULL, `seokeywords` text DEFAULT NULL, `status` int(11) DEFAULT 1, `home_page` int(11) NOT NULL DEFAULT 0, `image_alt` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_category` -- INSERT INTO `wdi_category` (`id`, `cate_name`, `cate_url`, `sub_cat_name`, `sub_cat_url`, `image`, `feature_img`, `product_name`, `product_url`, `pdf`, `doc`, `product_desc`, `seotitle`, `seodesc`, `seokeywords`, `status`, `home_page`, `image_alt`) VALUES (4, '', 'category-name-3', '', 'sub-category-name-hh', '69e47bed284e0.jpeg,69e47bed2870e.jpeg,69e47bed288a7.jpeg,69e47bed28a1a.jpeg', '1776581584_1776535782734.jfif', 'Product related', 'product-related', '1776270326_Admissions Brochure 2.pdf', '1776270326_1775917728_M.A.M. COLLEGE OF ENGINEERING & TECHNOLOGY.docx', 'product related description', 'seo title', 'seo description', 'seo keywords', 1, 1, 'image alt'), (5, '', 'category-name-3', '', 'sub-category-name-hh', '', '1776614291_Transform your data storytelling with our Editable KPI Dashboard PowerPoint Template.jpeg', 'product name update aaaallalallalallaallalalalaa', 'product-name-update-aaaallalallalallaallalalalaa', '1776359677_2734934824.pdf', '1776359677_RIS_Text-mailer.docx', '<p data-start=\"64\" data-end=\"102\"><strong data-start=\"64\" data-end=\"102\">Premium Wireless Bluetooth Earbuds</strong></p>\r\n<p data-start=\"104\" data-end=\"420\">Experience next-level sound quality with these premium wireless Bluetooth earbuds designed for comfort, clarity, and convenience. Engineered with advanced audio technology, they deliver deep bass, crisp highs, and balanced mids for an immersive listening experience whether you\'re at work, traveling, or working out.</p>\r\n<p data-start=\"422\" data-end=\"689\">The ergonomic in-ear design ensures a secure and comfortable fit for long hours of use, while the lightweight build makes them easy to carry anywhere. With fast Bluetooth connectivity, you can pair instantly with your smartphone, tablet, or laptop without any hassle.</p>\r\n<p data-start=\"691\" data-end=\"929\">Enjoy up to 20 hours of total playtime with the compact charging case, and stay connected all day without interruptions. Built-in noise reduction helps minimize background distractions so you can focus on your music or calls with clarity.</p>\r\n<p data-start=\"931\" data-end=\"1076\">Perfect for music lovers, professionals, and fitness enthusiasts, these earbuds combine style, performance, and reliability in one sleek package.</p>', 'seo title', 'seo description', 'seo keywords', 1, 1, 'image alt'), (6, '', 'category-name-3', '', 'sub-category-name-hh', '69e5024af0469.jpeg,69e5024af065c.jpg', '1776616010_1759702751749.jpeg', 'testing rajesh', 'testing-rajesh', '', '', '<span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span><span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span>Next-G Classes an ISO Certified and registered under Ministry of Micro, Small & Medium Enterprises (MSME), and Government of India. Next-G Classes is a group of Institutes Where more than 150+ IT related Courses are available. Being a one of the Reputed Institute from Last 8 years, The Name Next-G classes gained a trust of students</span>', '', '', '', 1, 1, 'test'), (7, '', 'category-name-3', '', 'sub-category-name-hh', '', '1776616047_1761798375334.jpg', 'product name 1 update farook', 'product-name-1-update-farook', '1776571418_Admissions Brochure 2.pdf', '1776571418_RIS_Text-mailer.docx', 'product description', 'seo title farook', 'seo description update', 'seo keywrods farok, arok, hellpa f', 1, 1, 'image alt'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_course` -- CREATE TABLE `wdi_course` ( `id` int(11) NOT NULL, `url` varchar(400) DEFAULT NULL, `menuname` text DEFAULT NULL, `lower_content` longtext DEFAULT NULL, `status` varchar(255) DEFAULT NULL, `web` int(11) DEFAULT NULL, `trending` int(11) DEFAULT NULL, `digitalmarketing` int(11) DEFAULT NULL, `kids` int(11) DEFAULT NULL, `course_category` varchar(255) DEFAULT NULL, `course_type` varchar(255) DEFAULT NULL, `coursecontent` longtext DEFAULT NULL, `CourseHighlight` longtext DEFAULT NULL, `pagetype` varchar(50) DEFAULT NULL, `menutitle` varchar(255) DEFAULT NULL, `duration` varchar(30) DEFAULT NULL, `training` varchar(255) DEFAULT NULL, `brochure` varchar(255) DEFAULT NULL, `domain` int(11) DEFAULT NULL, `liveproject` int(11) DEFAULT NULL, `corderby` varchar(255) NOT NULL DEFAULT '0', `show_on_site` int(11) DEFAULT 1, `seotitle` varchar(100) DEFAULT NULL, `seokeywords` varchar(150) DEFAULT NULL, `seodescription` varchar(100) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -------------------------------------------------------- -- -- Table structure for table `wdi_email` -- CREATE TABLE `wdi_email` ( `id` int(11) NOT NULL, `email` varchar(255) NOT NULL, `email_template` text DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -------------------------------------------------------- -- -- Table structure for table `wdi_email_temp` -- CREATE TABLE `wdi_email_temp` ( `id` int(11) NOT NULL, `email` varchar(255) NOT NULL, `email_template` text DEFAULT NULL, `email_password` varchar(255) DEFAULT NULL, `smtp_login_link` varchar(255) DEFAULT NULL, `admin_emal` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_email_temp` -- INSERT INTO `wdi_email_temp` (`id`, `email`, `email_template`, `email_password`, `smtp_login_link`, `admin_emal`) VALUES (2, 'enquiry@vidyamclasses.com', 'Subject: New Enquiry Received\r\n\r\nDear Team,\r\n\r\nYou have received a new enquiry. Please find the details below:\r\n\r\n-----------------------------------\r\nName: {{name}}\r\nEmail: {{email}}\r\nPhone: {{phone}}\r\nMessage:\r\n{{message}}\r\n-----------------------------------\r\n\r\nPlease respond to the enquiry at the earliest convenience.\r\n\r\nBest regards, \r\nYour Website System', 'Enquiry@#123', 'https://mail.hostinger.com/mailboxes/INBOX', 'farookmohammad27@gmail.com'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_feedback` -- CREATE TABLE `wdi_feedback` ( `id` int(11) NOT NULL, `video_url` varchar(250) DEFAULT NULL, `image` varchar(250) DEFAULT NULL, `status` tinyint(1) DEFAULT 1 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci; -- -- Dumping data for table `wdi_feedback` -- INSERT INTO `wdi_feedback` (`id`, `video_url`, `image`, `status`) VALUES (11, 'https://www.youtube.com/watch?v=O8-etwWZR7k', '', 1), (12, 'https://www.youtube.com/watch?v=WZoSYV5vBKA', '', 1), (13, '', 'testimonial2.jpg', 1), (14, '', 'testimonial3.jpg', 1), (15, '', 'testimonial4.jpg', 1), (16, '', 'testimonial1.jpg', 1), (17, '', 'feedback1.jpg', 1), (18, '', 'feedback2.jpg', 1), (19, '', 'feedback3.jpg', 1), (20, '', 'feedback4.jpg', 1), (21, '', 'feedback5.jpg', 1), (22, '', 'feedback7.jpg', 1), (23, '', 'feedback6.jpg', 1), (24, '', 'feedback8.jpg', 1); -- -------------------------------------------------------- -- -- Table structure for table `wdi_gallery` -- CREATE TABLE `wdi_gallery` ( `id` int(11) NOT NULL, `image` varchar(255) DEFAULT NULL, `imageAlt` varchar(255) DEFAULT NULL, `status` varchar(255) DEFAULT NULL, `category` varchar(50) DEFAULT NULL, `link` varchar(400) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_gallery` -- INSERT INTO `wdi_gallery` (`id`, `image`, `imageAlt`, `status`, `category`, `link`) VALUES (15, '1761840965894.jpeg', '1761840965894.jpeg', '1', 'category', 'no link'), (16, '165017-red-and-orange-abstract-texture-background-illustrator.jpg', '165017-red-and-orange-abstract-texture-background-illustrator.jpg', '1', 'category', 'https://www.youtube.com/watch?v=kf2f1sxoXMw&list=RDkf2f1sxoXMw&start_radio=1'), (17, '1776535782734.jfif', NULL, '1', 'category', ''), (18, '165017-red-and-orange-abstract-texture-background-illustrator.jpg', NULL, '1', 'industry', ''); -- -------------------------------------------------------- -- -- Table structure for table `wdi_industrial_trainingchild` -- CREATE TABLE `wdi_industrial_trainingchild` ( `id` int(11) NOT NULL, `parent_id` int(11) NOT NULL, `name` text NOT NULL, `url` text NOT NULL, `heading` text NOT NULL, `content` longtext NOT NULL, `seotitle` text NOT NULL, `seodescription` text NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -------------------------------------------------------- -- -- Table structure for table `wdi_industrial_trainingmain` -- CREATE TABLE `wdi_industrial_trainingmain` ( `id` int(11) NOT NULL, `name` text NOT NULL, `url` text NOT NULL, `showmenu` int(11) NOT NULL DEFAULT 0, `heading` text NOT NULL, `content` longtext NOT NULL, `seotitle` text NOT NULL, `seodescription` text NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_industrial_trainingmain` -- INSERT INTO `wdi_industrial_trainingmain` (`id`, `name`, `url`, `showmenu`, `heading`, `content`, `seotitle`, `seodescription`) VALUES (1, 'BCA Students', 'industrial-training-for-bca-students', 1, 'Industrial Training for BCA Students', '<p>The term “Internship” is a very important term for students who are pursuing or completed technical Qualification. We at  Web Development Institute associated with Next G Classes offers Internship training for Diploma, B.Tech, BCA, MCA, B.SC (CS/IT) in Computer Science, Information technology , Electronics, Civil , Mechanical etc. We have completed Internship training for almost 1000+ students in both online and offline mode.</p>\r\n<p>We provides Internship training on latest technology and software’s. Our Internship training minimum duration one month and maximum duration is 6 Months. All our Internships programs are best suited for college, diploma, graduate, and professional students.</p>\r\n<p>Internship program is organized by our industry expert trainers. During the training we offer live projects to our student’s as per their internship program opt at our Institute. Students looking interest in Computer Science, Information technology, Electronics, Civil and mechanical are always welcome to apply for internship program offered by us.</p>\r\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td style=\"margin-left: 30px;\" valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../web-expert-with-python-course\">Web Expert with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../web-expert-with-php-course\">Web Expert with PHP </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../front-end-developer-course\">Front End Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../web-design-and-development-course\">Web Design Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">5 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../graphic-web-design-advance-course\">Graphic & Web Design Advance</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../responsive-web-design-course\">Responsive Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../short-term-web-design\">Short Term Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-full-stack-developer-course\">Advance Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../web-development-course\">Web Development Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-web-development-with-python-course\">Advance Web Development with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-web-development-course\">Advance Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">7 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-python-expert-course\">Advance Python Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../python-and-data-science-course\">Python With Data Science </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-ccna-and-ccnp-course\">Advance Networking (CCNA & CCNP)</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-cyber-security-course\">Cyber Security Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../linux-expert-course\">Linux Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-networking-and-cloud-computing-course\">Adv. Networking & Cloud Computing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../short-term-web-development-course\">Short Term Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../full-stack-developer-expert-course\">Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../advance-sql-course\">SQL</a>   </h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../full-stack-developer-course\">Full Stack Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../digital-marketing-institute\">Advance Digital Marketing Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../best-internet-marketing-institute\">Internet Marketing Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../#tab33\">Digital Marketing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../#tab44\">Graphic Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../#tab66\">Master IT Courses</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4 style=\"text-align: center;\"><a href=\"../../../#tab55\">Video Editing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../data-science-with-python\">Data Science with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../react-js\">React </a><a href=\"../../../react-js\">JS</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Day</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-and-mysql-course-institute\">PHP & MYSql</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-codelgniter-course\">CodeIgniter </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-laravel-course\">Laravel</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-wordpress-courses\">Wordpress</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-programming-course\">Python </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-angular-course\">Angular Js</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td style=\"text-align: center;\" valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-javascript-course\">Javascript</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>Apart from Internship Program, Our Trainees have a facility to:</strong></p>\r\n<p><strong>1.    </strong><strong>Work on latest project</strong></p>\r\n<p><strong>2.    </strong><strong>Unlimited practice session </strong></p>\r\n<p><strong>3.    </strong><strong>Career counseling’s </strong></p>\r\n<p><strong>4.    </strong><strong>Face Interviews questions and answers</strong></p>\r\n<p><strong>5.    </strong><strong>Get Internship certificate</strong></p>\r\n<p><strong>6.    </strong><strong>To get experience  certificate</strong></p>\r\n<p><strong>7.    </strong><strong>Understand demands of Industry</strong></p>\r\n<p>Our goal is to support our student’s in all perspective.  So that they can achieve their target. To achieve it we also arrange special session by guest trainers during the internship program.</p>', 'Industrial Training for BCA Students \| BCA Live Project Training', 'Join Web Development Institute to complete industrial training with live project and documentation. Get free of cost demo, call now: +91-8287540705.'), (2, 'MCA Students', 'industrial-training-for-mca-students', 1, 'Industrial Training for MCA Students', '<p>The term “Internship” is a very important term for students who are pursuing or completed technical Qualification. We at Web Development Institute associated with  Next G Classes offers Internship training for Diploma, B.Tech, BCA, MCA, B.SC (CS/IT) in Computer Science, Information technology , Electronics, Civil , Mechanical etc. We have completed Internship training for almost 1000+ students in both online and offline mode.</p>\r\n<p>We provides Internship training on latest technology and software’s. Our Internship training minimum duration one month and maximum duration is 6 Months. All our Internships programs are best suited for college, diploma, graduate, and professional students.</p>\r\n<p>Internship program is organized by our industry expert trainers. During the training we offer live projects to our student’s as per their internship program opt at our Institute. Students looking interest in Computer Science, Information technology, Electronics, Civil and mechanical are always welcome to apply for internship program offered by us.</p>\r\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-python-course\">Web Expert with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-php-course\">Web Expert with PHP </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../front-end-developer-course\">Front End Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-design-and-development-course\">Web Design Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">5 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../graphic-web-design-advance-course\">Graphic & Web Design Advance</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../responsive-web-design-course\">Responsive Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-design\">Short Term Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-full-stack-developer-course\">Advance Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-development-course\">Web Development Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-with-python-course\">Advance Web Development with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-course\">Advance Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">7 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-expert-course\">Advance Python Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../python-and-data-science-course\">Python With Data Science </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-ccna-and-ccnp-course\">Advance Networking (CCNA & CCNP)</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-cyber-security-course\">Cyber Security Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../linux-expert-course\">Linux Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-networking-and-cloud-computing-course\">Adv. Networking & Cloud Computing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-development-course\">Short Term Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-expert-course\">Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-sql-course\">SQL</a>   </h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-course\">Full Stack Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../digital-marketing-institute\">Advance Digital Marketing Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../best-internet-marketing-institute\">Internet Marketing Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab33\">Digital Marketing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab44\">Graphic Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab66\">Master IT Courses</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab55\">Video Editing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../data-science-with-python\">Data Science with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../react-js\">React </a><a href=\"../../../react-js\">JS</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Day</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-and-mysql-course-institute\">PHP & MYSql</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-codelgniter-course\">CodeIgniter </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-laravel-course\">Laravel</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-wordpress-courses\">Wordpress</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-programming-course\">Python </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-angular-course\">Angular Js</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-javascript-course\">Javascript</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>Apart from Internship Program, Our Trainees have a facility to:</strong></p>\r\n<p><strong>1.    </strong><strong>Work on latest project</strong></p>\r\n<p><strong>2.    </strong><strong>Unlimited practice session </strong></p>\r\n<p><strong>3.    </strong><strong>Career counseling’s </strong></p>\r\n<p><strong>4.    </strong><strong>Face Interviews questions and answers</strong></p>\r\n<p><strong>5.    </strong><strong>Get Internship certificate</strong></p>\r\n<p><strong>6.    </strong><strong>To get experience  certificate</strong></p>\r\n<p><strong>7.    </strong><strong>Understand demands of Industry</strong></p>\r\n<p>Our goal is to support our student’s in all perspective.  So that they can achieve their target. To achieve it we also arrange special session by guest trainers during the internship program.</p>', 'Industrial Training in Delhi For MCA \| MCA Training', 'Join Web Development Institute to learn and complete latest advance technology and training under industry expert trainers.'), (3, 'B.Tech (CS) Students', 'industrial-training-for-b-tech-cs-students', 1, 'Industrial Training for B.Tech (CS) Students', '<p>The term “Internship” is a very important term for students who are pursuing or completed technical Qualification. We at  Web Development Institute associated with Next G Classes offers Internship training for Diploma, B.Tech, BCA, MCA, B.SC (CS/IT) in Computer Science, Information technology , Electronics, Civil , Mechanical etc. We have completed Internship training for almost 1000+ students in both online and offline mode.</p>\r\n<p>We provides Internship training on latest technology and software’s. Our Internship training minimum duration one month and maximum duration is 6 Months. All our Internships programs are best suited for college, diploma, graduate, and professional students.</p>\r\n<p><strong>Internship program is organized by our industry expert trainers. During the training we offer live projects to our student’s as per their internship program opt at our Institute. Students looking interest in Computer Science, Information technology, Electronics, Civil and mechanical are always welcome to apply for internship program offered by us.</strong><br /><br /></p>\r\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-python-course\">Web Expert with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-php-course\">Web Expert with PHP </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../front-end-developer-course\">Front End Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-design-and-development-course\">Web Design Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">5 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../graphic-web-design-advance-course\">Graphic & Web Design Advance</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../responsive-web-design-course\">Responsive Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-design\">Short Term Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-full-stack-developer-course\">Advance Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-development-course\">Web Development Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-with-python-course\">Advance Web Development with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-course\">Advance Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">7 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-expert-course\">Advance Python Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../python-and-data-science-course\">Python With Data Science </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-ccna-and-ccnp-course\">Advance Networking (CCNA & CCNP)</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-cyber-security-course\">Cyber Security Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../linux-expert-course\">Linux Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-networking-and-cloud-computing-course\">Adv. Networking & Cloud Computing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-development-course\">Short Term Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-expert-course\">Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-sql-course\">SQL</a>   </h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-course\">Full Stack Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../digital-marketing-institute\">Advance Digital Marketing Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../best-internet-marketing-institute\">Internet Marketing Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab33\">Digital Marketing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab44\">Graphic Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab66\">Master IT Courses</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab55\">Video Editing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../data-science-with-python\">Data Science with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../react-js\">React </a><a href=\"../../../react-js\">JS</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Day</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-and-mysql-course-institute\">PHP & MYSql</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-codelgniter-course\">CodeIgniter </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-laravel-course\">Laravel</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-wordpress-courses\">Wordpress</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-programming-course\">Python </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-angular-course\">Angular Js</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-javascript-course\">Javascript</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>Apart from Internship Program, Our Trainees have a facility to:</strong></p>\r\n<p><strong>1.    </strong><strong>Work on latest project</strong></p>\r\n<p><strong>2.    </strong><strong>Unlimited practice session </strong></p>\r\n<p><strong>3.    </strong><strong>Career counseling’s </strong></p>\r\n<p><strong>4.    </strong><strong>Face Interviews questions and answers</strong></p>\r\n<p><strong>5.    </strong><strong>Get Internship certificate</strong></p>\r\n<p><strong>6.    </strong><strong>To get experience  certificate</strong></p>\r\n<p><strong>7.    </strong><strong>Understand demands of Industry</strong></p>\r\n<p>Our goal is to support our student’s in all perspective.  So that they can achieve their target. To achieve it we also arrange special session by guest trainers during the internship program.</p>', 'CS Students Industrial Training Institute \| Summer training CS', 'Join 4 weeks to 6 months summer training program at web development institute to learn latest updated technology.'), (4, 'B.Tech Electrical Students', 'industrial-training-for-b-tech-electrical-students', 1, 'Industrial Training for B.Tech Electric Students', '<p>The term “Internship” is a very important term for students who are pursuing or completed technical Qualification. We at Web Development Institute associated with Next G Classes offers Internship training for Diploma, B.Tech, BCA, MCA, B.SC (CS/IT) in Computer Science, Information technology , Electronics, Civil , Mechanical etc. We have completed Internship training for almost 1000+ students in both online and offline mode.</p>\r\n<p>We provides Internship training on latest technology and software’s. Our Internship training minimum duration one month and maximum duration is 6 Months. All our Internships programs are best suited for college, diploma, graduate, and professional students.</p>\r\n<p>Internship program is organized by our industry expert trainers. During the training we offer live projects to our student’s as per their internship program opt at our Institute. Students looking interest in Computer Science, Information technology, Electronics, Civil and mechanical are always welcome to apply for internship program offered by us.</p>\r\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-python-course\">Web Expert with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-php-course\">Web Expert with PHP </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../front-end-developer-course\">Front End Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-design-and-development-course\">Web Design Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">5 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../graphic-web-design-advance-course\">Graphic & Web Design Advance</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../responsive-web-design-course\">Responsive Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-design\">Short Term Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-full-stack-developer-course\">Advance Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-development-course\">Web Development Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-with-python-course\">Advance Web Development with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-course\">Advance Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">7 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-expert-course\">Advance Python Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../python-and-data-science-course\">Python With Data Science </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-ccna-and-ccnp-course\">Advance Networking (CCNA & CCNP)</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-cyber-security-course\">Cyber Security Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../linux-expert-course\">Linux Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-networking-and-cloud-computing-course\">Adv. Networking & Cloud Computing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-development-course\">Short Term Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-expert-course\">Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-sql-course\">SQL</a>   </h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-course\">Full Stack Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../digital-marketing-institute\">Advance Digital Marketing Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../best-internet-marketing-institute\">Internet Marketing Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab33\">Digital Marketing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab44\">Graphic Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab66\">Master IT Courses</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab55\">Video Editing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../data-science-with-python\">Data Science with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../react-js\">React </a><a href=\"../../../react-js\">JS</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Day</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-and-mysql-course-institute\">PHP & MYSql</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-codelgniter-course\">CodeIgniter </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-laravel-course\">Laravel</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-wordpress-courses\">Wordpress</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-programming-course\">Python </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-angular-course\">Angular Js</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-javascript-course\">Javascript</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>Apart from Internship Program, Our Trainees have a facility to:</strong></p>\r\n<p><strong>1.    </strong><strong>Work on latest project</strong></p>\r\n<p><strong>2.    </strong><strong>Unlimited practice session </strong></p>\r\n<p><strong>3.    </strong><strong>Career counseling’s </strong></p>\r\n<p><strong>4.    </strong><strong>Face Interviews questions and answers</strong></p>\r\n<p><strong>5.    </strong><strong>Get Internship certificate</strong></p>\r\n<p><strong>6.    </strong><strong>To get experience  certificate</strong></p>\r\n<p><strong>7.    </strong><strong>Understand demands of Industry</strong></p>\r\n<p>Our goal is to support our student’s in all perspective.  So that they can achieve their target. To achieve it we also arrange special session by guest trainers during the internship program.</p>', 'Industrial Training in Delhi For Electrical Student', 'Web Development Institute is a certified institute for IT training for electrical students in Delhi. Give us call on: +91-8287540705 to free demo.'); INSERT INTO `wdi_industrial_trainingmain` (`id`, `name`, `url`, `showmenu`, `heading`, `content`, `seotitle`, `seodescription`) VALUES (5, 'BSC(IT) Students', 'industrial-training-for-bsc-it-students', 1, 'Industrial Training for BSC(IT) Students', '<p>The term “Internship” is a very important term for students who are pursuing or completed technical Qualification. We at Web Development Institute associated with  Next G Classes offers Internship training for Diploma, B.Tech, BCA, MCA, B.SC (CS/IT) in Computer Science, Information technology , Electronics, Civil , Mechanical etc. We have completed Internship training for almost 1000+ students in both online and offline mode.</p>\r\n<p>We provides Internship training on latest technology and software’s. Our Internship training minimum duration one month and maximum duration is 6 Months. All our Internships programs are best suited for college, diploma, graduate, and professional students.</p>\r\n<p>Internship program is organized by our industry expert trainers. During the training we offer live projects to our student’s as per their internship program opt at our Institute. Students looking interest in Computer Science, Information technology, Electronics, Civil and mechanical are always welcome to apply for internship program offered by us.</p>\r\n<table border=\"1\" cellspacing=\"0\" cellpadding=\"0\">\r\n<tbody>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-python-course\">Web Expert with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-expert-with-php-course\">Web Expert with PHP </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../front-end-developer-course\">Front End Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-design-and-development-course\">Web Design Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">5 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../graphic-web-design-advance-course\">Graphic & Web Design Advance</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../responsive-web-design-course\">Responsive Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-design\">Short Term Web Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-full-stack-developer-course\">Advance Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../web-development-course\">Web Development Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-with-python-course\">Advance Web Development with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-web-development-course\">Advance Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">7 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-expert-course\">Advance Python Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../python-and-data-science-course\">Python With Data Science </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-ccna-and-ccnp-course\">Advance Networking (CCNA & CCNP)</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-cyber-security-course\">Cyber Security Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../linux-expert-course\">Linux Expert Course </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-networking-and-cloud-computing-course\">Adv. Networking & Cloud Computing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../short-term-web-development-course\">Short Term Web Development</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-expert-course\">Full Stack Developer Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-sql-course\">SQL</a>   </h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../full-stack-developer-course\">Full Stack Developer</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">10 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../digital-marketing-institute\">Advance Digital Marketing Expert Course</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../best-internet-marketing-institute\">Internet Marketing Expert</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">4 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab33\">Digital Marketing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab44\">Graphic Design</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab66\">Master IT Courses</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 \| 12 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../#tab55\">Video Editing</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 \| 4 \| 6 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../data-science-with-python\">Data Science with Python</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">3 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../react-js\">React </a><a href=\"../../../react-js\">JS</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Day</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-and-mysql-course-institute\">PHP & MYSql</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-php-codelgniter-course\">CodeIgniter </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-laravel-course\">Laravel</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-wordpress-courses\">Wordpress</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-python-programming-course\">Python </a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">30 Days</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-angular-course\">Angular Js</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">2 Months</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign=\"top\" width=\"420\">\r\n<h4><a href=\"../../../advance-javascript-course\">Javascript</a></h4>\r\n</td>\r\n<td valign=\"top\" width=\"204\">\r\n<p align=\"center\">45 Days</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>Apart from Internship Program, Our Trainees have a facility to:</strong></p>\r\n<p><strong>1.    </strong><strong>Work on latest project</strong></p>\r\n<p><strong>2.    </strong><strong>Unlimited practice session </strong></p>\r\n<p><strong>3.    </strong><strong>Career counseling’s </strong></p>\r\n<p><strong>4.    </strong><strong>Face Interviews questions and answers</strong></p>\r\n<p><strong>5.    </strong><strong>Get Internship certificate</strong></p>\r\n<p><strong>6.    </strong><strong>To get experience  certificate</strong></p>\r\n<p><strong>7.    </strong><strong>Understand demands of Industry</strong></p>\r\n<p>Our goal is to support our student’s in all perspective.  So that they can achieve their target. To achieve it we also arrange special session by guest trainers during the internship program.</p>', 'BSC(IT) Students Industrial Training \| BSC IT Training', 'Web Development Institute is a certified institute for BSC(IT) Students Industrial Training. Join to complete live project during the training.'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_interview` -- CREATE TABLE `wdi_interview` ( `id` int(11) NOT NULL, `status` varchar(255) NOT NULL, `subject` varchar(50) NOT NULL, `url` mediumtext NOT NULL, `image` mediumtext DEFAULT NULL, `imgalt` varchar(255) NOT NULL, `content` longtext DEFAULT NULL, `category` mediumtext DEFAULT NULL, `type` mediumtext DEFAULT NULL, `seotitle` varchar(255) NOT NULL, `seokeyword` mediumtext NOT NULL, `seodesc` mediumtext NOT NULL, `showonmenu` int(11) DEFAULT 0 ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_interview` -- INSERT INTO `wdi_interview` (`id`, `status`, `subject`, `url`, `image`, `imgalt`, `content`, `category`, `type`, `seotitle`, `seokeyword`, `seodesc`, `showonmenu`) VALUES (1, '', 'HTML', 'html-interview-questions-for-fresher', 'html.svg', 'html interview questions', '<p class="head"><strong>Q1. &nbsp;Heading tags in HTML and why &lt;h1&gt; tag is used only one time on a page?</strong></p>\r\n<p><strong>Ans:&nbsp; </strong>There are six types of heading tags available in HTML:</p>\r\n<p>&lt;h1&gt;&lt;/h1&gt;</p>\r\n<p>&lt;h2&gt;&lt;/h2&gt;</p>\r\n<p>&lt;h3&gt;&lt;/h3&gt;</p>\r\n<p>&lt;h4&gt;&lt;/h4&gt;</p>\r\n<p>&lt;h5&gt;&lt;/h5&gt;</p>\r\n<p>&lt;h6&gt;&lt;/h6&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>&lt;h1&gt; tag</strong> is used only one time in a page because &lt;h1&gt; is used for the main heading and the main heading can not be repeatable.</p>\r\n<p>If we repeat the main heading on a page it creates a problem for search engines to understand your page.</p>\r\n<p>For example: in a notebook, if we write the main heading 2 or more times on a page then the other person can not understand what the topic is written in a notebook.<br /><br /></p>\r\n<p class="head"><strong>Q2. Formatting tags in HTML?</strong></p>\r\n<p><strong>Ans: </strong>Formatting tags in&nbsp; HTML:</p>\r\n<p>1. bold</p>\r\n<p>2. italic</p>\r\n<p>3. superscript</p>\r\n<p>4. subscript</p>\r\n<p>5. strike</p>\r\n<p><strong><br />1. bold:</strong> to make text bold there are two tags available in HTML:</p>\r\n<p><strong>&lt;b&gt;&lt;/b&gt;:</strong> It is used to make text bold which is not important or not a searchable word.</p>\r\n<p><strong>Example:</strong> &lt;p&gt;&lt;b&gt;Regular Class&lt;/b&gt;&lt;/p&gt;</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>&lt;strong&gt;&lt;/strong&gt;:</strong> it is used to make text bold which is important and a searchable work. Digital marketing executive uses strong tags to highlight targeted keywords.</p>\r\n<p><strong>Example:</strong> &lt;p&gt;&lt;strong&gt;Best Web Development Institute in Rohini&lt;/strong&gt;&lt;/p&gt;<br /><br /></p>\r\n<p><strong>2. italic: </strong>to make text italic there are two tags available in HTML:</p>\r\n<p><strong>&lt;i&gt;&lt;i&gt;:</strong> It is used to make text italic which is not important or not a searchable word.</p>\r\n<p><strong>Example: </strong>&lt;p&gt;&lt;i&gt;Regular Class&lt;/i&gt;&lt;/p&gt;</p>\r\n<p><strong><br />&lt;em&gt;&lt;/em&gt;:</strong> It is used to make text italic which is important or a searchable word.</p>\r\n<p><strong>Example: </strong>&nbsp;&lt;p&gt;&lt;em&gt;Best Web Development Institute in Rohini&lt;/em&gt;&lt;/p&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong><br />3. superscript:</strong> <strong>&lt;sup&gt;&lt;/sup&gt; tag</strong> is used to make text superscript.</p>\r\n<p><strong>Example: </strong>&nbsp;&lt;p&gt;10&lt;sup&gt;th&lt;/sup&gt;&lt;/p&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>4. subscript: &lt;sub&gt;&lt;/sub&gt; tag </strong>is used to make text subscript.</p>\r\n<p><strong>Example:</strong> &lt;p&gt;CO&lt;sub&gt;2&lt;/sub&gt;&lt;/p&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>5. strike: &lt;strike&gt;&lt;/strike&gt; tag </strong>is used to make a cut on a text. It is generally used in eCommerce websites to show regular and sale prices.</p>\r\n<p><strong>Example: </strong>&nbsp;&lt;p&gt;Rs 2000 &lt;strike&gt;4000&lt;/strike&gt;&lt;/p&gt;<br /><br /><br /></p>\r\n<p class="head"><strong>Q3. Difference between &lt;b&gt; tag and &lt;strong&gt; &nbsp;tag?</strong></p>\r\n<p><strong>Ans: </strong>There are two tags available in HTML &lt;b&gt;&lt;/b&gt; and &lt;strong&gt;&lt;/strong&gt; tag to make text bold, mostly beginners got confused in these two tags because it produce same output. Design point of view there is no difference between them but from digital marketing point of view there is a difference see the difference below:</p>\r\n<p><strong>&lt;b&gt;&lt;/b&gt;:</strong> It is used to make text bold which is not important or not a searchable word.</p>\r\n<p><strong>Example:</strong> &lt;p&gt;&lt;b&gt;Regular Class&lt;/b&gt;&lt;/p&gt;</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>&lt;strong&gt;&lt;/strong&gt;:</strong> it is used to make text bold which is important and a searchable work. Digital marketing executive uses strong tags to highlight targeted keywords.</p>\r\n<p><strong>Example:</strong> &lt;p&gt;&lt;strong&gt;Best Web Development Institute in Rohini&lt;/strong&gt;&lt;/p&gt;<br /><br /><br /></p>\r\n<p class="head"><strong>Q4. Use of alt attribute in &lt;img&gt; tag?</strong></p>\r\n<p><strong>Ans: </strong>alt attribute in an image tag is very important for search engines and for blind people who use a screen reader to read text.</p>\r\n<p>The search engines cannot read our media files such as images, audio, and video, so in digital marketing, we use the alt attributes in an image tag to make understand search engines for better results. Most digital marketing executive uses searchable keywords in the alt attribute.</p>\r\n<p>Alt is also helpful for blind people who use a screen reader to read text.<br /><br /><br /></p>\r\n<p class="head"><strong>Q5. Links in HTML, Types of links, and Use of target=&rdquo;_blank&rdquo; attribute?</strong></p>\r\n<p><strong>Ans: </strong>Links in HTML are used to link website pages such as homepage, about page contact page connect together.</p>\r\n<p>In a HTML &lt;a&gt; tag is used to link pages.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;a href=&rdquo;about.html&rdquo;&gt;About us&lt;/a&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>href:</strong> is called hyper reference here we put the name of the page which we want to link.</p>\r\n<p>&nbsp;</p>\r\n<p>We can use the link by the following:</p>\r\n<p>1. text link</p>\r\n<p>2. image link</p>\r\n<p>3. email link</p>\r\n<p>4. phone link</p>\r\n<p>&nbsp;</p>\r\n<p><strong><br />1. text link:</strong> when we give a link on a text is called a text link.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;a href=&rdquo;about.html&rdquo;&gt;About us&lt;/a&gt;</p>\r\n<p><strong><br />2. image link:</strong> when we use the link on the image is called an image link.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;a href=&rdquo;contact.html&rdquo;&gt;&lt;img src=&rdquo;images/contact-icon.png&rdquo;&gt;&lt;/a&gt;</p>\r\n<p><strong><br />3. email link: </strong>when we use the link on email is called an email link.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;a href=&rdquo;info@webdevelopmentinstitute.com&rdquo;&gt;<a href="mailto:info@webdevelopmentinstitute.com%3c/a">info@webdevelopmentinstitute.com&lt;/a</a>&gt;</p>\r\n<p><strong><br />4. phone link:</strong> When we use the link on the phone number is called a phone link.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;a href=&rdquo;tel:7838370333&rdquo;&gt;7838370333&lt;/a&gt;</p>\r\n<p>&nbsp;</p>\r\n<h4><strong>Types of links</strong></h4>\r\n<p>There are two types of links available in HTML:</p>\r\n<p><strong>1. internal link</strong></p>\r\n<p><strong>2. external link</strong></p>\r\n<p>&nbsp;</p>\r\n<p><strong>Internal link:</strong> Internal link means when we connect our website pages together such as home page, about page, contact page, etc.</p>\r\n<p><strong>External link:</strong> External link means when we connect any outside link such as social media link our Facebook page link on a website, or partner website link that is called external link.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Use of target=&rdquo;_blank&rdquo; attribute</strong></p>\r\n<p>Target _blank is used to open a page on a new tab.</p>\r\n<br />\r\n<p class="head"><strong>Q6. How to embed Google Map on the contact page?</strong></p>\r\n<p><strong>Ans: </strong>There are some steps to use google map on a webpage:</p>\r\n<ol>\r\n<li>Go to a google map link</li>\r\n<li>Search address whatever location you want to use</li>\r\n<li>Click on the share link</li>\r\n<li>Click on the embed link</li>\r\n<li>Copy iframe code</li>\r\n<li>Paste in your HTML page.</li>\r\n</ol>\r\n<p><strong><br /><br /></strong></p>\r\n<p class="head"><strong>Q7. How to embed YouTube Video on Webpage?</strong></p>\r\n<p><strong>Ans: </strong>There are some steps to use youtube video on a webpage:</p>\r\n<ol>\r\n<li>Go to the youtube link</li>\r\n<li>Search video whatever you want to use</li>\r\n<li>Click on the share link</li>\r\n<li>Click on embed</li>\r\n<li>Copy iframe code</li>\r\n<li>Paste in your HTML page</li>\r\n</ol>\r\n<p><strong><br /><br /></strong></p>\r\n<p class="head"><strong>Q8. How to link external CSS file in HTML?<br /></strong></p>\r\n<p><strong>Ans: </strong>To link CSS file in a HTML page there is following syntax:</p>\r\n<p>&lt;link rel=&rdquo;stylesheet&rdquo; href=&rdquo;foldername/filename&rdquo;&gt;</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;link rel=&rdquo;stylesheet&rdquo; href=&rdquo;css/style.css&rdquo;&gt;</p>\r\n<p><strong><br /><br /></strong></p>\r\n<p class="head"><strong>Q9. Span tag in HTML?</strong></p>\r\n<p><strong>Ans: </strong>&lt;span&gt; tag is used to edit a part of an element like changing the color of a single word.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;h1&gt;Web &lt;span style=&rdquo;red&rdquo;&gt;Development&lt;/span&gt;&lt;/h1&gt;</p>\r\n<p>Here in this example, I have used inline CSS; you can use internal or external CSS whatever you want by using class or id.</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q10. New form inputs and validation in HTML?</strong></p>\r\n<p><strong>Ans: </strong>HTML5 introduce some of the following new inputs:</p>\r\n<p>&lt;input type=&rdquo;color&rdquo;&gt;</p>\r\n<p>&lt;input type=&rdquo;date&rdquo;&gt;</p>\r\n<p>&lt;input type=&rdquo;time&rdquo;&gt;</p>\r\n<p>&lt;input type=&rdquo;url&rdquo;&gt;</p>\r\n<p>&lt;input type=&rdquo;number&rdquo;&gt;</p>\r\n<p><strong>Validation in HTML:</strong></p>\r\n<p><strong>required:</strong> Required attribute to make input required.</p>\r\n<p><strong>min:</strong> it is used in number input to set minimum value.</p>\r\n<p><strong>max:</strong> It is used in number input to set maximum value.</p>\r\n<p><strong>maxlength:</strong> It is used to set the maximum length of text.</p>\r\n<p><strong><br /><br /></strong></p>\r\n<p class="head"><strong>Q11. Semantic Tags in HTML5?</strong></p>\r\n<p><strong>Ans: </strong>Semantic tags is useful for designer and for the browser to understand website code easily. Actually before HTML5 designer uses the non-semantic tag &lt;div&gt; to create a design but it is not understandable after a long time for designer because it does not make any sense.</p>\r\n<p>So HTML5 introduced Semantic elements to make sense or give a proper meaning to design. There are commonly used semantic tags following:</p>\r\n<ol>\r\n<li>&lt;header&gt;</li>\r\n<li>&lt;section&gt;</li>\r\n<li>&lt;nav&gt;</li>\r\n<li>&lt;footer&gt;</li>\r\n<li>&lt;aside&gt;</li>\r\n</ol>\r\n<p class="head"><strong>Q12. HTML5 Features?</strong></p>\r\n<p><strong>Ans: </strong>HTML5 Features are following:</p>\r\n<p><strong>Drag &amp; drop:</strong> &nbsp;This feature is used to make elements draggable and dropable. It is used in advanced UI. Example: wix.com, vistaprint.com</p>\r\n<p><strong>Local storage: </strong>This feature is used to save user data in a browser like a cache. It is used in web applications and eCommerce websites.</p>\r\n<p><strong>Geolocation: </strong>This feature is used to find a current location or anything which is related to a location such as show location on the map, search location on the dropdown, etc. It is used in many websites like ola cabs, swiggy, zomato etc.</p>\r\n<p><strong>New form inputs and validation: </strong>HTML5 introduced new form inputs like color input, URL input, date input, and validation like required, maxlength, min, max.</p>\r\n<p><strong>Canvas &amp; SVG: </strong>Canvas is used to draw something, it is used to draw a shape like a curve shape or any other shape whatever you want.</p>\r\n<p><strong>SVG:</strong> SVG stands for scalable vector graphics it is an extension of an image like .jpg,.png. if we use a .svg image then it will not pixelate if we zoom the image on large scale and it is editable also in coding, we can easily edit SVG images in code.</p>\r\n<p><strong>Semantic Tags: </strong>Semantic tags give proper meaning to the designer and browser, some of the semantic tags are following:</p>\r\n<p>&lt;header&gt;,&lt;footer&gt;,&lt;section&gt;,&lt;aside&gt;</p>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q13. Advantages of SVG in HTML?</strong></p>\r\n<p><strong>Ans: </strong>SVG stands for scalable vector graphics, it is an extension of an image like .jpg, .png, if we use the image in .svg format it will not pixelate if we zoom, Google recommends using SVG format image. It is editable also we can easily edit SVG images in code.</p>\r\n<p>SVG image is created by using Adobe Illustrator software.</p>\r\n<p class="head"><strong>Q14. How to use favicon in HTML?</strong></p>\r\n<p><strong>Ans: </strong>favicon is a symbol which is located near the title, lets see how we can use in a website:</p>\r\n<p>&lt;link href="foldername/filename" rel="shortcut icon" type="image/png"&gt;</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;link href="images/favicon.png" rel="shortcut icon" type="image/png"&gt;</p>\r\n<p>To use favicon in a website you should keep in mind the size of favicon should be less than 50px.<br /><br /></p>\r\n<p class="head"><strong>Q15. Audio and Video tag in HTML5?</strong></p>\r\n<p><strong>Ans: </strong>To embed audio or video in a website HTML5 provide audio and video tag:</p>\r\n<p><strong>To embed audio:</strong></p>\r\n<p>&lt;audio controls&gt;</p>\r\n<p>&nbsp; &lt;source src="horse.mp3" type="audio/mpeg"&gt;</p>\r\n<p>&lt;/audio&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>To embed video:</strong></p>\r\n<p>&lt;video width="320" height="240" controls&gt;</p>\r\n<p>&lt;source src="movie.mp4" type="video/mp4"&gt;</p>\r\n<p>&lt;/video&gt;<br /><br /></p>\r\n<p class="head"><strong>Q16. How to use copyright symbol in HTML?</strong></p>\r\n<p><strong>Ans: </strong>To use copyright symbol we use HTML entities, HTML entities is nothing it is just code to represent a symbol.</p>\r\n<p>&lt;p&gt; &amp;copy; 2022. Web development Institute&lt;/p&gt;</p>\r\n<p><strong><br /><br /></strong></p>\r\n<p class="head"><strong>Q17. Datalist input in HTML?</strong></p>\r\n<p class="head"><strong>Q18. What is an image map?</strong></p>\r\n<p><strong>Ans: </strong>&nbsp;Image map in HTML is used to give hyperlinks on a specified area of an image, it is a very useful feature for designers, it requires a little bit knowledge of math to find coordinates and radius of a circle.</p>\r\n<p>Image map has 3 shapes</p>\r\n<ul>\r\n<li>Circle</li>\r\n<li>Polygon</li>\r\n<li>Rectangle</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;img src="image-map-in-html.jpg" usemap="#workmap" width="1000" height="667"&gt;</p>\r\n<p>&lt;map name="workmap"&gt;</p>\r\n<p>&lt;area shape="rect" coords="300,103,710,545" alt="Computer" href="https://www.apple.com/in/macbook-pro/" target="_blank"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p>&lt;area shape="rect" coords="720,337,800,434" alt="Phone" href="https://www.apple.com/in/shop/buy-iphone/iphone-13" target="_blank"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p>&lt;area shape="circle" coords="854,445,44" alt="Coffee" href="https://www.cafecoffeeday.com/cafe-menu/whats-new" target="_blank"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p>&lt;area shape="rect" coords="0,382,255,500" alt="notebook" href="https://www.cafecoffeeday.com/cafe-menu/whats-new" target="_blank"&gt;</p>\r\n<p>&lt;/map&gt;</p>\r\n<p class="head"><strong>Q19. &nbsp;Use of table tag in HTML?</strong></p>\r\n<p><strong>Ans: </strong>table tag is used in the following:</p>\r\n<ul>\r\n<li>It is used to represent data in tabular format, it is mostly used in web applications.</li>\r\n<li>It is used to design a newsletter or email template for email marketing.</li>\r\n<li>It is used to design a printable design like invoice design, prescription design, etc whatever has to be printed.</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher designers to crack interviews.</p>', '1', 'fresher', 'HTML Interview Questions for Fresher \| HTML Interview Questions', '', 'Find here latest interview questions of Freshers in HTML with answers created by experience professional trainers.', 0), (2, '', 'CSS', 'css-interview-questions-for-fresher', 'css.svg', 'css interview questions', '<p class="head"><strong>Q1. What is CSS and Types of CSS?</strong></p>\r\n<p><strong>Ans: &nbsp;</strong>CSS (Cascading Style Sheet) is used to style HTML elements, we can arrange our HTML element by using CSS.</p>\r\n<p><strong>CSS Types</strong></p>\r\n<ul>\r\n<li>Inline CSS</li>\r\n<li>Internal CSS</li>\r\n<li>External CSS</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Inline CSS:</strong> Inline CSS can style one element at a time. It is written in HTML tag as an attribute.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;p style=&rdquo;color:red&rdquo;&gt;hello inline css&lt;/p&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Internal CSS:</strong> Internal CSS can style multiple-element at a time but on a single page. It is written under the head tag by using style tag, to use internal CSS we need a CSS selector to select the HTML element.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;style&gt;</p>\r\n<p>P</p>\r\n<p>{</p>\r\n<p>&nbsp; color: red;</p>\r\n<p>}</p>\r\n<p>&lt;/style&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>External CSS:</strong> External CSS can style multiple elements on multiple pages. It is written in a separate CSS file, mostly web designer uses this CSS to design websites because it saves our time and line of code. To use this CSS we have to link the CSS file to an HTML page.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;link rel=&rdquo;stylesheet&rdquo; href=&rdquo;css/style.css&rdquo;&gt;</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q2. Which CSS Type should be used to design the Website?</strong></p>\r\n<p><strong>Ans: </strong>External CSS should be used to design a website because by using external CSS we can style multiple elements on multiple pages so it saves our time and line of code.</p>\r\n<p class="head"><strong>Q3. Define any 5 Mostly used CSS Selector?</strong></p>\r\n<p><strong>Ans: </strong>The most common CSS Selectors are following:</p>\r\n<ul>\r\n<li><strong>Class selector:</strong> It is used to select a specific element. It is denoted by the (.) dot symbol.</li>\r\n<li><strong>Element Selector:</strong> It selects an element by its name. like p,h1,li etc tag.</li>\r\n<li><strong>Group Selector:</strong> It is used to select more than one element at a time. It is denoted by the (,) comma symbol.</li>\r\n<li><strong>All Selector: </strong>It selects all the HTML elements. It is denoted by () asterisk symbol.</li>\r\n<li><strong>Descendant Selector: </strong>It selects the child elements of the selected parent.</li>\r\n</ul>\r\n<p class="head"><strong>Q4. What is the reset.css file?</strong></p>\r\n<p><strong>Ans: </strong>reset.css is used to remove or reset the default property of the browser, the browser takes some default properties like margin, padding, line height, etc.</p>\r\n<p class="head"><strong>Q5. CSS Box Model vs Box sizing?</strong></p>\r\n<p><strong>Ans:</strong> <strong>CSS BOX Model</strong> Concept tells that you should (-) minus padding or border value from width and height. If we don&rsquo;t minus then it increases our box size. CSS Box Model introduced in CSS2.</p>\r\n<p>To minus padding and border again and again, in different elements is very boring work. So to get rid of this CSS3 introduced box-sizing:border-box property.</p>\r\n<p><strong>box-sizing:</strong> It is introduced in CSS3, if we use box-sizing:border-box property then there is no need to minus padding or border values from width and height. It is an updated version of the CSS Box Model. It is used with all selector () in a website.</p>\r\n<p class="head"><strong>Q6. How to use the offline font in CSS?</strong></p>\r\n<p><strong>Ans: </strong>To use offline font there are a few steps below:</p>\r\n<ul>\r\n<li>Download font from any website like google fonts, the fonts, etc.</li>\r\n<li>Save the font in your fonts directory of the project.</li>\r\n<li>Write down the following code in your CSS file:</li>\r\n</ul>\r\n<p>@font-face {</p>\r\n<p>&nbsp; font-family: fontfamily; // you can write the name whatever you want</p>\r\n<p>&nbsp; src: url(foldername/font-name.ttf); // here write the font path and font name with its extension</p>\r\n<p>}</p>\r\n<p>body</p>\r\n<p>{</p>\r\n<p>font-family: font-family name; // font family which you have created in your @font-face property.</p>\r\n<p>}</p>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q7. Define CSS3 features?</strong></p>\r\n<p><strong>Ans: </strong>CSS3 has many features some of them are following:</p>\r\n<ul>\r\n<li>Box-sizing:border-box;</li>\r\n<li>CSS variable</li>\r\n<li>Flex</li>\r\n<li>Border radius</li>\r\n<li>Object-fit</li>\r\n<li>Grid</li>\r\n<li>Masking</li>\r\n<li>Animations</li>\r\n<li>Transitions</li>\r\n<li>CALC</li>\r\n<li>Counters</li>\r\n<li>Gradients</li>\r\n</ul>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q8. Flex in CSS?</strong></p>\r\n<p><strong>Ans:&nbsp; </strong>Flex is an advanced version of float we can align elements horizontally and vertically also. Flex is applied to the parent element.</p>\r\n<p>In a flex there are two main properties:</p>\r\n<p><strong>Justify-content:</strong> It is used for horizontal alignment. It has the following properties:</p>\r\n<ul>\r\n<li>Flex-start</li>\r\n<li>Flex-end</li>\r\n<li>Center</li>\r\n<li>Space-between</li>\r\n<li>Space-around</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Example:</strong></p>\r\n<p>.main</p>\r\n<p><strong>{</strong></p>\r\n<p>display:flex;</p>\r\n<p>Justify-content:center;</p>\r\n<p>}</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Align-items:</strong> It is used for vertical alignment. It has the same properties as justify-content have.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>.main</p>\r\n<p>{</p>\r\n<p>Display:flex;</p>\r\n<p>Align-items:center;</p>\r\n<p>}</p>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q9. Pseudo Element in CSS?</strong></p>\r\n<p><strong>Ans: </strong>Pseudo-elements are preceded by (::) symbol, which is used to add content before or after the element. It has the following properties:</p>\r\n<ul>\r\n<li><strong>::before</strong>: It is used to add content before the selected element.</li>\r\n<li><strong>::after: </strong>It is used to add content after the selected element.</li>\r\n<li><strong>::selection: </strong>It is used to change the color of selection.</li>\r\n<li><strong>::first-letter:</strong> It is used to select the first letter of the word.</li>\r\n</ul>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q10. Difference Between the opacity() and rgba() property?</strong></p>\r\n<p><strong>Ans:</strong> <strong>opacity():</strong> is used to transparent element. It applies to the selected element and their child element also.</p>\r\n<p><strong>Example: </strong></p>\r\n<p>.abc</p>\r\n<p>{</p>\r\n<p>opacity:0.6;</p>\r\n<p>}</p>\r\n<p><strong>rgba(): </strong>is used to transparent element. It applies to the selected element only it does not apply to the child element.</p>\r\n<p>Example:</p>\r\n<p>.abc</p>\r\n<p>{</p>\r\n<p>&nbsp; Background:rgba(0,0,0,0.6);</p>\r\n<p>}</p>\r\n<p><strong>Conclusion: </strong>If you want the transparent element that does not have content then you should use opacity otherwise rgba() is best.</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q11. Positions in CSS?</strong></p>\r\n<p><strong>Ans: </strong>In CSS there are main positions following:</p>\r\n<ul>\r\n<li><strong>Static: </strong>It is the default property of an element.</li>\r\n<li><strong>Fixed: </strong>It is used to fix the element at a particular position.</li>\r\n<li><strong>Absolute: </strong>It free the element means you can move the absolute element wherever you want to move on the web layout<strong>. Some examples</strong> of absolute: dropdown menu, a box which is half on the other div.</li>\r\n<li><strong>Relative: </strong>It works as the parent element of absolute. It tells the absolute element where to move.</li>\r\n</ul>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q12. Background Properties in CSS?<br /></strong></p>\r\n<p><strong>Ans: </strong>In a CSS the background properties has the following:</p>\r\n<ul>\r\n<li><strong>background-color: </strong>&nbsp;It is used to give background color to the element.</li>\r\n<li><strong>background-image: </strong>It is used to give a background image to the element.</li>\r\n<li><strong>background-attachment: </strong>&nbsp;It is used to fix the background image on the background.</li>\r\n<li><strong>background-position: </strong>It is used to give the position to the background image, you can move the background image x-axis or y-axis.</li>\r\n<li><strong>background-size: </strong>It is used to manage the size of the background image.</li>\r\n<li><strong>background-repeat: </strong>By default background image is repeated if we use a small size image on the background, you can no-repat the value of the background image.</li>\r\n</ul>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q13. CSS Variable?</strong></p>\r\n<p><strong>Ans: </strong>CSS variable is a very useful feature of CSS3, it is best suitable when you want to reuse your design. For example, you have created the first website that has a blue and red theme, the second time you want to create a website and you want to change only the color scheme then there is no need to change the color over and over in all the places.</p>\r\n<p>CSS Variable is useful to hold the CSS property which is globally used in a website like the color scheme, font family, font size of the content.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>:root</p>\r\n<p>{</p>\r\n<p>&nbsp; --red-color:#f00;</p>\r\n<p>--grey-color:#ddd;</p>\r\n<p>}</p>\r\n<p>&nbsp;</p>\r\n<p>.abc</p>\r\n<p>{</p>\r\n<p>&nbsp; background:var(--red-color);</p>\r\n<p>width:300px;</p>\r\n<p>height:300px;</p>\r\n<p>}</p>\r\n<p>.abc h2</p>\r\n<p>{</p>\r\n<p>color:var(--grey-color);</p>\r\n<p>}</p>\r\n<p>&nbsp;</p>\r\n<p>&lt;div class=&rdquo;abc&rdquo;&gt;</p>\r\n<p>&lt;h2&gt; hello css variable&lt;/h2&gt;</p>\r\n<p>&lt;/div&gt;</p>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q14. Image sprites?</strong></p>\r\n<p><strong>Ans: </strong>Image sprites is very useful when we want to use number of small icons or images on a website. Actually when we use number of small image on a website it increases http request or in simply way we can say that is slows down our website.</p>\r\n<p>So the solution is image sprite, image sprite is a single big sheet in which all the small icons arranged. This is done by graphic designer, after that we use this sheet as a background image on a website.</p>\r\n<p>We use this sheet on a background image with different positions.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>.fb</p>\r\n<p>{</p>\r\n<p>Background-image:url(&lsquo;images/social.png&rsquo;);</p>\r\n<p>Width:100px;</p>\r\n<p>Height:100px;</p>\r\n<p>}</p>\r\n<p>&nbsp;</p>\r\n<p>.tw</p>\r\n<p>{</p>\r\n<p>Background-image:url(&lsquo;images/social.png&rsquo;);</p>\r\n<p>Width:100px;</p>\r\n<p>Height:100px;</p>\r\n<p>Background-position:-100px 0;</p>\r\n<p>}</p>\r\n<p>&nbsp;</p>\r\n<p>Here in this example, you can see we have used the same image on two different classes with background-position.</p>\r\n<p><strong>Note:</strong></p>\r\n<p>To create a sheet for image sprite all the icons have the same size and are on equal distance.</p>\r\n<p class="head"><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q15. Animation in CSS?</strong></p>\r\n<p><strong>Ans: </strong>Animation is used to give motion in a design to make an attractive website to attract users. Animation introduced in CSS3.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>@keyframes colorchanger</p>\r\n<p>{</p>\r\n<p>&nbsp; from{background:#f00}</p>\r\n<p>to{background:#000}</p>\r\n<p>}</p>\r\n<p>&nbsp;</p>\r\n<p>.box</p>\r\n<p>{</p>\r\n<p>&nbsp; width:300px;</p>\r\n<p>height:300px;</p>\r\n<p>background:#f00;</p>\r\n<p>animation-name:colorchanger;</p>\r\n<p>animation-duration:2s;</p>\r\n<p>animation-iteration-count:infinite;</p>\r\n<p>}</p>\r\n<p>&nbsp;</p>\r\n<p><strong>@keyframes</strong> is a reserved keyword, it is used to create animation, in this, we can give from and to or a number of steps by using 0%,20%,100%, etc.</p>\r\n<p>To use animation we write the following:</p>\r\n<p><strong>animation-name :</strong> write the animation name which you have created.</p>\r\n<p><strong>animation-duration:</strong> write the duration of animation.</p>\r\n<p><strong>animation-iteration-count:</strong> write the number of counts how many times you want to run animation.</p>\r\n<p class="head"><strong>Q16. 2D Transform and 3D Transform?</strong></p>\r\n<p><strong>Ans: </strong>2d transform is used to give motion effect on a website on mouse over or to create a creative design like rotating an element, scale an element, or moving an element x-axis or y-axis. 2d Transform introduced in CSS3.</p>\r\n<p>2D Transform has the following properties:</p>\r\n<ul>\r\n<li><strong>translate(x,y): </strong>translate is used to move an element x-axis or y-axis.</li>\r\n<li><strong>rotate(deg): </strong>&nbsp;rotate is used to rotate an element. we can give flip effect on element by using rotate() or rotate()</li>\r\n<li><strong>scale(w,h): </strong>scale is used to zoom in or zoom out an element.</li>\r\n<li><strong>skew(deg): &nbsp;</strong>skew is used to move an element diagonally. It is rarely used.</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Example:</strong></p>\r\n<p>.box</p>\r\n<p>{</p>\r\n<p>transform: translate(0.-100px);</p>\r\n<p>}</p>\r\n<p class="head"><strong>Q17. Display Property in CSS?</strong></p>\r\n<p><strong>Ans: </strong>CSS has the following display property:</p>\r\n<ul>\r\n<li><strong>none:</strong> It is used to hide an element. It is mostly used to create dropdown, megamenu, or many other hover effects.</li>\r\n<li><strong>block: </strong>&nbsp;It is used to show a hidden element that was hidden by none property.</li>\r\n<li><strong>inline-block: </strong>It works like float property with clearfix. In a float sometimes we have to use clear property to clear float but in inline-block, there is no need to use clear.</li>\r\n</ul>\r\n<p class="head"><strong>Q18. What is calc() in CSS?</strong></p>\r\n<p><strong>Ans: </strong>calc() is used to calculate something. Sometimes we need a calculation of width or height in a design then we use the calc() function of CSS.</p>\r\n<p class="head"><strong>Q19. Difference between direct child selector &amp; descendant selector?</strong></p>\r\n<p><strong>Ans: Descendant Selector: </strong>It is used to select all the child elements of the selected element.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;div class=&rdquo;main&rdquo;&gt;</p>\r\n<p>&lt;ul&gt;</p>\r\n<p>&lt;li&gt;home&lt;/li&gt;</p>\r\n<p>&lt;li&gt;about&lt;/li&gt;</p>\r\n<p>&lt;li&gt;course</p>\r\n<p>&lt;ul&gt;</p>\r\n<p>&lt;li&gt;Web Design&lt;/li&gt;</p>\r\n<p>&lt;li&gt;Web Development&lt;/li&gt;</p>\r\n<p>&lt;li&gt;Graphic Design&lt;/li&gt;</p>\r\n<p>&lt;/ul&gt;</p>\r\n<p>&lt;/li&gt;</p>\r\n<p>&nbsp;</p>\r\n<p>&lt;li&gt;blog&lt;/li&gt;</p>\r\n<p>&lt;/ul&gt;</p>\r\n<p>&lt;/div&gt;</p>\r\n<p>&nbsp;</p>\r\n<p>.main ul li</p>\r\n<p>{</p>\r\n<p>&nbsp;float:left;</p>\r\n<p>}</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>In this example It will select&nbsp; all the li of ul.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Direct Child Selector:</strong> It is used to select direct child element of the selected element.</p>\r\n<p><strong>Example:</strong></p>\r\n<p>&lt;div class=&rdquo;main&rdquo;&gt;</p>\r\n<p>&lt;ul&gt;</p>\r\n<p>&lt;li&gt;home&lt;/li&gt;</p>\r\n<p>&lt;li&gt;about&lt;/li&gt;</p>\r\n<p>&lt;li&gt;course</p>\r\n<p>&lt;ul&gt;</p>\r\n<p>&lt;li&gt;Web Design&lt;/li&gt;</p>\r\n<p>&lt;li&gt;Web Development&lt;/li&gt;</p>\r\n<p>&lt;li&gt;Graphic Design&lt;/li&gt;</p>\r\n<p>&lt;/ul&gt;</p>\r\n<p>&lt;/li&gt;</p>\r\n<p>&nbsp;</p>\r\n<p>&lt;li&gt;blog&lt;/li&gt;</p>\r\n<p>&lt;/ul&gt;</p>\r\n<p>&lt;/div&gt;</p>\r\n<p>&nbsp;</p>\r\n<p>.main&gt;ul&gt;li</p>\r\n<p>{</p>\r\n<p>&nbsp;float:left;</p>\r\n<p>}</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>In this example It will only select&nbsp; the first ul of li, it will not select the subchild li.</p>\r\n<p>I hope these questions will help the fresher designers to crack the interview.</p>', '1', 'fresher', 'CSS Interview Questions for Fresher \| CSS Interview Questions', '', 'Find here latest interview questions of Freshers in CSS with answers created by experience professional trainers.', 0); INSERT INTO `wdi_interview` (`id`, `status`, `subject`, `url`, `image`, `imgalt`, `content`, `category`, `type`, `seotitle`, `seokeyword`, `seodesc`, `showonmenu`) VALUES (3, '', 'Bootstrap', 'bootstrap-interview-questions-for-fresher', 'bootstrap.svg', 'bootstrap interview questions', '<p class="head"><strong>Q1. What is Bootstrap, Advantages of Bootstrap?</strong></p>\r\n<p><strong>Ans:</strong> Bootstrap is a CSS framework developed by Twitter. &nbsp;CSS framework means in which a number of functionalities are already given, such as a menu, dropdown, carousel, cards, grid system, etc lot of common functionalities already given in CSS framework that&rsquo;s why we should use Bootstrap.</p>\r\n<p><strong>Advantages of Bootstrap:</strong></p>\r\n<ul>\r\n<li>It saves our time.</li>\r\n<li>It saves lines of codes.</li>\r\n<li>By using this we can design a website easily.</li>\r\n<li>It makes the website device friendly, which means a responsive website.</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q2. CSS frameworks?</strong></p>\r\n<p><strong>Ans: </strong>There are the following CSS frameworks:</p>\r\n<ul>\r\n<li>Bootstrap</li>\r\n<li>Foundation</li>\r\n<li>W3</li>\r\n<li>Skeleton</li>\r\n<li>Bulma</li>\r\n<li>Tailwind</li>\r\n</ul>\r\n<p class="head"><strong>Q3. What is Grid System in Bootstrap?</strong></p>\r\n<p><strong>Ans:</strong> Grid System is made up of 12 columns, it is used like col-lg-4 with the row class as a parent. We have to first create row and then we can create columns.</p>\r\n<p><strong>The grid system has the following classes for different sizes:</strong></p>\r\n<ul>\r\n<li><strong>xl:</strong> xtra large device such as &gt;1366px resolution.</li>\r\n<li><strong>lg:</strong> large device such as desktop , laptop which has 1366px resolution or between 1200 to 1366px</li>\r\n<li><strong>md:</strong> medium device such as iPad, tablet, etc.</li>\r\n<li><strong>sm:</strong> small device such as mobile horizontal view.</li>\r\n<li><strong>xs:</strong> &nbsp;xtra small device such as mobile vertical view.</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p class="head"><strong>Q4. Bootstrap5 Features?</strong></p>\r\n<p><strong>Ans: </strong>Bootstrap5 has the following features:</p>\r\n<ul>\r\n<li>It has removed <strong>jquery</strong> and added <strong>vanilla js</strong> for better performance.</li>\r\n<li>It has added 1 extra grid <strong>xxl</strong>, after adding <strong>xxl</strong> we can manage our design on ipad pro easily.</li>\r\n<li>It has added a number of colors.</li>\r\n<li>It has added SVG icons.</li>\r\n<li>In this, we can add custom utilities.</li>\r\n<li>It has removed jumbotron.</li>\r\n<li>It has added vertical spacing.</li>\r\n</ul>\r\n<p><strong>Q5.Difference between Bootstrap4&nbsp; and Bootstrap5?</strong></p>\r\n<p><strong>Q6. Difference Between Bootstrap3 and Bootstrap4?</strong></p>\r\n<p class="head"><strong>Q7. Display Classes in Bootstrap?</strong></p>\r\n<p><strong>Ans: </strong>Display Classes in Bootstrap is used to hide or show an element according to device size. It is very helpful when we manage our website design on iPad or mobile size.</p>\r\n<p><strong>Display class has the following classes:</strong></p>\r\n<table border="1" cellspacing="0" cellpadding="0">\r\n<tbody>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>Class</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p><strong>Description</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-none</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>This class is used to hide elements on all devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-none .d-sm-block</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on Xtra small device and show on small and above devices.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-sm-none .d-md-block</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on small devices and shown on the medium device and above devices.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-md-none .d-lg-block</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on the medium device.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-lg-none .d-xl-block</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on large devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-xl-none</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on the extra-large devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-block</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Display block on all devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-block .d-sm-none</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Visible only on Xtra small device.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-none .d-sm-block .d-md-none</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Visible only on a small device.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-none .d-md-block .d-lg-none</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Visible only on medium devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-none .d-lg-block .d-xl-none</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Visible only on large devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>.d-none .d-xl-block</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top">\r\n<p>&nbsp;</p>\r\n<p>Visible only on extra-large devices.</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p class="head"><strong>Q8. Bootstrap Modal?</strong></p>\r\n<p><strong>Ans: </strong>Bootstrap Modal box is like a pop up , it is mostly used to show some offers in modal box or it is used for enquiry purpose, we can add form in this.</p>\r\n<p>It can be used on button click or on page load.</p>\r\n<p class="head"><strong>Q9. Bootstrap Card?</strong></p>\r\n<p><strong>Ans: </strong>Bootstrap Card is used to make a box in which image, heading, paragraph and buttons exists. It is mostly used in a website.</p>\r\n<p class="head"><strong>Q10. Bootstrap Spacing Classes?</strong></p>\r\n<p><strong>Ans:</strong> Bootstrap provides spacing classes to give space in a design. Bootstrap has the following properties for spacing:</p>\r\n<p>&nbsp;</p>\r\n<p><strong>m:</strong> stands for margin.</p>\r\n<p><strong>p:</strong> stands for padding.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Directions:</strong></p>\r\n<p><strong>t:</strong> is used for top margin/padding.</p>\r\n<p><strong>b:</strong> is used for bottom margin/padding.</p>\r\n<p><strong>l:</strong> is used for left margin/padding. In bootstrap5 we use <strong>(s)</strong> for left margin/padding.</p>\r\n<p><strong>r:</strong> is used for right margin/padding. In bootstrap5 we use <strong>(e) </strong>for right margin/padding.</p>\r\n<p><strong>x:</strong> is used for left and right margin/padding.</p>\r\n<p><strong>y:</strong> is used for top and bottom margin/padding.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Size:</strong></p>\r\n<p><strong>0: </strong>0px sets to margin/padding.</p>\r\n<p><strong>1: </strong>4px or .25rem (if font size is 16px) &nbsp;sets to margin/padding.</p>\r\n<p><strong>2: </strong>8px or .25rem (if font size is 16px) &nbsp;sets to margin/padding.</p>\r\n<p><strong>3: </strong>16px or .25rem (if font size is 16px) &nbsp;sets to margin/padding.</p>\r\n<p><strong>4: </strong>24px or .25rem (if font size is 16px) &nbsp;sets to margin/padding.</p>\r\n<p><strong>5: </strong>48px or .25rem (if font size is 16px) &nbsp;sets to margin/padding.</p>\r\n<p class="head"><strong>Q11. Media Object in Bootstrap?</strong></p>\r\n<p><strong>Ans: </strong>Media object in bootstrap is used to design a comment system.</p>\r\n<p class="head"><strong>Q12. Alerts in Bootstrap?<br /></strong></p>\r\n<p><strong>Ans: </strong>Alerts in bootstrap are used to display alerts on a website or web applications. It is mostly used in web applications to show alerts when the user adds update, or delete data.</p>\r\n<p class="head"><strong>Q13. The collapse in Bootstrap?<br /></strong></p>\r\n<p><strong>Ans: </strong>Collapse in bootstrap is used when the user wants to open a div on a button click like an accordion, mobile menu button.</p>\r\n<p class="head"><strong>Q14. Flex Classes in Bootstrap?<br /></strong></p>\r\n<p><strong>Ans: </strong>There are a number of classes available for flex in bootstrap but here are the most common following:</p>\r\n<ul>\r\n<li><strong>d-flex:</strong> stands for display flex</li>\r\n<li><strong>justify-content-center:</strong> It is used to center align an element.</li>\r\n<li><strong>justify-content-start:</strong> It is used to left align an element.</li>\r\n</ul>\r\n<ul>\r\n<li><strong>justify-content-end:</strong> It is used to right-align an element.</li>\r\n<li><strong>justify-content-between:</strong> It is used to give space between elements. It does not give space to the first box from the left and does not give space to the last box from the right.</li>\r\n<li><strong>justify-content-around:</strong> It is used to give equal space from the right and left to all the elements.</li>\r\n<li><strong>align-items-center:</strong> It is used to center align an element.</li>\r\n<li><strong>align-items-start:</strong> It is used to top align an element.</li>\r\n<li><strong>align-items-end:</strong> It is used to bottom align an element.</li>\r\n<li><strong>align-items-between:</strong> It is used to give space between elements. It does not give space to the first row from the top and does not give space to the last row from the bottom.</li>\r\n<li><strong>align-items-around:</strong> It is used to give equal space from top and bottom to all the elements.&nbsp;</li>\r\n</ul>\r\n<p class="head"><strong>Q15. Tab panel or Dynamic Pills in Bootstrap?</strong></p>\r\n<p><strong>Ans: </strong>Tab panel or dynamic pills is very useful when you want to show more data effectively without disturbing a whole design. &nbsp;</p>\r\n<p>In a tab panel, we click on a button/any element to show some data after clicking.</p>\r\n<p class="head"><strong>Q16. Popover in Bootstrap?</strong></p>\r\n<p><strong>Ans:</strong> Popover in bootstrap is used as a tooltip; It is used when you want to show some data on a mouse click of the element.</p>\r\n<p class="head"><strong>Q17. Which class in used to style input in bootstrap?</strong></p>\r\n<p><strong>Ans: &nbsp;(form-control)</strong> class is used to style input in bootstrap.</p>\r\n<p class="head"><strong>Q18. Table responsive class in Bootstrap?</strong></p>\r\n<p><strong>Ans: &nbsp;(.table-responsive)</strong> class is used on the parent of the table element to make a table responsive, it adds a horizontal scroll in the table.</p>\r\n<p>I hope these questions will help the fresher designers to crack the interview.</p>', '1', 'fresher', 'Bootstrap Interview Questions for Fresher', '', 'Know all the latest Bootstrap Interviews questions and answers with example to clear your interview in first attempt.', 0), (4, '', 'JavaScript', 'javascript-interview-questions-for-fresher', 'javascript.svg', 'javascript interview question', '<p class="head"><strong>Q1. Type Conversion in JS?</strong></p>\r\n<p><strong>Ans: </strong>&nbsp;Type conversion is used to convert the data type of the data. There are two methods available in javascript which are the following:</p>\r\n<p><strong>parseInt():</strong> It is used to convert data into integer format.</p>\r\n<p><strong>parseFloat():</strong> It is used to convert data into decimal format.</p>\r\n<p>It is mostly used when we work on calculation-related work like EMI calculator, &nbsp;when we get data from the user through input we get the data in string format then we calculate input data which gives the wrong output. So here we need type conversion.</p>\r\n<p class="head"><strong>Q2. ES6 most used Features?</strong></p>\r\n<p><strong>Ans: </strong>ES6\'s most used features are the following:</p>\r\n<ul>\r\n<li>Backticks(``)</li>\r\n<li>Spread operator (&hellip;)</li>\r\n<li>Let, const</li>\r\n<li>Map</li>\r\n<li>Class</li>\r\n<li>Objects</li>\r\n<li>Array destructuring</li>\r\n<li>Inheritance</li>\r\n<li>Bind, apply, call</li>\r\n</ul>\r\n<p class="head"><strong>Q3. this keyword in JS?</strong></p>\r\n<p><strong>Ans: </strong>&nbsp;<strong>this keyword</strong> is used when you want to point out a particular element in a list of elements.</p>\r\n<p><strong>Example:</strong> there are 5 to 6 images and you want to pass image source to function on click of the image then we use <strong>this keyword</strong> to point out the particular clicked image.</p>\r\n<p><strong>this keyword </strong>is also&nbsp;used in class to point out the class variable.</p>\r\n<p class="head"><strong>Q4. Event Bubbling vs Event Capturing?</strong></p>\r\n<p><strong>Ans: </strong>&nbsp;There are two problems when we use events on nested elements are following:</p>\r\n<p><strong>Event Bubbling: </strong>In the event bubbling the innermost event executes first then its parent, ancestors. It goes from bottom to top.</p>\r\n<p><strong>For example: </strong>when we use events on a nested element then it executes first where we occurred event then its parents. So it is problem to resolve this problem we use&nbsp;<strong>event.stopPropagation().</strong></p>\r\n<p>&nbsp;</p>\r\n<p><strong>Event Capturing: </strong>&nbsp;In the event capturing the outermost event executes first then its child. It goes from top to bottom.</p>\r\n<p><strong>Example: </strong>&nbsp;In the event capturing when we use the event on a nested element then it executes first where we occurred event then its children. So it is problem to resolve this we first convert event capturing into bubbling then we use <strong>event.stop propagation().</strong></p>\r\n<p><strong>To learn this topic in detail you can check this blog: <a href="../../../blog/event-bubbling-and-event-capturing" target="_blank">event bubbling and event capturing.&nbsp;</a></strong></p>\r\n<p class="head"><strong>Q5. What is DOM?</strong></p>\r\n<p><strong>Ans: </strong>DOM is called Document Object Model, when our browser loads our web page then it creates a structure of the code, that structure is called DOM.</p>\r\n<p>DOM is used to change HTML content, change CSS, add HTML content, and remove elements by using javascript selectors and DOM methods.&nbsp;</p>\r\n<p class="head"><strong>Q6. Mostly used JS Events?</strong></p>\r\n<p><strong>Ans: </strong>There are the following mostly used events in javascript:</p>\r\n<ul>\r\n<li><strong>click: </strong>click event is used when the user clicks a mouse.</li>\r\n<li><strong>keyup: </strong>when the user releases a keyboard key.</li>\r\n<li><strong>change: </strong>when the user changes the value of select.radio, checkbox.</li>\r\n<li><strong>mouseover:</strong> when the user mouse over.</li>\r\n<li><strong>scroll:</strong>&nbsp; when the user scrolls the scrollbar.</li>\r\n<li><strong>Load: &nbsp;</strong>When the browser loads the content.</li>\r\n</ul>\r\n<p class="head"><strong>Q7. Difference Between ===&nbsp; and == &nbsp;operator in JS?</strong></p>\r\n<p><strong>Ans:</strong> === operator match content and its data type also.</p>\r\n<p>== operator matches content only it does not match data type.</p>\r\n<p class="head"><strong>Q8. What is NAN in JS?</strong></p>\r\n<p><strong>Ans: NAN</strong> is short for not a number, javascript shows an error when using numbers illegally or in the wrong way.</p>\r\n<p>In a javascript there is a function <strong>isNaN()</strong>, it is used to check a number&nbsp; is nan or not.</p>\r\n<p class="head"><strong>Q9. Timing Events in JS?</strong></p>\r\n<p><strong>Ans:</strong> There are 2 timing methods in JavaScript which are the following:</p>\r\n<p><strong>setTimeout():&nbsp; </strong>It executes code after a specified duration. It executes code one time.</p>\r\n<p><strong>setInterval(): </strong>&nbsp;It executes code after a specified duration. It repeats code after a specified duration continuously.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>To learn this topic in detail you can check this blog: <a href="../../../blog/difference-between-setinterval-and-settimeout" target="_blank">Difference between setTimeout() and setInterval().&nbsp;</a></strong></p>\r\n<p class="head"><strong>Q10. preventDefault() in JS?</strong></p>\r\n<p><strong>Ans: </strong>preventDefault() in javascript is used to stop the default behavior of the element.</p>\r\n<p><strong>For example,</strong>&nbsp;the &lt;a&gt; tag is used to link pages but if we use prevent default onclick of a tag then it will not redirect to the page, because preventDefault stops the behavior of the &lt;a&gt; tag.</p>\r\n<p>It is also used in submit button to prevent the form submission on click of submitting.</p>\r\n<p class="head"><strong>Q11. Difference between let and var in JS?</strong></p>\r\n<p><strong>Ans:</strong> <strong>var: </strong>is used to hold data, it works like a container to hold the data, but there is a lack of <strong>var keyword</strong> it can be used first and we can declare at last.</p>\r\n<p><strong>let: </strong>we can say that it is an improved version of the&nbsp;<strong>var</strong> keyword. It was introduced in es6, let keyword cannot be used without declaration.</p>\r\n<p><strong>const:</strong> As its name suggests, it is used to declare a value that will not be overridden, like the value of <strong>pie: 3.14.</strong>&nbsp;</p>\r\n<p class="head"><strong>Q12. What do you mean by NULL in JS?</strong></p>\r\n<p><strong>Ans: </strong>Null is a primitive data type, it is used to declare a variable with no value. It is like a blank value &ldquo; &rdquo; of the variable.</p>\r\n<p><strong>Example: </strong>var num=null;</p>\r\n<p class="head"><strong>Q13. What is an undefined value in JS?</strong></p>\r\n<p><strong>Ans: </strong>undefined value is an error, javascript throws an error when a variable has been declared and no value has been given to it.</p>\r\n<p><strong>Example: </strong></p>\r\n<p>var a=5;</p>\r\n<p>var b;</p>\r\n<p>var c=a+b;</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Q14. What is the use void(0)?</strong></p>\r\n<p><strong>Q15. Web Storage API of HTML?</strong></p>\r\n<p><strong>Q16. Object in JS?</strong></p>\r\n<p><strong>Q18. Array methods in JS?</strong></p>\r\n<p><strong>Q19. Use of break and continue statement?</strong></p>\r\n<p><strong>Q20. String methods in JS?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update interview questions with answers on our website.</p>\r\n"', '1', 'fresher', 'JavaScript Interview Questions for Fresher \| JS Interview Questions', '', 'Read here specially Javascript Interview Questions with answers for <em id=\"19f6ddfb-3672-430e-8509-21b2aef3e0bb\">Freshers</em> to clear interview in JavaScript.', 0), (5, '', 'jQuery', 'jquery-interview-questions-for-fresher', 'jquery.svg', 'jquery interview questions', '<p><strong>Q1. What is jQuery?</strong></p>\r\n<p><strong>Q2. What are the advantages of jQuery?</strong></p>\r\n<p><strong>Q3. jQuery methods to provide Effects?</strong></p>\r\n<p><strong>Q4. Get/Set methods in jQuery?</strong></p>\r\n<p><strong>Q5. What is chaining?</strong></p>\r\n<p><strong>Q6. Callback in jQuery?</strong></p>\r\n<p><strong>Q7.How to add and remove CSS classes in jQuery?</strong></p>\r\n<p><strong>Q8. Traversing methods in jQuery?</strong></p>\r\n<p><strong>Q9. How to use ajax in jQuery?</strong></p>\r\n<p><strong>Q10. Use of serialize() method in jQuery?</strong></p>\r\n<p><strong>Q11. Difference between prop and attr?</strong></p>\r\n<p><strong>Q12. Each method in jQuery?</strong></p>\r\n<p><strong>Q13. Commonly used selectors in jQuery?</strong></p>\r\n<p><strong>Q14. Commonly used events in jQuery?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update interview questions with answers on our website.</p>\r\n"', '1', 'fresher', 'jQuery Interview Questions for Fresher \| jQuery Interview Questions', '', 'Find here latest Jquery Interview Questions and answers with <em id=\"7c729e0d-2b0c-4278-87ea-37fefe5b2965\">an example</em> for <em id=\"3a850913-bc1c-4174-af0e-9b4b4cc1ffcc\">Freshers</em>.', 0), (6, '', 'PHP', 'php-interview-questions-for-fresher', 'php.svg', 'php interview questions', '<p><strong>Q1. &nbsp;PHP Advantages and &nbsp;Disadvantages?</strong></p>\r\n<p><strong>Q2. Use of PEAR in PHP?</strong></p>\r\n<p><strong>Q3. List PHP7 Features?</strong></p>\r\n<p><strong>Q4. What are SESSION and the use of SESSION in PHP?</strong></p>\r\n<p><strong>Q5. Types of Array in PHP?</strong></p>\r\n<p><strong>Q6. Array Functions in PHP?</strong></p>\r\n<p><strong>Q7. String functions in PHP?</strong></p>\r\n<p><strong>Q8. Include functions in PHP?</strong></p>\r\n<p><strong>Q9. Form Validation in PHP?</strong></p>\r\n<p><strong>Q10. Multiple File Upload in PHP?</strong></p>\r\n<p><strong>Q11. PHPMailer in PHP?</strong></p>\r\n<p><strong>Q12. Use of SESSION in PHP?</strong></p>\r\n<p><strong>Q13. Use of Cookie in PHP?</strong></p>\r\n<p><strong>Q14. How to send HTML email in PHP?</strong></p>\r\n<p><strong>Q15.&nbsp; Little Bit Knowledge of OOP Concepts &amp; PDO in PHP?</strong></p>\r\n<p><strong>Q16. Difference between unset session and session destroy?</strong></p>\r\n<p><strong>Q17. File functions in PHP?</strong></p>\r\n<p><strong>Q18. implode() and explode() in PHP?</strong></p>\r\n<p><strong>Q19. Cookie Types in PHP?</strong></p>\r\n<p><strong>Q20. How to connect to MySQL with PHP?</strong></p>\r\n<p><strong>Q21. Superglobals in PHP?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n<p><strong>&nbsp;</strong></p>\r\n"', '2', 'fresher', 'PHP Interview Questions for Fresher \| PHP Interview Questions', '', 'Here are the top 21 PHP interview questions for fresher, <span>I hope these questions will help the fresher developers to crack the interview.</span> ', 0), (7, '', 'MySQL', 'mysql-interview-questions-for-fresher', 'mysql.svg', 'mysql-interview-questions-for-fresher', '<p><strong>Q1. &nbsp;What do you mean by database?</strong></p>\r\n<p><strong>Q2. Advantages of using MySQL?</strong></p>\r\n<p><strong>Q3. MySQL Data Types?</strong></p>\r\n<p><strong>Q4. List Common used MySQL queries?</strong></p>\r\n<p><strong>Q5. How to rename a table in MySQL?</strong></p>\r\n<p><strong>Q6. How to add a column in the table in MySQL?</strong></p>\r\n<p><strong>Q7. What is Index in MySQL?</strong></p>\r\n<p><strong>Q8. How to order data alphabetically in MySQL?</strong></p>\r\n<p><strong>Q9. Use of View in MySQL?</strong></p>\r\n<p><strong>Q10. Triggers in MySQL?</strong></p>\r\n<p><strong>Q11. Keys in MySQL?</strong></p>\r\n<p><strong>Q12. Difference between Primary key and Unique key?</strong></p>\r\n<p><strong>Q13. Types of relationships used in MySQL?</strong></p>\r\n<p><strong>Q14. Collation type in MySQL?</strong></p>\r\n<p><strong>Q15.&nbsp; Difference Between the Like and REGEX operators?</strong></p>\r\n<p><strong>Q16. How to sort data in MySQL?</strong></p>\r\n<p><strong>Q17. How to Group data in MySQL?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '2', 'fresher', 'MySQL Interview Questions for Fresher \| MySQL Interview Questions', '', 'Here are the top 17 MySQL interview questions for fresher, <span>I hope these questions will help the fresher developers to crack the interview</span>', 0), (8, '', 'Ajax', 'ajax-interview-questions-for-fresher', 'ajax.svg', 'ajax interview question', '<p><strong>Q1. &nbsp;What Is AJAX?</strong></p>\r\n<p><strong>Q2. Advantages of AJAX?</strong></p>\r\n<p><strong>Q3. Disadvantages of AJAX?</strong></p>\r\n<p><strong>Q4. Give Some Examples of AJAX?</strong></p>\r\n<p><strong>Q5. States of AJAX Request?</strong></p>\r\n<p><strong>Q6. Write Code How to use AJAX by using JavaScript?</strong></p>\r\n<p><strong>Q7. Write Code How to use AJAX by using jQuery?</strong></p>\r\n<p><strong>Q8. Callback function in AJAX?</strong></p>\r\n<p><strong>Q9. How to debug AJAX Code?</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '2', 'fresher', 'AJAX Interview Questions for Fresher \| AJAX Interview Questions', '', 'Here are the top 9 Ajex interview questions for fresher, <span>I hope these questions will help the fresher developers to crack the interview</span>', 0), (9, '', 'JSON', 'json-interview-questions-for-fresher', 'json.svg', '', '<p><strong>Q1. What is JSON?</strong></p>\r\n<p><strong>Q2. Use of JSON?</strong></p>\r\n<p><strong>Q3. Some Examples of JSON?</strong></p>\r\n<p><strong>Q4. JSON vs XML?</strong></p>\r\n<p><strong>Q5. JSON.parse in Javascript?</strong></p>\r\n<p><strong>Q6. JSON.stringfy in Javascript?</strong></p>\r\n<p><strong>Q7. What is JSONP?</strong></p>\r\n<p><strong>Q8. Difference Between JSON and JSONP?</strong></p>\r\n<p><strong>Q9. Write down JSON syntax?</strong></p>\r\n<p><strong>Q10. Write down any example of Array JSON?</strong></p>\r\n<p><strong>Q11. Use of json_encode?</strong></p>\r\n<p><strong>Q12. Use of json_decode?</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '2', 'fresher', 'JSON Interview Questions for Fresher \| JSON Interview Questions', '', 'Read these top 12 JSON interview questions for fresher, <span>I hope these questions will help the fresher developers to crack the interview</span>', 0), (10, '', 'CodeIgniter', 'codeigniter-interview-questions-for-fresher', 'codeigniter.svg', 'codeigniter interview questions', '<p><strong>Q1.What is CodeIgniter?</strong></p>\r\n<p><strong>Q2. Features of CodeIgniter?</strong></p>\r\n<p><strong>Q3. Folder Structure of CodeIgniter?</strong></p>\r\n<p><strong>Q4. What is MVC?</strong></p>\r\n<p><strong>Q5. Use of autoload.php file in CodeIgniter?</strong></p>\r\n<p><strong>Q6. How to link CSS, images, js in CodeIgniter?</strong></p>\r\n<p><strong>Q7. How to remove index.php from URL in CodeIgniter?</strong></p>\r\n<p><strong>Q8. Url Structure of CodeIgniter?</strong></p>\r\n<p><strong>Q9. Routes in CodeIgniter?</strong></p>\r\n<p><strong>Q10. Hooks in CodeIgniter?</strong></p>\r\n<p><strong>Q11. CRUD operation in CodeIgniter?</strong></p>\r\n<p><strong>Q12. Session Concept in CodeIgniter?</strong></p>\r\n<p><strong>Q13. How to change the default Controller?</strong></p>\r\n<p><strong>Q14. What is a helper in CodeIgniter?</strong></p>\r\n<p><strong>Q15.How to create a custom library in CodeIgniter?</strong></p>\r\n<p><strong>Q16. Security methods in CodeIgniter and How to use them?</strong></p>\r\n<p><strong>Q17. Form Validation in CodeIgniter?</strong></p>\r\n<p><strong>Q18. How does CodeIgniter Works?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '2', 'fresher', 'CodeIgniter Interview Questions for Fresher', '', 'Here are the top 10 CodeIgniter interview questions for freasher, <span>I hope these questions will help the fresher developers to crack the interview,</span>', 0), (11, '', 'WordPress', 'wordpress-interview-questions-for-fresher', 'wordpress.svg', 'wordpress interview questions', '<p><strong>Q1. What is WordPress?</strong></p>\r\n<p><strong>Q2. WordPress Limitations?</strong></p>\r\n<p><strong>Q3. WordPress Features?</strong></p>\r\n<p><strong>Q4. Is WordPress Website Safe?</strong></p>\r\n<p><strong>Q5. How many default tables are in WordPress?</strong></p>\r\n<p><strong>Q6. What you will do if the WordPress website is hacked?</strong></p>\r\n<p><strong>Q7. Difference between pages and posts in WordPress?</strong></p>\r\n<p><strong>Q8. How to disable WordPress Comment?</strong></p>\r\n<p><strong>Q9. List out some common plugins of WordPress?</strong></p>\r\n<p><strong>Q10. How to change the password of wp-admin via the database table?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '2', 'fresher', 'WordPress Interview Questions for Fresher', '', 'Clear your doubts by reading visiting this blog. know top 10 WordPress interview questions for fresher.', 0), (12, '', 'Laravel', 'laravel-interview-questions-for-fresher', 'laravel.svg', 'laravel interview questions', '<p><strong>Q1. What is Laravel?</strong></p>\r\n<p><strong>Q2. Features of Laravel?</strong></p>\r\n<p><strong>Q3. What is Composer in Laravel?</strong></p>\r\n<p><strong>Q4. What is an artisan?</strong></p>\r\n<p><strong>Q5. .env file in Laravel?</strong></p>\r\n<p><strong>Q6. Directory Structure of Laravel?</strong></p>\r\n<p><strong>Q7. Routes in Laravel?</strong></p>\r\n<p><strong>Q8. Crud in Laravel?</strong></p>\r\n<p><strong>Q9. What is Middleware in Laravel?</strong></p>\r\n<p><strong>Q10. Blade Template in Laravel?</strong></p>\r\n<p><strong>Q11. What is ORM?</strong></p>\r\n<p><strong>Q12. What is Eloquent?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '2', 'fresher', 'Laravel Interview Questions for Fresher \| Laravel Questions', '', 'Here are the top 12 laravel interview question for fresher, I hope these questions will help the fresher developers to crack the interview.', 0), (13, '', 'JS', 'javascript-interview-questions-for-fresher-frontend-developer', 'javascript.svg', 'javascript interview questions for frontend developer', '<p><strong>Q1. ES6 Concepts?</strong></p>\r\n<p><strong>Q2.Class and Objects in JS?</strong></p>\r\n<p><strong>Q3. Difference Between Event Bubbling and Capturing?</strong></p>\r\n<p><strong>Q4. Closure in JS?</strong></p>\r\n<p><strong>Q5. Callback Function in JS?</strong></p>\r\n<p><strong>Q6. Promise in JS?</strong></p>\r\n<p><strong>Q7. Why we use defer in script tag?</strong></p>\r\n<p><strong>Q8. Difference between Settimeout and Setinterval &nbsp;in JS?</strong></p>\r\n<p><strong>Q9. What is IIFEs in JS?</strong></p>\r\n<p><strong>Q10. What is Hoisting?</strong></p>\r\n<p><strong>Q11. Strict_mode in JS?</strong></p>\r\n<p><strong>Q12. Type Conversion in JS?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '3', 'fresher', 'JavaScript Interview Questions for Front-End Developer', '', 'Read these top 10 JavaScript interview questions for front-end developer, <span>I hope these questions will help the fresher developers to crack the interview</span>', 0), (14, '', 'jQuery', 'jquery-interview-questions-for-fresher-front-end-developer', 'jquery.svg', 'jquery interview questions for front end developer', '<p><strong>Q1. What is jQuery.noConflict?</strong></p>\r\n<p><strong>Q2.</strong> <strong>Differentiate among .empty() vs .remove() vs .detach() in jQuery?</strong></p>\r\n<p><strong>Q3. Differentiate between bind() vs live() vs delegate() methods in jQuery?</strong></p>\r\n<p><strong>Q4. Difference between append() vs after() methods in jQuery?</strong></p>\r\n<p><strong>Q5. What is the use of param() method in jQuery?</strong></p>\r\n<p><strong>Q6. What is difference between $(this) and this in jQuery?</strong></p>\r\n<p><strong>Q7. preventDefault() method in jQuery?</strong></p>\r\n<p><strong>Q8. How to use ajax in jQuery?</strong></p>\r\n<p><strong>Q9. Difference between map and Grep in jQuery?</strong></p>\r\n<p><strong>Q10. Chaining in jQuery?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n"', '3', 'fresher', 'jQuery Interview Questions for Front End Developer', '', 'Here are the 10 jquery interview questions for front end developer, I <span>hope these questions will help the fresher developers to crack the interview</span>', 0), (15, '', 'JSON', 'json-interview-questions-for-fresher-front-end-developer', 'json.svg', 'json interview questions for front end developer', '<p><strong>Q1. What is REST API?</strong></p>\r\n<p><strong>Q2.</strong> <strong>How to call an API?</strong></p>\r\n<p><strong>Q3. JSON Array?</strong></p>\r\n<p><strong>Q4. How to solve CORS Error when call API?</strong></p>\r\n<p><strong>Q5. How to secure our API?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>', '3', 'fresher', 'JSON Interview Questions for Front-End Developer \| JSON Interview Questions for Fresher Front-End Developer', '', '', 0), (16, '', 'React', 'react-interview-questions-for-fresher-front-end-developer', 'react.svg', 'react fresher front end developer interview questions', '<p><strong>Q1. &nbsp;What is React?</strong></p>\r\n<p><strong>Q2. Real DOM vs Virtual DOM?</strong></p>\r\n<p><strong>Q3. Advantages of using React?</strong></p>\r\n<p><strong>Q4. Features of React?</strong></p>\r\n<p><strong>Q5. Types of Components in React?</strong></p>\r\n<p><strong>Q6. Components Lifecycle in React?</strong></p>\r\n<p><strong>Q7. What is Hook in React?</strong></p>\r\n<p><strong>Q8. React State vs Props?</strong></p>\r\n<p><strong>Q9. ES6 Features?</strong></p>\r\n<p><strong>Q10. What is JSX?</strong></p>\r\n<p><strong>Q11. How to call an API in React?</strong></p>\r\n<p><strong>Q12. Routes in React?</strong></p>\r\n<p><strong>Q13. Events in React?</strong></p>\r\n<p><strong>Q14. What is Styled Components in React?</strong></p>\r\n<p><strong>Q15. Little Bit Knowledge of Redux?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n""', '3', 'fresher', 'React Interview Questions for Fresher', '', 'Here are the top 15 React interview questions for fresher, so read now and clear your all doubts.', 0), (18, '', 'PHP & MYSQL', 'php-mysql-interview-questions-for-fresher', 'php-and-mysql.svg', 'php and mysql interview questions for fresher', '<p><strong>Q1.Login and Registration with Authentication in PHP &amp; MySql?</strong></p>\r\n<p><strong>Q2. CRUD operation using PHP &amp; MySQL?</strong></p>\r\n<p><strong>Q3. CRUD operation using PHP OOP?</strong></p>\r\n<p><strong>Q4. CRUD opration usig PHP PDO?</strong></p>\r\n<p><strong>Q5. CRUD operation using AJAX &amp; MySql?</strong></p>\r\n<p><strong>Q6. Multiple File Upload in PHP &amp; MySql?</strong></p>\r\n<p><strong>Q7. Pagination using PHP &amp; MySql?</strong></p>\r\n<p><strong>Q8. How will you manage nested categories in PHP &amp; MySql?</strong></p>\r\n<p><strong>Q9. Recursion Example of PHP &amp; MySql?</strong></p>\r\n<p><strong>Q10. How to create Dynamic Pages using PHP &amp; MySql?</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n""', '2', 'fresher', 'PHP & MySQL Interview Questions for Fresher', '', 'Visit this top 10 PHP & MySQL interview questions for fresher, and clear your doughts, for more information visit.', 0); -- -------------------------------------------------------- -- -- Table structure for table `wdi_interview_category` -- CREATE TABLE `wdi_interview_category` ( `id` int(11) NOT NULL, `name` text DEFAULT NULL, `url` text DEFAULT NULL, `seotitle` text DEFAULT NULL, `seodesc` text DEFAULT NULL, `keywords` text DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_interview_category` -- INSERT INTO `wdi_interview_category` (`id`, `name`, `url`, `seotitle`, `seodesc`, `keywords`) VALUES (1, 'Web Designing', NULL, NULL, NULL, NULL), (2, 'Web Development', NULL, NULL, NULL, NULL), (3, 'Front-End Developer', NULL, NULL, NULL, NULL); -- -------------------------------------------------------- -- -- Table structure for table `wdi_media` -- CREATE TABLE `wdi_media` ( `id` int(11) NOT NULL, `url` varchar(400) DEFAULT NULL, `image` varchar(255) DEFAULT NULL, `status` varchar(255) DEFAULT NULL, `imgalt` varchar(255) DEFAULT NULL, `mediatype` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_media` -- INSERT INTO `wdi_media` (`id`, `url`, `image`, `status`, `imgalt`, `mediatype`) VALUES (3, 'best-responsive-bootstrap-courses', 'Bootstrap.webp', '1', 'bootstrap course', 'course'), (4, 'best-javascript-course-in-delhi', 'Javascript.webp', '1', 'javascript course', 'course'), (5, 'best-jquery-course-in-delhi', 'JQuery.webp', '1', 'jquery course', 'course'), (6, 'best-angular-course-in-rohini-delhi', 'Anjular js.webp', '1', 'angular js course', 'course'), (7, 'best-javascript-and-jquery-course-institute', 'javascript-and-jquery.svg', '1', 'javascript and jquery course', 'course'), (8, 'javascript-and-angular-course-delhi', 'anguler-javascript.webp', '1', 'javascript and angular course', 'course'), (9, 'best-jquery-and-angular-institute', 'jquery-angular.webp', '1', '', 'course'), (10, 'advance-php-and-mysql-course-institute', 'PHP & MYSql.webp', '1', 'php and mysql course', 'course'), (11, 'php-codelgniter-course-institute', 'CodeIgniter.webp', '1', 'codeigniter course', 'course'), (12, 'wordpress-courses-institute', 'Wordpress.webp', '1', 'wordpress course', 'course'), (13, 'best-asp-dot-net-course-institute', 'aspdotpnet-premium-expert-course.webp', '1', '', 'course'), (14, 'best-seo-training-institute', 'seo.svg', '1', 'seo expert course', 'course'), (15, 'best-smo-training-institute', 'SMO.webp', '1', 'smo expert course', 'course'), (16, 'web-development-institute-for-diploma-course', 'Web-Expert-with-PHP.webp', '1', 'complete web design,development and digital marketing course', 'course'), (17, 'web-design-and-development-training', 'Web-Expert-Premium.webp', '1', 'web design and development course', 'course'), (18, 'web-design-and-development-course', 'Web-Design-Expert.webp', '1', 'complete web design course', 'course'), (19, 'advance-web-development-course', 'Advance Web Development.webp', '1', 'Advance Web Development Course', 'course'), (20, 'responsive-web-design-course', 'Responsive-Web-Design.webp', '1', 'responsive web design', 'course'), (21, 'best-internet-marketing-institute', 'Internet Marketing Expert.webp', '1', 'Internet Marketing Expert Course', 'course'), (22, 'digital-marketing-institute', 'Advance Digital Marketing Expert Course.webp', '1', 'advance digital marketing course', 'course'), (26, 'jyoti-anand-digital-marketing-expert', '1575447189_Jyoti_Anand_(_Internet_Marketing_Course__4_Months).webp', '1', NULL, NULL), (27, 'rajat-pandey-web-expert-course', '1575447390_Rajat_(_Web_Expert_Course_1_Year).webp', '1', NULL, NULL), (28, 'pooja-sabhrawal-web-development-expert-course', '1735132197_pooja-testimonial.webp', '1', NULL, NULL), (29, 'ruchika-goel-web-development-expert-course', '1735132175_ruchika-testimonial.webp', '1', NULL, NULL), (30, 'how-to-use-data-table-plugin-in-jquery', 'How-to-use-data-table-plugin-in-jquery.png', '1', 'How to use Data Table Plugin in Jquery', NULL), (31, 'file-upload-in-php-mysql', 'File upload in php mysql.png', '1', 'File Upload in Php', NULL), (32, 'short-term-web-design', 'Short-Term-Web-Design.webp', '1', '', 'course'), (33, 'top-reasons-to-learn-website-development', 'REASON.png', '1', 'Top Reasons to Learn Website Development', NULL), (34, 'advance-html-and-css-course-in-delhi', 'Advance-html-and-css-course-in-delhi.png', '1', 'Advance HTML and CSS Course in Delhi', NULL), (35, 'join-top-web-development-institute-in-rohini-to-master-codeigniter', 'Join top web development institute in rohini to master codeigniter.png', '1', 'Join Top Web Development Institute in Rohini to Master CodeIgniter', NULL), (36, 'most-useful-jquery-plugins-for-website-design', 'Most-useful-jquery-plugins-for-website-design.png', '1', 'Most Useful JQuery Plugins for Website Design', NULL), (37, 'how-to-redirect-website-http-to-https-by-htaccess', 'How to redirect website http to https by htaccess.png', '1', 'How to redirect website http to https by htaccess ', NULL), (38, 'how-to-protect-website-from-copier-software', 'How to protect website from copier software.png', '1', 'How to Protect Website from Copier Software', NULL), (39, 'react-appointment-scheduler', 'React-appointment-scheduler.png', '1', 'React Appointment Scheduler', NULL), (41, 'react-js-throwing-500-internal-server-error-on-live-server-react-router-error-in-live-server', 'React-js-throwing-500-internal-server-error-on-live-server-react-router-error-in-live-server.png', '1', 'React JS Throwing 500 Internal Server Error On Live Server \| React Router Error in Live Server', NULL), (42, 'how-to-set-current-time-and-date-in-html-input-value-by-js', 'How-to-set-current-time-and-date-in-html-input-value-by-js.png', '1', 'How to set current time and date in html input value by js', NULL), (43, 'how-to-set-current-date-and-time-in-html-input-by-php', 'How to se current date and time in html input by php.png', '1', 'How to Set Current Date and Time in HTML Input by php', NULL), (44, 'how-to-set-tomorrow-date-and-current-time-in-html-input-by-php', 'How to set tomorrow date and current time in html input by php.png', '1', 'How to set Tomorrow Date and current time in html input by php', NULL), (45, '5-important-css-properties-web-designer-must-know-css3-most-used-properties', '5-Important-css-properties-web-designer-must-know-css3-most-used-properties.png', '1', '5 Important CSS Properties Web Designer Must Know', NULL), (46, 'image-preview-before-upload-by-using-js', 'Image-preview-before-upload-by-using-js.png', '1', 'Image Preview Before Upload By Using JS', NULL), (47, 'how-to-open-bootstrap-modal-box-after-few-seconds', 'How to open bootstrap modal box after few seconds.png', '1', 'How to Open Bootstrap Modal Box after few seconds ', NULL), (48, 'cpanel-email-send-but-cannot-receive-emails', 'Cpanel email send but cannot receive emails.png', '1', '', NULL), (49, '4-important-topics-to-learn-bootstrap', '4-Important topics to learn-bootstrap.png', '1', '4 Important Topics to learn Bootstrap', NULL), (50, 'configure-outlook-2007-with-webmail-or-cpanel-email-account', 'Configure outlook 2007 with webmail or cpanel email account.png', '1', '', NULL), (51, 'common-mistakes-in-bootstrap-or-responsive-design', 'Common mistakes in bootstrap or responsive design.png', '1', 'Common Mistakes in Bootstrap or Responsive Design', NULL), (52, 'how-to-use-ajax-in-php-with-jquery', 'hHow to use ajax in php with jquery.png', '1', 'How to use Ajax in PHP with JQuery', NULL), (53, 'css-selectors-every-web-designer-should-know', 'Css selectors every-web-designer-should-know.png', '1', 'CSS Selectors Every Web Designer Should Know', NULL), (54, 'difference-between-descendant-selector-and-direct-child-selector', 'Difference-Between-descendant-selector-and-direct-child-selector.png', '1', 'Difference Between Descendant Selector and Direct Child Selector', NULL), (55, 'how-to-print-specific-area-of-webpage-by-jquery', 'How-to-print-specific-area-of-webpage-by-jquery.png', '1', 'How to Print Specific Area of Webpage by JQuery ', NULL), (56, 'how-to-iterate-or-loop-between-two-dates', 'How- o-iterate or-loop-between-two-dates.png', '1', '', NULL), (57, 'web-development-courses-after-12th', 'Web development courses after 12th.png', '1', 'Web Development Courses After 12th ', NULL), (58, 'what-are-the-career-prospects-of-web-development-after-12th', 'What are the career prospects of web development after 12th.png', '1', 'What are the career prospects of web development after 12th', NULL), (59, '', '', '1', '', NULL), (60, 'diploma-in-web-designing-after-10th', 'Diploma in web designing after 10th.png', '1', 'Diploma in Web Designing After 10th', NULL), (61, 'tips-to-choose-the-right-digital-marketing-institute', 'Tips-To-Choose-The-Right-Digital-Marketing-Institute.png', '1', 'Tips to Choose the Right Digital Marketing Institute ', NULL), (62, 'react-js', 'React JS.webp', '1', 'react js', 'course'), (63, 'laravel', 'Laravel.webp', '1', '', 'course'), (64, 'front-end-developer', 'Front-End-Developer.webp', '1', '', 'course'), (65, 'full-stak-developer', 'full-stack-developer.svg', '1', '', 'course'), (66, 'c-programming', 'c-programming.svg', '1', '', 'course'), (67, 'c-plus-plus-programming', 'c-plus-plus-programming.svg', '1', '', 'course'), (68, 'python-programming', 'python.svg', '1', '', 'course'), (69, 'java-programming', 'java.svg', '1', '', 'course'), (71, 'ajax-json-training-institute', 'ajax.webp', '1', 'ajax-and-json-course', 'course'), (72, 'js-react-js', 'javascript-and-react.svg', '1', 'JS & React JS', 'course'), (74, 'filmora', 'Filmore.webp', '1', '', 'course'), (75, 'php-basic', '', '1', '', 'course'), (76, 'top-7-reasons-to-get-enrolled-in-digital-marketing-course', 'Top-7-Reasons-To-Get-Enrolled-In-Digital-Marketing-Course.png', '1', 'Top 7 Reasons to Get Enrolled in Digital Marketing Course', NULL), (77, 'multiple-file-upload-in-php', 'Multiple file upload in php.png', '1', 'Multiple File Upload in PHP', NULL), (78, 'important-topics-every-beginner-php-developer-should-know', 'Important topics every beginner php developer should know.png', '1', 'Important Topics Every Beginner PHP Developer should know', NULL), (79, 'how-to-use-whatsapp-on-website', 'How-to-use-whatsapp-on-website.png', '1', 'How to use WhatsApp on website', NULL), (80, 'how-to-use-live-chat-on-website', 'How to use live chat on website.png', '1', 'How to use Live Chat on website', NULL), (81, 'html5-most-important-features-every-web-designer-should-know', 'Html5-most-important-features-every-web-designer-should-know.png', '1', 'html5-most-important-features-every-web-designer-should-know', NULL), (82, 'difference-betwen-bold-tag-and-strong-tag-in-html', 'Difference-betwen-bold-tag-and-strong-tag-in-html.png', '1', 'Difference Between Bold And Strong Tag In HTML', NULL), (83, 'easiest-way-to-learn-web-design', 'Easiest-way-to-learn-web-design.png', '1', 'What is the Easiest Way to Learn Web Design', NULL), (84, 'difference-between-i-and-em-tag-in-html', 'Difference-between-i-and-em-tag-in-html.png', '1', 'Difference between i and em tag in html', NULL), (85, 'how-to-use-google-map-in-website', 'How-to-use-google-map-in-website.png', '1', 'how-to-use-google-map-in-website', NULL), (86, 'how-to-use-youtube-video-in-website', 'How-to-use-youtube-video-in-website.png', '1', 'How to use YouTube Video in website', NULL), (87, 'how-to-make-responsive-data-table', 'How-to-make-responsive-data-table.png', '1', 'How to make responsive Data Table', NULL), (88, 'how-to-change-default-value-of-select-box-shows-10-enteries-of-jquery-data-table', 'How-to-change-default-value-of-select-box-shows-10-enteries-of-jquery-data-table.png', '1', 'How to Change default value of select box shows 10 entries of jQuery Data Table', NULL), (89, 'how-to-add-export-to-pdf-csv-print-button-in-jquery-data-table', 'how-to-add-export-to-pdf-csv-print-button-in-jquery-data-table.png', '1', 'How to Add Export to PDF, CSV, Print Button in jQuery Data Table', NULL), (90, 'most-important-js-events-every-front-end-developer-should-learn', 'Most-important-js-events-every-front-end-developer-should-learn.png', '1', 'Most Important JS Events Every Front End Developer Should Learn', NULL), (91, 'how-to-send-html-email-using-php', 'How-To-Send-Html-Email-Using-Php.png', '1', 'How to send HTML email using PHP', NULL), (92, 'include-functions-in-php', 'IncludE functions in php.png', '1', 'Include Functions in PHP', NULL), (93, 'this-keyword-practical-example-in-js', 'This-keyword-practical-example-in-js.png', '1', 'this keyword Practical Example in js', NULL), (94, 'oop-important-topics-for-beginners-in-php', 'Oop important topics for beginners in php.png', '1', 'oop-important-topics-for-beginners-in-php', NULL), (95, 'web-design-course-need-of-the-day-after-10th-and-12th', 'Web-design-course-need-of-the-day-after-10th-and-12th.png', '1', 'Web Design Course: Need of the Day after 10th and 12th?', NULL), (96, 'most-used-jquery-functions', 'Most-used-jquery-functions.png', '1', 'Most Used JQuery Functions', NULL), (97, 'how-to-remove-index-php-from-codeigniter', 'How to remove index php from codeigniter.png', '1', '', NULL), (98, 'codeigniter-folder-file-structure', 'Codeigniter folder file structure.png', '1', 'codeigniter file structure', NULL), (99, 'what-is-mvc-in-codeigniter-framework', 'What is mvc- n codeigniter-framework.png', '1', '', NULL), (100, 'routes-in-codeigniter', 'Routes in codeigniter.png', '1', '', NULL), (101, 'how-to-use-css-js-and-images-in-codeigniter', 'How to use css-js-and images in codeigniter.png', '1', '', NULL), (102, 'type-conversion-in-js', 'Type-conversion-in-js.png', '1', '', NULL), (103, 'how-to-use-google-fonts-in-css', 'How-to-use-google-fonts-in-css.png', '1', '', NULL), (104, 'how-to-use-offline-font-in-css', 'How-to-use-offline-font-in-css.png', '1', '', NULL), (105, 'add-remove-textbox-dynamically-in-jquery', 'Add & Remove Textbox.jpg', '1', '', NULL), (106, 'how-to-upload-only-pdf-file-with-2mb-size-validation', 'How to Upload only pdf file wit 2mb size validation.png', '1', '', NULL), (107, 'how-to-upload-only-jpeg-jpg-and-png-image-in-php', 'How to upload only jpeg jpg and png image in php.png', '1', '', NULL), (108, 'remove-index-php-in-codeigniter-not-working-on-plesk-server', 'Remove index php in codeigniter not working on plesk server.png', '1', 'Remove index.php in CodeIgniter not working on plesk server', NULL), (109, 'react-installation', 'React-installation.png', '1', '', NULL), (110, 'react-files-folder-structure-overview', 'React-files-folder-structure-overview.png', '1', '', NULL), (111, 'digital-marketing-executive-roles-in-it-industry-and-their-importance', 'Digital-Marketing-Executive-Roles-In-It-Industry-And-Their-Importance.png', '1', '', NULL), (112, 'how-to-run-react-project-in-command-prompt-or-visual-studio', 'How-to-run-react-project-in-command-prompt-or-visual-studio.png', '1', '', NULL), (113, 'form-validation-in-codeigniter-by-simple-steps-with-send-email-functionality', 'Form validation in codeigniter by simple steps with send email functionality.png', '1', '', NULL), (114, 'crud-using-function-in-php', 'crud-using-function-in-php.svg', '1', '', NULL), (115, 'crud-using-oop-concept-in-php', 'Crud using oop concept in php.png', '1', '', NULL), (116, 'crud-in-codeigniter', 'Crud in codeigniter.png', '1', '', NULL), (117, 'how-to-use-phpmailer-in-php', 'PH MAILER.png', '1', '', NULL), (118, 'basic-computer-programming-language', 'basic-omputer-programming-language-that-can-enhance-your-knowledge-after-arts-and-commerce.svg', '1', '', NULL), (119, 'how-to-use-fontawesome-in-website', 'How-to-use-fontawesome-in-website.png', '1', '', NULL), (120, 'difference-between-append-and-after-in-jquery', 'difference-between-append-and-after-in-jquery.png', '1', '', NULL), (121, 'crud-using-ajax-in-php', 'Crud Using Ajax-in- Php.png', '1', '', NULL), (122, 'is-basic-computer-programming-a-good-choice-for-beginners', '', '1', '', NULL), (123, 'use-of-codeigniter-hooks', 'Use of Codeigniter Hooks.png', '1', '', NULL), (124, 'import-csv-file-into-database-using-codeigniter', 'Import Csv File Into Database Using Codeigniter.png', '1', '', NULL), (125, 'how-to-upload-wordpress-website-on-cpanel', 'How to Upload Wordpress Website On Cpanel.png', '1', '', NULL), (126, 'how-to-move-wordpress-website-from-local-server-to-cpanel', 'How to Move wordpress Website From Local Server to Cpanel.png', '1', '', NULL), (127, 'prevent-contact-form-spam-without-captcha', 'Prevent Contact Form Spam Without Captcha.png', '1', '', NULL), (128, 'php-interview-questions-for-fresher', 'Php Interview Questions For Fresher.png', '1', '', NULL), (129, 'animation-effects-in-css', 'Animation-effects-in-css [MConverter.eu].png', '1', '', NULL), (130, 'pagination-in-codeigniter', 'Pagination in Codeigniter.png', '1', '', NULL), (131, 'how-to-copy-one-column-data-to-another-in-mysql', 'How To Copy One Column Data To Another In Mysql.png', '1', '', NULL), (132, 'how-to-copy-one-table-data-to-another-table-using-mysql-query', 'HoW To Copy One Table Data To Another Table Using Mysql Query.png', '1', '', NULL), (133, 'laravel-not-working-on-live-server', 'laravel not working on live server.png', '1', '', NULL), (134, 'use-font-awesome-icon-as-content-in-css', 'Use-font-awesome-icon-as-content-in-css.jpg', '1', '', NULL), (135, 'learn-digital-marketing-course-to-advance-your-skill', 'Learn-Digital-Marketing-Course-To-Advance-Your-Skill.png', '1', '', NULL), (136, 'backend-developer-course', 'Backend Developer.jpg', '1', '', 'course'), (137, 'how-to-upload-php-website-on-cpanel-with-database', 'How To Upload Php Website On Cpanel With Database.png', '1', '', NULL), (138, 'how-to-upload-codeigniter-website-on-cpanel', 'How To Upload Codeigniter Website On Cpanel.png', '1', '', NULL), (139, 'comment-system-using-php-mysql', 'Comment-System-Using-Php-Mysql.png', '1', '', NULL), (140, 'google-login-in-codeigniter', 'Google-Login-iIn-Codeigniter.png', '1', '', NULL), (141, 'how-to-use-media-queries-for-responsive-design', 'what-is-web-designing-fees-course-career-salary.jpg', '1', '', NULL), (142, 'what-are-css-variables-explain-with-example', 'What-are-css-variables-explain-with-example.jpg', '1', '', NULL), (143, 'what-is-css-flexbox-explain-with-suitable-example', 'What-is-css-flexbox-explain-with-suitable-example.jpg', '1', '', NULL), (144, 'digital-marketing-expert-course-at-web-development-institute', 'Digital-Marketing-Expert-Course-at-Web-Development-Institute.png', '1', '', NULL), (145, 'best-seo-training-institute-in-rohini', 'Best-Seo-Training-Institute-In-Rohini.png', '1', '', NULL), (146, 'why-coding-is-the-need-of-the-hour-for-kids', '', '1', '', NULL), (147, 'what-is-web-designing-fees-course-career-salary', 'what-is-web-designing-fees-course-career-salary.jpg', '1', '', NULL), (148, 'top-20-free-high-da-social-bookmarking-websites-list', 'Top-20-Free-High-Social-Bookmarking-Websites-list.png', '1', '', NULL), (149, 'how-to-create-blogger-account-for-free', 'How-to-Create-Blogger-Account-For-Free.png', '1', '', NULL), (150, 'what-is-domain-authority-how-to-increase-domain-authority', 'What-Is-Domain-Authority-How-to-Increase-Domain-Authority.png', '1', 'How to Increase Domain Authority ', NULL), (151, 'what-education-is-required-to-become-a-web-developer', 'What-Education-Is-Required-To-Become-A-Web-Developer.png', '1', '', NULL), (152, 'what-is-backlink-and-how-to-create-backlinks-for-free', 'What-Is-Backlink-And-How-To-Create-Backlinks-For-Free.png', '1', 'how to create backlinks for free', NULL), (153, 'difference-between-bootstrap3-and-bootstrap4', 'Difference bootstrap3 and 4.jpg', '1', '', NULL), (154, 'difference-between-prepend-and-before-in-jquery', 'Difference-between-prepend-and-before-in-jquery.jpg', '1', '', NULL), (155, 'htaccess-file-not-working-on-server', 'Htaccess-File-Not-Working-on-Server.png', '1', '', NULL), (156, 'how-to-check-radio-button-is-checked-or-not-in-jquery', 'How-to-check-radio-button-is-checked-or-not-in-jquery.png', '1', '', NULL), (157, 'frontend-web-development-skills-beginners-should-learn-in-2022', 'Frontend.png', '1', '', NULL), (158, 'difference-between-bootstrap4-and-bootstrap5', 'Difference-between-bootstrap4-and-bootstrap5.png', '1', '', NULL), (159, 'difference-between-codeigniter3-and-codeigniter4', 'Difference-Between-Codeigniter3-And-Codeigniter4.png', '1', '', NULL), (160, 'difference-between-codeigniter-and-laravel-framework', 'Difference-Between-Codeigniter-And-Laravel-Framework.png', '1', '', NULL), (161, 'robots-txt-file-structure', 'Robots-txt-file-structure.png', '1', 'rotobs.txt file structure', NULL), (162, 'best-seo-course-in-rohini-delhi', 'Best-Seo-Course-In-Rohini-Delhi.png', '1', '', NULL), (163, 'how-to-create-a-dynamic-sitemap-in-codeigniter', 'How-tTo-Create-A-Dynamic-Sitemap In-Codeigniter.png', '1', '', NULL), (164, 'image-manipulation-library-in-codeigniter', 'Image-Manipulation-library-in-Codeigniter.png', '1', '', NULL), (165, 'bootstrap4-most-important-css-classes', 'Bootstrap4-most-important-css-classes.png', '1', '', NULL), (167, 'ultimate-full-stack-web-development-course-at-web-development-institute', 'Full-Stack-Web-Development-Course-At-Web-Development-Institute.png', '1', '', NULL), (168, 'what-are-moz-and-webkit-in-css', 'What-are-moz-and-webkit-in-css.png', '1', '', NULL), (169, 'how-to-design-a-custom-scrollbar-in-css', 'How-to-design-a-custom-scrollbar-in-css.png', '1', '', NULL), (170, 'how-to-create-a-smooth-scroll-in-css', 'How-to-create-a-smooth-scroll-in-css.png', '1', '', NULL), (171, 'difference-between-setinterval-and-settimeout', 'Difference-between-setinterval-and-settimeout.png', '1', '', NULL), (172, 'javascript-important-topics-before-learning-react-js', 'Javascript-important-topics-before-learning-react-js.png', '1', '', NULL), (173, 'canonical-for-dynamic-pages-in-codeigniter', 'Canonical-For-Dynamic-Pages-In-Codeigniter.png', '1', '', NULL), (174, 'types-of-css', 'types-of-css.png', '1', '', NULL), (175, 'what-is-w3c-validation-standards-or-validation', 'What-is-w3c-validation-standards-or-validation.png', '1', '', NULL), (176, 'importance-of-heading-tags', 'importance-of-heading-tags.png', '1', '', NULL), (177, 'event-bubbling-and-event-capturing', 'Event-bubbling-and-event-capturing.png', '1', 'event bubbling and event capturing in javascript', NULL), (178, 'the-importance-of-alt-attribute', 'The-Importance-Of-Alt-Attribute.png', '1', 'importance of alt attribute', NULL), (179, 'css-image-sprites', 'Css-image-sprites.png', '1', 'Use of CSS Image Sprites to reduce http requests', NULL), (180, 'css-position', 'css-position.png', '1', '', NULL), (181, 'image-map-in-html', 'image-map-in-html.png', '1', '', NULL), (182, 'css-object-fit-property', 'Css-object-fit-property.png', '1', '', NULL), (183, 'links-in-html', 'Links-in-html.png', '1', '', NULL), (184, 'formatting-tags-in-html', 'Formatting-tags-in-html.png', '1', '', NULL), (185, 'difference-between-var-let-and-const-keywords-in-javascript', 'Difference-between-var-let-and-const-keywords-in-javascript.png', '1', '', NULL), (186, 'implode-and-explode-function-in-php', 'Implode-And-Explode-Function-In-Php.png', '1', '', NULL), (187, 'html-table', 'Html-table.png', '1', '', NULL), (188, 'css-advanced-selectors', 'Css-advanced-selectors.png', '1', '', NULL), (189, 'difference-between-first-child-and-first-of-type-selector-in-css', 'LAST CHILD.jpg', '1', '', NULL), (190, 'difference-between-last-child-and-last-of-type-selector-in-css', 'LAST CHILD.jpg', '1', '', NULL), (191, 'difference-between-nth-child-and-nth-of-type-selector-in-css', 'Difference-between-nth-child-and-nth-of-type-selector-in-css.png', '1', '', NULL), (192, 'local-storage-in-javascript', 'LOCAL STORAGE.jpg', '1', '', NULL), (193, 'what-is-important-property-in-css', 'PROPERTY CSS.jpg', '1', '', NULL), (194, 'css-hover-selector', 'CSS HOVER.jpg', '1', '', NULL), (195, 'how-to-keep-form-data-in-input-after-submit-in-php', 'how-to-keep-form-data-in-input-after-submit-in-php.png', '1', '', NULL), (196, 'difference-between-session-destory-and-session-unset-in-php', 'difference-between-session-destory-and-session-unset-in-php.png', '1', '', NULL), (197, 'z-index-property-of-css', 'Z INDEX.jpg', '1', '', NULL), (198, 'how-to-keep-radio-button-checked-after-form-submit-in-php', 'how-to-keep-radio-button-checked-after-form-submit-in-php.png', '1', '', NULL), (199, 'how-to-keep-select-box-selected-after-form-submit-in-php', 'how-to-keep-select-box-selected-after-form-submit-in-php.png', '1', '', NULL), (200, 'how-to-keep-checkbox-checked-after-form-submit-in-php', 'how-to-keep-checkbox-checked-after-form-submit-in-php.png', '1', '', NULL), (201, 'how-to-encode-and-decode-url-s-query-parameter-in-php', 'how-to-encode-and-decode-url-s-query-parameter-in-php.png', '1', '', NULL), (202, 'html5-semantic-tags', 'TAGS.jpg', '1', '', NULL), (203, 'session-in-php-with-example', 'session-in-php-with-example.png', '1', '', NULL), (204, 'full-stack-developer', 'Full-Stack-Developer.webp', '1', '', 'course'), (205, 'graphic-web-design-course', 'DIPLOMA COURSE IN GRAPHIC DESIGN.webp', '1', '', 'course'), (206, 'graphic-web-design-advance-course', 'Graphic-_-Web-Design-Advance.webp', '1', '', 'course'), (207, 'adobe-illustrator-course', 'Adobe Illustrator.webp', '1', '', 'course'), (208, 'coreldraw-course', 'CoreDraw.webp', '1', '', 'course'), (209, 'short-term-web-development-course', 'Short Term Web Development.webp', '1', '', 'course'), (210, 'web-development', 'Web Development Expert (1).webp', '1', '', 'course'), (211, 'how-to-get-tinymce-editor-value-using-javascript', 'JAVA TINY.jpg', '1', '', NULL), (212, 'how-to-get-value-from-tinymce-editor-using-jquery', 'j qurey.jpg', '1', '', NULL), (213, 'how-to-match-exact-string-in-a-mysql-database-with-imploded-string', 'How to match exact string in a mysql database with imploded string85-01.svg', '1', '', NULL), (214, 'find-exact-word-from-string-in-mysql', 'find-exact-word-from-string-in-mysql.png', '1', '', NULL), (215, 'how-to-use-image-in-react', 'react.jpg', '1', '', NULL), (216, 'how-to-use-image-from-public-folder-in-a-react', 'public folder.jpg', '1', '', NULL), (217, 'react-page-is-not-loading-showing-exit-page-or-wait', 'react exit.jpg', '1', '', NULL), (218, 'pagination-in-php-mysql', 'Pagination in PHP & MySQL-01.svg', '1', '', NULL), (219, 'how-to-open-gmail-on-click-of-anchor-tag-in-html', 'gimail html.jpg', '1', '', NULL), (220, 'best-advance-digital-marketing-course', 'Advance Digital Marketing Premium.webp', '1', '', 'course'), (221, 'advanced-adword-course', 'Advanced-google-ads-course.webp', '1', '', 'course'), (222, 'email-marketing-expert-course', 'Email-narketing-course.webp', '1', '', 'course'), (223, 'affiliate-marketing-expert-course', 'Affilieat-marketing-course.webp', '1', '', 'course'), (224, 'youtube-video-marketing-course', 'Youtube-marketing-course.webp', '1', '', 'course'), (225, 'on-page-optimization-course', 'ON.webp', '1', '', 'course'), (226, 'off-page-optimization-course', 'OFF.webp', '1', '', 'course'), (227, 'best-advance-seo-course-institute', 'Advnace.webp', '1', '', 'course'), (229, 'adobe-indesign-course-rohini', 'ADOBE INDESIGN.webp', '1', '', 'course'), (230, 'quarkxpress-course-delhi', 'webexpert-python-course.webp', '1', '', 'course'), (231, 'adobe-premiere-course-delhi', 'ADOBE PREMIERE.webp', '1', '', 'course'), (232, 'graphic-expert-premium-course-delhi', 'GRAPHIC EXPERT PREMIUM.webp', '1', '', 'course'), (233, 'graphic-expert-standard', 'GRAPHIC EXPERT STANDARD.webp', '1', '', 'course'), (234, 'graphic-design-expert-delhi', 'GRAPHIC EXPERT STANDARD.webp', '1', '', 'course'), (235, 'adobe-after-effects-course', 'ADOBE AFTER EFFECTS.webp', '1', '', 'course'), (236, 'filmora-expert-course', 'Filmore.webp', '1', '', 'course'), (237, 'video-editing-standard', 'VIDEO EDITING STANDARD.webp', '1', 'html graphic', 'course'), (238, 'short-term-video-editing-course', 'VIDEO EDITING STANDARD.webp', '1', '', 'course'), (239, 'advance-video-editing-course-delhi', 'ADVANCE VIDEO EDITING COURSE.webp', '1', '', 'course'), (240, 'video-editing-expert-course-delhi', 'VIDEO EDITING EXPERT.webp', '1', '', 'course'), (241, 'video-editing-expert-premium-course', 'VIDEO EDITING EXPERT Premium.webp', '1', '', 'course'), (242, 'salesforce-course-online', '', '1', '', 'course'), (243, 'canva-course', 'Canva Course.webp', '1', '', 'course'), (244, 'smo-ads-expert-course', 'webexpert-python-course.webp', '1', '', 'course'), (245, 'advanced-python-course', 'Advanced Python Course.webp', '1', '', 'course'), (246, 'django-course-rohini', 'Django Expert Course.webp', '1', '', 'course'), (247, 'web-expert-with-python', 'webexpert-python-course.webp', '1', '', 'course'), (248, 'advance-web-development-with-python', 'Advance-Web-Development-with-Python.webp', '1', '', 'course'), (249, 'salesforce-admin-course', 'Salesforce Development Course.webp', '1', '', 'course'), (250, 'salesforce-development-course', 'Salesforce Admin Course.webp', '1', '', 'course'), (251, 'salesforce-expert-course', 'Salesforce Development Course.webp', '1', '', 'course'), (252, 'python-expert', 'webexpert-python-course.webp', '1', '', 'course'), (253, 'how-to-use-upi-link-in-html', 'html.jpg', '1', '', NULL), (254, 'how-to-combine-or-merge-array-in-php', '', '1', 'php', NULL), (255, 'full-rich-featured-ck-text-editor-ckeditor-5-2024', 'ck.jpg', '1', '', NULL), (256, 'ajax-file-upload-with-input-field-in-php', 'ajax.jpg', '1', '', NULL), (257, 'python-with-data-science', 'Python with Data Science.webp', '1', '', 'course'), (258, 'python-with-data-science-and-machine-learning', 'Python with Data Science.webp', '1', '', 'course'), (259, 'business-analytics-course', 'Business Intelligence.webp', '1', '', 'course'), (260, 'artificial-intelligence', 'AI.webp', '1', '', 'course'), (261, 'ethical-hacking', 'Ethical Hacking.webp', '1', '', 'course'), (262, 'devops-course', 'Devops (Development & Operations).webp', '1', '', 'course'), (263, 'aws-solution-architect-associate-course', 'AWS Solution Architect Associate.webp', '1', '', 'course'), (264, 'linux-expert-course', 'Linux Expert Course.webp', '1', '', 'course'), (265, 'advance-cloud-computing-course', '(AWS & Azure).webp', '1', '', 'course'), (266, 'top-10-free-seo-plugins-for-wordpress-websites', 'Seo-PluginsFor-Wordpress-Websites.png', '1', '', NULL), (267, 'best-seo-training-institute-in-pitampura', 'Best-Seo-Course-In-Rohini-Delhi.png', '1', 'Best SEO Training Institute in Pitampura', NULL), (268, 'best-meta-ads-course-in-rohini-and-pitampura-delhi', 'Meta-Ads-Course-In-Rohini-And-Pitampura-Delhi.png', '1', 'Best Meta Ads Course in Rohini', NULL), (269, 'full-stack-web-development-with-react-and-node-js', 'full-stack-web-dev-react-node-express-js.webp', '1', '', 'course'), (270, 'node-js', 'Node Js.webp', '1', '', 'course'), (271, 'express-js', 'express-js.webp', '1', '', 'course'), (272, 'my-sql', 'My SQL.webp', '1', '', 'course'), (273, 'dharmendra-kushwaha', '1735131119_15.webp', '1', NULL, NULL), (274, 'sandeep-kumar', '1735131761_16.webp', '1', NULL, NULL), (275, 'krishna-singh', '1735131877_17.webp', '1', NULL, NULL), (276, 'data-structures-and-algorithms-course', '', '1', '', 'course'), (277, 'mern-stack-developer-course', 'full-stack-web-dev-react-node-express-js.webp', '1', '', 'course'), (278, 'mean-stack-development-course', 'full-stack-web-dev-react-node-express-js.webp', '1', '', 'course'), (279, 'mean-and-mern-stack-full-stack-development-course', 'full-stack-web-dev-react-node-express-js.webp', '1', '', 'course'), (280, 'full-stack-with-mean-and-mern-course', 'full-stack-web-dev-react-node-express-js.webp', '1', '', 'course'), (281, 'top-50-computer-networking-mcq-s', '', '1', '', NULL), (282, 'mongodb', 'Mongo-db.jpg', '1', '', 'course'), (284, 'best-50-basic-computer-questions-answers', '', '1', '', NULL), (285, 'top-50-dbms-database-management-questions-with-answers', '', '1', '', NULL), (286, 'ieee-standard-in-details', '', '1', '', NULL), (287, 'difference-between-ip-address-and-mac-address-in-details', '', '1', '', NULL), (288, 'basic-computer', 'BASIC.png', '1', '', 'course'), (289, 'html-interview-questions-and-answers-2026', 'html-ques-&-ans.png', '1', '', NULL), (290, 'top-50-css-interview-questions-and-answers-2026', 'top-css-ans.jpeg', '1', '', NULL), (291, 'e-commerce-marketing-course', 'e-commerce-marketing.png', '1', '', 'course'), (292, 'how-to-apply-animation-in-css-question-answer', 'css.jpeg', '1', '', NULL), (293, 'all-semantic-elements-name', 'semantic.jpeg', '1', '', NULL), (294, 'website-design-interview-questions-answers-1-50-', 'website-design.png', '1', '', NULL), (295, 'python-interview-question-answer', 'python-interview.png', '1', '', NULL), (296, 'how-to-install-set-python-on-window', 'python-install.jpeg', '1', '', NULL), (297, 'how-to-set-background-image-in-wordpress-step-by-step-', 'set-background-image.png', '1', '', NULL), (298, 'how-to-use-html-dom-animation-in-javascript', '', '1', '', NULL), (299, 'jquery-question-and-answer-interview-exam-preparation', '', '1', '', NULL), (300, 'advanced-jquery-questions-and-answers-interview', '', '1', '', NULL), (301, '30-days-web-design-internship-get-offer-letter-certificate-live-project-experience-online-offline-', '', '1', '', NULL), (302, 'heading-of-blog', '165017-red-and-orange-abstract-texture-background-illustrator.jpg', '1', 'red and orange abstract', NULL); -- -------------------------------------------------------- -- -- Table structure for table `wdi_pages` -- CREATE TABLE `wdi_pages` ( `id` int(11) NOT NULL, `name` varchar(100) DEFAULT NULL, `url` varchar(100) DEFAULT NULL, `heading` varchar(200) DEFAULT NULL, `description` text DEFAULT NULL, `seotitle` varchar(100) DEFAULT NULL, `seokeywords` varchar(150) DEFAULT NULL, `seodescription` varchar(100) DEFAULT NULL, `status` int(11) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci; -- -- Dumping data for table `wdi_pages` -- INSERT INTO `wdi_pages` (`id`, `name`, `url`, `heading`, `description`, `seotitle`, `seokeywords`, `seodescription`, `status`) VALUES (3, 'Privacy policy', 'privacy-policy', 'Privacy policy heading', '<h2 data-section-id=\"15j8u03\" data-start=\"91\" data-end=\"112\"><span><strong data-start=\"94\" data-end=\"112\">Privacy Policy</strong></span></h2>\r\n<p data-start=\"114\" data-end=\"363\">At <strong data-start=\"117\" data-end=\"135\">Vidyam Classes</strong>, we are committed to protecting your privacy and ensuring the security of your personal information. This Privacy Policy explains how we collect, use, and safeguard your data when you visit our website or enroll in our courses.</p>\r\n<h3 data-section-id=\"1m6oo0p\" data-start=\"365\" data-end=\"398\"><span><strong data-start=\"369\" data-end=\"398\">1. Information We Collect</strong></span></h3>\r\n<p data-start=\"399\" data-end=\"594\">We may collect personal information such as your name, phone number, email address, residential address, academic details, and payment information when you register for our courses or contact us.</p>\r\n<h3 data-section-id=\"10ivn5y\" data-start=\"596\" data-end=\"634\"><span><strong data-start=\"600\" data-end=\"634\">2. How We Use Your Information</strong></span></h3>\r\n<p data-start=\"635\" data-end=\"691\">Your information may be used for the following purposes:</p>\r\n<ul data-start=\"692\" data-end=\"917\">\r\n<li data-section-id=\"1mk1syt\" data-start=\"692\" data-end=\"740\">To process course registrations and payments</li>\r\n<li data-section-id=\"1274dt2\" data-start=\"741\" data-end=\"793\">To provide academic services and student support</li>\r\n<li data-section-id=\"1iighaf\" data-start=\"794\" data-end=\"861\">To send important updates regarding classes, exams, and results</li>\r\n<li data-section-id=\"11qbgrl\" data-start=\"862\" data-end=\"917\">To improve our services and enhance user experience</li>\r\n</ul>\r\n<h3 data-section-id=\"1xzjyo8\" data-start=\"919\" data-end=\"945\"><span><strong data-start=\"923\" data-end=\"945\">3. Data Protection</strong></span></h3>\r\n<p data-start=\"946\" data-end=\"1200\">We implement appropriate technical and organizational security measures to protect your personal information from unauthorized access, misuse, or disclosure. However, please note that no method of data transmission over the internet is completely secure.</p>\r\n<h3 data-section-id=\"1s5f6cx\" data-start=\"1202\" data-end=\"1235\"><span><strong data-start=\"1206\" data-end=\"1235\">4. Sharing of Information</strong></span></h3>\r\n<p data-start=\"1236\" data-end=\"1416\">We do not sell, trade, or rent your personal information to third parties. Your information may only be shared when required by law or when necessary to provide essential services.</p>\r\n<h3 data-section-id=\"jgda7z\" data-start=\"1418\" data-end=\"1454\"><span><strong data-start=\"1422\" data-end=\"1454\">5. Cookies and Website Usage</strong></span></h3>\r\n<p data-start=\"1455\" data-end=\"1617\">Our website may use cookies to enhance user experience and analyze website traffic. You can choose to disable cookies through your browser settings if you prefer.</p>\r\n<h3 data-section-id=\"1hkaoxe\" data-start=\"1619\" data-end=\"1649\"><span><strong data-start=\"1623\" data-end=\"1649\">6. Contact Information</strong></span></h3>\r\n<p data-start=\"1650\" data-end=\"1737\">If you have any questions or concerns regarding this Privacy Policy, please contact us:</p>\r\n<ul data-start=\"1739\" data-end=\"1856\">\r\n<li data-section-id=\"jqse28\" data-start=\"1739\" data-end=\"1787\"><strong data-start=\"1741\" data-end=\"1753\">Address:</strong> A-1/28, Ground Floor, Janakpuri</li>\r\n<li data-section-id=\"afbnah\" data-start=\"1788\" data-end=\"1825\"><strong data-start=\"1790\" data-end=\"1800\">Email:</strong> <a class=\"decorated-link cursor-pointer\" rel=\"noopener\" data-start=\"1801\" data-end=\"1823\">info@vidyamclasses.com</a></li>\r\n<li data-section-id=\"1q1lsk4\" data-start=\"1826\" data-end=\"1856\"><strong data-start=\"1828\" data-end=\"1839\">Mobile:</strong> +91 9310464558</li>\r\n</ul>\r\n<hr data-start=\"1858\" data-end=\"1861\" />\r\n<p data-start=\"1863\" data-end=\"1969\">By using our website and enrolling in our courses, you agree to the terms outlined in this Privacy Policy</p>', 'Privacy policy seo title', 'Privacy policy seo keywords', 'Privacy policy meta description', 1), (4, 'Term and condition', 'term-and-condition', 'Term condition heading', '<h2 data-section-id=\"1urre66\" data-start=\"72\" data-end=\"97\"><span><strong data-start=\"75\" data-end=\"97\">Terms & Conditions</strong></span></h2>\r\n<p data-start=\"99\" data-end=\"295\">Welcome to <strong data-start=\"110\" data-end=\"128\">Vidyam Classes</strong>. By enrolling in our courses or using our website and services, you agree to comply with and be bound by the following Terms & Conditions. Please read them carefully.</p>\r\n<h3 data-section-id=\"12kp0y\" data-start=\"297\" data-end=\"330\"><span><strong data-start=\"301\" data-end=\"330\">1. Admission & Enrollment</strong></span></h3>\r\n<p data-start=\"331\" data-end=\"528\">Admission to any course at Vidyam Classes is subject to availability and successful payment of fees. The institute reserves the right to accept or reject any admission request without prior notice.</p>\r\n<h3 data-section-id=\"oyf0w0\" data-start=\"530\" data-end=\"556\"><span><strong data-start=\"534\" data-end=\"556\">2. Fees & Payments</strong></span></h3>\r\n<p data-start=\"557\" data-end=\"738\">All course fees must be paid on time as per the agreed schedule. Fees once paid are non-transferable. Late payments may result in suspension of classes or access to study materials.</p>\r\n<h3 data-section-id=\"1ohymeu\" data-start=\"740\" data-end=\"766\"><span><strong data-start=\"744\" data-end=\"766\">3. Student Conduct</strong></span></h3>\r\n<p data-start=\"767\" data-end=\"958\">Students are expected to maintain discipline and respect teachers and fellow students. Any misconduct, misbehavior, or damage to property may lead to suspension or termination without refund.</p>\r\n<h3 data-section-id=\"12ssfrs\" data-start=\"960\" data-end=\"985\"><span><strong data-start=\"964\" data-end=\"985\">4. Study Material</strong></span></h3>\r\n<p data-start=\"986\" data-end=\"1193\">All notes, test papers, videos, and study materials provided by Vidyam Classes are for personal educational use only. Reproduction, distribution, or sharing without written permission is strictly prohibited.</p>\r\n<h3 data-section-id=\"p2k738\" data-start=\"1195\" data-end=\"1230\"><span><strong data-start=\"1199\" data-end=\"1230\">5. Attendance & Performance</strong></span></h3>\r\n<p data-start=\"1231\" data-end=\"1394\">Regular attendance is mandatory. Vidyam Classes is not responsible for poor academic performance due to irregular attendance or lack of preparation by the student.</p>\r\n<h3 data-section-id=\"1wn4l6d\" data-start=\"1396\" data-end=\"1426\"><span><strong data-start=\"1400\" data-end=\"1426\">6. Changes to Schedule</strong></span></h3>\r\n<p data-start=\"1427\" data-end=\"1539\">The institute reserves the right to modify class schedules, faculty, course structure, or timing when necessary.</p>\r\n<h3 data-section-id=\"1isfhq1\" data-start=\"1541\" data-end=\"1575\"><span><strong data-start=\"1545\" data-end=\"1575\">7. Limitation of Liability</strong></span></h3>\r\n<p data-start=\"1576\" data-end=\"1753\">Vidyam Classes shall not be held responsible for any direct or indirect loss arising from the use of our services or inability to attend classes due to unforeseen circumstances.</p>\r\n<h3 data-section-id=\"1fa4wsc\" data-start=\"1755\" data-end=\"1785\"><span><strong data-start=\"1759\" data-end=\"1785\">8. Contact Information</strong></span></h3>\r\n<ul data-start=\"1786\" data-end=\"1903\">\r\n<li data-section-id=\"jqse28\" data-start=\"1786\" data-end=\"1834\"><strong data-start=\"1788\" data-end=\"1800\">Address:</strong> A-1/28, Ground Floor, Janakpuri</li>\r\n<li data-section-id=\"afbnah\" data-start=\"1835\" data-end=\"1872\"><strong data-start=\"1837\" data-end=\"1847\">Email:</strong> <a class=\"decorated-link cursor-pointer\" rel=\"noopener\" data-start=\"1848\" data-end=\"1870\">info@vidyamclasses.com</a></li>\r\n<li data-section-id=\"1q1lsk4\" data-start=\"1873\" data-end=\"1903\"><strong data-start=\"1875\" data-end=\"1886\">Mobile:</strong> +91 9310464558</li>\r\n</ul>\r\n<hr data-start=\"1905\" data-end=\"1908\" />\r\n<p data-start=\"1910\" data-end=\"2026\">By enrolling in our courses, you acknowledge that you have read, understood, and agreed to these Terms & Conditions.</p>', 'Term and condition seo title', 'Term and condition seo keywords', 'Term and condition seo meta description', 1), (5, 'Refund policy', 'refund-policy', 'Refund policy', '<h2 data-section-id=\"1hske3e\" data-start=\"67\" data-end=\"103\"><span><strong data-start=\"70\" data-end=\"103\">Vivekvidyam Classes Pvt. Ltd.</strong></span></h2>\r\n<p data-start=\"105\" data-end=\"264\"><strong data-start=\"105\" data-end=\"138\">Vivekvidyam Classes Pvt. Ltd.</strong> follows a transparent and fair refund process. Parents/guardians are requested to read the policy carefully before admission.</p>\r\n<h3 data-section-id=\"l6s6hs\" data-start=\"266\" data-end=\"305\"><span><strong data-start=\"270\" data-end=\"305\">1. Refund Application Procedure</strong></span></h3>\r\n<p data-start=\"306\" data-end=\"563\">Refund requests must be submitted in writing at the institute office.<br data-start=\"375\" data-end=\"378\" /> The date of submission of the written application will be considered for refund calculation.<br data-start=\"470\" data-end=\"473\" /> Verbal communication or phone/email requests will not be treated as valid refund requests.</p>\r\n<h3 data-section-id=\"cka239\" data-start=\"565\" data-end=\"598\"><span><strong data-start=\"569\" data-end=\"598\">2. Non-Refundable Charges</strong></span></h3>\r\n<p data-start=\"599\" data-end=\"661\">The following fees are non-refundable under any circumstances:</p>\r\n<ul data-start=\"662\" data-end=\"849\">\r\n<li data-section-id=\"nbysov\" data-start=\"662\" data-end=\"682\">Registration Fee</li>\r\n<li data-section-id=\"ymgx1f\" data-start=\"683\" data-end=\"715\">Admission Processing Charges</li>\r\n<li data-section-id=\"v998v2\" data-start=\"716\" data-end=\"756\">Scholarship/Test Fee (if applicable)</li>\r\n<li data-section-id=\"1ox8qqm\" data-start=\"757\" data-end=\"797\">Study Material Charges (once issued)</li>\r\n<li data-section-id=\"zwpt70\" data-start=\"798\" data-end=\"849\">Technology / Portal Access Fee (once activated)</li>\r\n</ul>\r\n<h3 data-section-id=\"e3zm19\" data-start=\"851\" data-end=\"913\"><span><strong data-start=\"855\" data-end=\"913\">3. Refund Structure (Excluding Non-Refundable Charges)</strong></span></h3>\r\n<ul data-start=\"914\" data-end=\"1132\">\r\n<li data-section-id=\"15o7opj\" data-start=\"914\" data-end=\"961\">Before batch commencement – <strong data-start=\"944\" data-end=\"959\">100% Refund</strong></li>\r\n<li data-section-id=\"zicnp6\" data-start=\"962\" data-end=\"1011\">Within 7 days of batch start – <strong data-start=\"995\" data-end=\"1009\">75% Refund</strong></li>\r\n<li data-section-id=\"1k43m8q\" data-start=\"1012\" data-end=\"1047\">Within 14 days – <strong data-start=\"1031\" data-end=\"1045\">50% Refund</strong></li>\r\n<li data-section-id=\"150wt9a\" data-start=\"1048\" data-end=\"1083\">Within 21 days – <strong data-start=\"1067\" data-end=\"1081\">25% Refund</strong></li>\r\n<li data-section-id=\"1g31q93\" data-start=\"1084\" data-end=\"1132\">After 4 weeks – <strong data-start=\"1102\" data-end=\"1130\">Refund on Pro-rata basis</strong></li>\r\n</ul>\r\n<h3 data-section-id=\"afe9el\" data-start=\"1134\" data-end=\"1172\"><span><strong data-start=\"1138\" data-end=\"1172\">4. Pro-Rata Refund Calculation</strong></span></h3>\r\n<p data-start=\"1173\" data-end=\"1232\">Refund Amount = Total Fee Paid – Cost of Classes Attended</p>\r\n<p data-start=\"1234\" data-end=\"1356\">Cost of Classes Attended =<br data-start=\"1260\" data-end=\"1263\" /> <strong data-start=\"1263\" data-end=\"1356\">(Total refundable course fee ÷ Total days for syllabus completion) × No. of days attended</strong></p>\r\n<h3 data-section-id=\"g0kwnk\" data-start=\"1358\" data-end=\"1386\"><span><strong data-start=\"1362\" data-end=\"1386\">5. Scholarship Cases</strong></span></h3>\r\n<p data-start=\"1387\" data-end=\"1597\">Refund will be calculated only on the actual amount paid by the parent.<br data-start=\"1458\" data-end=\"1461\" /> Scholarship benefits are not separately refundable.<br data-start=\"1512\" data-end=\"1515\" /> If scholarship terms are not fulfilled, refund eligibility may change accordingly.</p>\r\n<h3 data-section-id=\"yn49af\" data-start=\"1599\" data-end=\"1635\"><span><strong data-start=\"1603\" data-end=\"1635\">6. Mode & Timeline of Refund</strong></span></h3>\r\n<p data-start=\"1636\" data-end=\"1872\">Refund will be processed within <strong data-start=\"1668\" data-end=\"1690\">15–21 working days</strong> from approval.<br data-start=\"1705\" data-end=\"1708\" /> Payment will be made via <strong data-start=\"1733\" data-end=\"1774\">Bank Transfer or Account Payee Cheque</strong>.<br data-start=\"1775\" data-end=\"1778\" /> Refund will be credited only to the parent/guardian account provided at the time of admission.</p>\r\n<h3 data-section-id=\"1v4tcgp\" data-start=\"1874\" data-end=\"1905\"><span><strong data-start=\"1878\" data-end=\"1905\">7. Important Conditions</strong></span></h3>\r\n<ul data-start=\"1906\" data-end=\"2106\">\r\n<li data-section-id=\"155d3q\" data-start=\"1906\" data-end=\"2000\">No refund shall be granted in cases of disciplinary action or violation of institute rules</li>\r\n<li data-section-id=\"78q6gz\" data-start=\"2001\" data-end=\"2050\">Study material once issued cannot be returned</li>\r\n<li data-section-id=\"781s8y\" data-start=\"2051\" data-end=\"2106\">All disputes shall be subject to local jurisdiction</li>\r\n</ul>', 'refund policy in vidyam classes', 'vidyam classes ', 'check refund policy for vidyam classes', 1); -- -------------------------------------------------------- -- -- Table structure for table `wdi_pcontent` -- CREATE TABLE `wdi_pcontent` ( `id` int(11) NOT NULL, `url` varchar(255) NOT NULL, `heading` varchar(255) NOT NULL, `shortdesc` text DEFAULT NULL, `longdesc` longtext NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci; -- -- Dumping data for table `wdi_pcontent` -- INSERT INTO `wdi_pcontent` (`id`, `url`, `heading`, `shortdesc`, `longdesc`) VALUES (8, 'web-design-diploma-certificate-courses', 'web design', '<p>Learning Web Design Skills can be a valuable for everyone in this digital technology. Increasing demands of websites within peoples increasing day by day. Various companies are hiring skilled web designer any paying higher salary.</p>', '<p><strong>Web Development Institute</strong> offers <strong>Web Design courses</strong> from one month to 12 months duration. All courses are designed by professional trainers as per industry requirement. All courses fulfil the needs of our students as per their needs. They can call on +91-7683072463 or also WhatsApp here.</p>\r\n<p>Knowledge in web design is essential to get a professional job in the field of web design. Courses in web design at Web Development Institute help students to learn latest languages.</p>\r\n<p>Demands of web designer, digital executive and web developer within in IT Industry, Digital Industry, Print industry etc are on pick. There is a huge demands skilled web designer, web developer, digital marketing executive.</p>\r\n<p>At WDI, we provide the opportunity to gain the skills in web design languages and learn all the creative and technical aspects of developing quality website.</p>\r\n<p>In first phase we’ll look at the basic side of web design with theory concepts and step by step encourage our students to gain in-depth knowledge of web design, visual grammar, user experience, visual design, UI/UX concepts.</p>\r\n<p>During the training we’ll get our students on live projects to create high featured websites. Live project is all about to learn technical things, design concepts, hosting concepts, project management, SEO concepts, etc. We are assured that you will gain invaluable experience -in the term training, career counselling, project, job placement, certification, environment and many more.</p>'), (17, 'web-development-diploma-certificate-courses', 'Web Development', '<p>Being a one of the best Web Development Institute in Rohini Delhi, WDI offers diploma and certificates courses in Web development for freshers, professionals and experts. Our courses are based suitable for 10<sup>th</sup>, 12<sup>th</sup>, graduate, IT professional, Engineers. Our training process are flexible in all point of view. We deeply understand importance of time along with money and provides quality training to our students.</p>', '<p>At WDI our team are dedicated to deliver quality training and better career opportunities for the students, professionals and businessman. Our courses are available from one month to 18 months. If you are interested to learn <strong>website design & website development along with graphic design and digital marketing</strong>, we have some specialized courses available. These types of courses are available from 6 Months to 18 months. Ore certificates courses in web developments are also a best option to learn and improve web development skills in short period of time.</p>'), (21, 'classroom-training', 'Classroom Training at Web Development Institute', 'Our classroom training is based on latest digital technology. All Courses are designed by professional trainer which covers basic to advance concepts software’s, languages. In Our classroom training classes happens generally 1 hr to 1.30 hrs. Our batches in classroom training are flexible, that’s mean there will be 4-5 students in a batch. Apart from this timing for batches are also flexible. Students can attend batches morning, afternoon , evening batches. Our morning batch starts from 9 A.M and last bast at 7.30 P.M. Our training is available in alternate days, weekdays and weekend based. Our classroom training includes various features like unlimited practice session, doubt session and many more.', ''), (22, 'online-training', 'Online Training at Web Development Institute', 'At Web Development Institute more than 50+ courses are available in online mode. Our all-online courses are available across worldwide. Our online training is one to one live training. Our online training process is simple and based on latest technology. You can attend our online classes as per your comfort zone on daily basis, alternate days, weekend basis. Web development Institute is one of the best training institute for online courses in web design, web development, digital marketing. All courses’ classes timings is flexible as per your country standard time. ', ''), (23, 'fastrack-training', 'Fastrack Courses at Web development Institute', 'Web Development Institute is a one of the reputed training institute in Rohini, Delhi which offers more than 50+ courses in web design, web development, Digital marketing, Graphic Design, Software Development in online and classroom mode. All courses are available in FastTrack and crash mode. I.e., if you have less time and want to learn in short period of time than you can join us easily. Key features of our Fastrack training process are that we cover all the concepts like a regular class. No Single topic skip in Fastrack classes.', ''), (24, 'digital-marketing-diploma-certificate-courses', 'Digital Marketing', '<p>Increasing demands of Digital Marketing, SEO Executive, SMO executive, SMM expert within company day by day. Lots of services, products, businesses becoming online day by day within the peoples. Adoption of internet within last few years within the peoples, increasing chances of branding business, services, products etc on the internet. If you have a interest in digital technology than digital marketing courses can be a grate opportunity for you and your career.</p>', '<p>Digital marketing involves all the concepts related promotion of website on various platforms like search engines, social media, ads, branding, promotions etc. Digital marketing courses are designed by professional trainers to give a excellent career in the field of digital technology.</p>\r\n<p>Web Development Institute offers short term and diploma courses in digital marketing in classroom and online mode to the students across the world. Our digital marketing courses are top rated courses which includes practical as well as theoretical knowledge in digital marketing.</p>\r\n<p>Our training process involves latest technology and trends of digital marketing. During the training our student learn real-world concepts and live project work. IT professional trainers trained students according to their knowledge.</p>'), (25, 'web-design-development-courses', 'Web design development ', '<p dir=\"ltr\">Web design, web development, and digital marketing are the top three modern skill sets that can secure your future. This is because the demand for such professionals is high, and if you learn from the best web development institute, you can get a high-paying job.</p>\r\n<p dir=\"ltr\">These professionals are required in many IT, digital, and print industries. So, if you want to get the opportunity to work in one of these industries, then you need to learn graphic design.</p>\r\n<p dir=\"ltr\">But all you need to have a practical and implementable training course that brings up the same. Therefore, the Web Development institute has designed these three courses using the latest trends and technologies. If you take the course, you learn everything practically, work on real projects, face quizzes, and explore new methods to refine your creativity. </p>', '<p dir=\"ltr\">If you enroll in our web design courses, you learn the tools like HTML, CSS, and other essential tools. So, that is to understand visual layouts, user experience, and UI/UX design.</p>\r\n<p dir=\"ltr\">In the web development training program, we have incorporated all the tools and techniques a developer needs to know. Some of the tools are Java, jQuery, MySQL, and Wordpress.</p>\r\n<p dir=\"ltr\">Many students also want to learn digital marketing to take our course, which is the best digital marketing course in Delhi. And that teaches you SEO, SMP, PPC, Email, and Social Media marketing in that course.</p>\r\n<p dir=\"ltr\">Besides this, you get complete and comprehensive access to all the learning modules. So, contact us on +91-7683072463 or WhatsApp here.</p>\r\n<p dir=\"ltr\">So, are you ready to get the practical, complete, high-quality, and simplified courses? Then contact us to get free counseling.</p>'), (26, 'graphic-design-courses', 'Graphic design Course', 'Learn Graphic Designing Courses from Web Development Institute, Join Best Graphic Designing Institute in Rohini Delhi and become a Professional Graphic Designer. ', 'graphic'), (27, 'video-editing-courses', 'VIDEO EDITING COURSE', 'video-editing-courses', 'video-editing-courses'), (28, 'admission-procedure', ' Admission Procedure', '', ''), (29, 'master-it-courses', 'Master Courses', 'Master Courses', 'Master Courses'), (30, 'class-6-html-projects', 'Class 6 HTML Projects', 'HTML (HyperText Markup Language) is the <strong data-start=\"857\" data-end=\"887\">building block of websites</strong>, and learning it early sets a strong tech foundation. At our <a href=\"../../\"><strong data-start=\"949\" data-end=\"978\">Web Development Institute</strong></a>, we offer a <strong data-start=\"991\" data-end=\"1023\">Class 6 HTML Projects Course</strong> specially designed for school students who want to learn how to build and structure web pages in a simple, engaging, and creative way.', '<p><strong>Why HTML for Class 6 Students?</strong></p>\r\n<ul>\r\n<li>HTML is the easiest language to start coding</li>\r\n<li>Helps kids express creativity by making web pages</li>\r\n<li>Aligns with school curriculum & computer lab activities</li>\r\n<li>Encourages structured thinking and logic</li>\r\n<li>Prepares kids for more advanced technologies like CSS, JavaScript & Python</li>\r\n</ul>\r\n<p><strong>What Will Students Learn?</strong></p>\r\n<ul>\r\n<li>Basic structure of a web page using HTML</li>\r\n<li>Text formatting (bold, italic, headings)</li>\r\n<li>Adding images, links, and lists</li>\r\n<li>Creating tables and layout using HTML tags</li>\r\n<li>Writing clean, readable code</li>\r\n</ul>\r\n<p><strong>Top Class 6 HTML Projects at Our Web Development Institute</strong><br />Here’s a list of interactive and creative projects students will complete during the course:</p>\r\n<p><strong>1. My Profile Web Page</strong><br />Content: Name, class, hobbies, photo, and a brief introduction<br /><strong>2. My School Website</strong><br />Content: School name, location, principal\'s name, subjects offered<br /><strong>3.Birthday Invitation Card</strong><br />Content: A colorful invitation with date, time, and party location<br /><strong>4. Animal Information Table</strong><br />Content: List of animals, their type (mammal/reptile), habitat, and image<br /><strong>5. My Travel Wish List</strong><br />Content: List of 5 dream destinations with pictures and country names<br /><strong>6. Student ID Card</strong><br />Content: Student name, photo, class, roll number, and contact info<br /><strong>7. My Favorite Subject Page</strong><br />Content: Explanation of their favorite subject and why they love it</p>\r\n<p><strong>Why Choose Our Web Development Institute?</strong></p>\r\n<ul>\r\n<li>Hands-on training with real-time coding</li>\r\n<li>Ideal for Class 4 to 8 school students</li>\r\n<li>100% practical & interactive learning</li>\r\n<li>Weekly assignments and mini projects</li>\r\n<li>Student-friendly trainers with school-level experience</li>\r\n<li>Printed notes, cheat sheets & course certificate</li>\r\n</ul>\r\n<p><strong>Project Kit Includes:</strong></p>\r\n<ul>\r\n<li>Pre-coded HTML templates</li>\r\n<li>Practice sheets for homework</li>\r\n<li>Project-based activity booklet</li>\r\n<li>Concept-based quizzes</li>\r\n<li>Final project presentation</li>\r\n<li>Portfolio starter page for kids</li>\r\n</ul>\r\n<p><strong>Benefits for Students</strong></p>\r\n<ul>\r\n<li>Boosts creativity and confidence</li>\r\n<li>Improves computer handling and typing</li>\r\n<li>Enhances school project submissions</li>\r\n<li>Creates interest in technology and design</li>\r\n<li>Builds base for future coding languages (CSS, JS, Python)</li>\r\n</ul>\r\n<p><strong>Ideal For:</strong></p>\r\n<ul>\r\n<li>Students in Class 6 or above</li>\r\n<li>Kids who enjoy art, computers, and creativity</li>\r\n<li>School students preparing for IT exhibitions</li>\r\n<li>Early coders interested in web design</li>\r\n</ul>'), (31, 'class-7-html-projects', 'Class 7 HTML Projects', 'After learning basic HTML, Class 7 students are ready to build <strong data-start=\"869\" data-end=\"896\">advanced web structures</strong>. At our <a href=\"../../\"><strong>Web Development Institute</strong></a>, we offer project-based HTML training that teaches students how to build <strong data-start=\"1008\" data-end=\"1054\">professional-looking, structured web pages</strong>. This course sets a strong foundation for learning CSS, JavaScript, and even full-stack development in higher classes.', '<p><strong>Why Learn HTML in Class 7?</strong></p>\r\n<ul>\r\n<li>Strengthens school computer subject understanding</li>\r\n<li>Improves creativity and logic</li>\r\n<li>Helps in science fairs, exhibitions, and IT projects</li>\r\n<li>Makes students comfortable with coding before Class 8–12 tech subjects</li>\r\n<li>Perfect bridge before introducing CSS and JavaScript</li>\r\n</ul>\r\n<p><strong>Class 7 HTML Projects – Hands-On Practice List</strong><br />Here are the top student-friendly HTML projects taught at our institute:<br /><strong>1. Student Resume Web Page</strong><br />Features: Personal info, skills, hobbies, and contact details<br /><strong>2. Tourism Information Website</strong><br />Features: Web page about favorite tourist places with map, images, and detail<br /><strong>3. HTML Contact Form Layout</strong><br />Features: Simple form with name, email, subject, and message<br /><strong>4. My Favorite Sports Page</strong><br />Features: List of sports, player photos, and rules of the game<br /><strong>5. School Time Table Page</strong><br />Features: Weekly timetable with subjects, days, and timings<br /><strong>6. Online Shopping Product Page</strong><br />Features: List of 3–5 products with name, price, and photo<br /><strong>7. Simple Portfolio Web Page</strong><br />Features: Personal introduction, project list, skills, and goals</p>\r\n<p><strong>What Class 7 Students Learn</strong></p>\r\n<ul>\r\n<li>Organizing page sections using <div> and <section></li>\r\n<li>Creating forms and tables</li>\r\n<li>Combining layout and content logically</li>\r\n<li>Understanding nesting and page hierarchy</li>\r\n<li>Best practices for indentation and code cleanliness</li>\r\n<li>Prepares students for adding CSS and interactivity later</li>\r\n</ul>\r\n<p><strong>Course Features</strong></p>\r\n<ul>\r\n<li>Structured learning with real-life examples</li>\r\n<li>Interactive projects + home assignments</li>\r\n<li>Student portfolio building</li>\r\n<li>Certificate upon completion</li>\r\n<li>Offline and online mode available</li>\r\n<li>Regular quizzes, reviews, and parental updates</li>\r\n</ul>\r\n<p><strong>Project Kit for Class 7 HTML Students</strong><br />Each student receives:</p>\r\n<ul>\r\n<li>HTML project templates</li>\r\n<li>Practice worksheet booklets</li>\r\n<li>Pre-designed layout examples</li>\r\n<li>Concept quiz sheets</li>\r\n<li>Student portfolio folder (digital & print)</li>\r\n<li>HTML syntax & tags reference chart</li>\r\n</ul>\r\n<p><strong>Ideal For:</strong><br /><strong>Students from Class 7 (CBSE/ICSE)</strong><br /><strong>School project work and IT model exhibits</strong><br /><strong>Kids planning to learn CSS/JS next</strong><br /><strong>Young coders building their first digital portfolio</strong></p>'), (32, 'school-python-projects', 'School Python Projects', '<p data-start=\"873\" data-end=\"1234\">Python is the world’s most popular and beginner-friendly programming language—perfect for school students exploring <strong data-start=\"989\" data-end=\"1039\">logic, automation, and application development</strong>. At our <a href=\"../../\"><strong data-start=\"1048\" data-end=\"1077\">Web Development Institute</strong></a>, we offer a <strong data-start=\"1090\" data-end=\"1123\">School Python Project Program</strong> that helps students learn coding through <strong data-start=\"1165\" data-end=\"1193\">fun, real-world projects</strong> with guidance from experienced trainers.</p>\r\n<p data-start=\"1236\" data-end=\"1376\">Whether for school curriculum, exhibitions, competitions, or personal growth, our projects help students <strong data-start=\"1341\" data-end=\"1375\">code smart and think logically</strong>.</p>', '<p><strong>Who Can Join?</strong></p>\r\n<ul>\r\n<li>Students from Class 6 to Class 12</li>\r\n<li>Beginners with no prior coding experience</li>\r\n<li>School students preparing for IT fairs, olympiads, and internal assessments</li>\r\n<li>ICSE/CBSE computer science students</li>\r\n</ul>\r\n<p><strong>Sample School Python Projects by Class</strong><br /><strong>Class 6–7:</strong> Basic Python Projects</p>\r\n<ul>\r\n<li>Calculator (Add, Subtract, Multiply, Divide)</li>\r\n<li>Age Checker Program</li>\r\n<li>Even or Odd Checker</li>\r\n<li>Multiplication Table Generator</li>\r\n<li>Number Swapping Program</li>\r\n</ul>\r\n<p><strong>Class 8–9: Intermediate Python Projects</strong></p>\r\n<ul>\r\n<li>Marksheet Grade Calculator</li>\r\n<li>Temperature Converter (Celsius ↔ Fahrenheit)</li>\r\n<li>Simple Interest Calculator</li>\r\n<li>ATM Simulation (Deposit, Withdraw)</li>\r\n<li>Number Guessing Game using Random Module</li>\r\n</ul>\r\n<p><strong>Class 10–12: Advanced Python Projects</strong></p>\r\n<ul>\r\n<li>Student Report Card System</li>\r\n<li>Library Management System</li>\r\n<li>Quiz Game with Score</li>\r\n<li>Billing System (Grocery or Bookstore)</li>\r\n<li>Python + MySQL Projects (Data Storage and Retrieval)</li>\r\n</ul>\r\n<p><strong>Skills Students Learn</strong></p>\r\n<ul>\r\n<li>Variables, data types, and operators</li>\r\n<li>Conditional logic: if, elif, else</li>\r\n<li>Loops: for, while, and nested loops</li>\r\n<li>Functions and modular programming</li>\r\n<li>File handling basics (.txt)</li>\r\n<li>Integration with MySQL for Class 10+</li>\r\n<li>Error handling and debugging</li>\r\n</ul>\r\n<p><strong>Project Kit Includes</strong></p>\r\n<ul>\r\n<li>Fully working .py project files</li>\r\n<li>Step-by-step project instructions</li>\r\n<li>Logic explanation sheets</li>\r\n<li>Mini coding exercises and quizzes</li>\r\n<li>Final project report template (school-ready)</li>\r\n<li>Certificate of completion</li>\r\n</ul>\r\n<p><strong>Why Choose Our Web Development Institute?</strong></p>\r\n<ul>\r\n<li>Live classes with trained developers</li>\r\n<li>100% practical training approach</li>\r\n<li>Weekly logic-building challenges</li>\r\n<li>Ideal for school curriculum & hobby learning</li>\r\n<li>Parent-teacher progress reporting</li>\r\n<li>Offline + online class support</li>\r\n</ul>\r\n<p><strong>Bonus: Python + Web Development Track</strong></p>\r\n<ul>\r\n<li>We also offer a combined Python + Web Development track where students learn:</li>\r\n<li>Python for backend logic</li>\r\n<li>HTML, CSS, JavaScript for front-end</li>\r\n<li>Integration with MySQL database</li>\r\n<li>Basics of Flask or Django (for Class 11–12)</li>\r\n</ul>\r\n<p> </p>'), (33, 'school-html-projects-for-class-6-10', 'School HTML Projects for Class 6–10', '<p data-start=\"791\" data-end=\"1010\">At <a href=\"../../\"><strong>webdevelopmentinstitute</strong></a>, we offer hands-on HTML training for <strong data-start=\"850\" data-end=\"885\">school students (Class 6 to 10)</strong> through project-based learning. Students build real web pages while learning structure, layout, and presentation using HTML.The <strong data-start=\"3367\" data-end=\"3416\">School HTML Projects Course </strong> empowers students to turn their imagination into websites. With real-time coding practice and expert support, students not only learn HTML—they build a foundation for future web development.</p>\r\n<p data-start=\"1012\" data-end=\"1135\">The course aligns with <strong data-start=\"1035\" data-end=\"1069\">school-level computer subjects</strong>, helping students become confident with coding from an early age.</p>', '<p><strong>Who Can Join?</strong></p>\r\n<ul>\r\n<li>Students from Class 6 to Class 10</li>\r\n<li>Beginners with no prior coding experience</li>\r\n<li>Kids interested in web design and creativity</li>\r\n<li>Students preparing for school exhibitions, competitions, or projects</li>\r\n</ul>\r\n<p><strong>What Students Will Learn</strong></p>\r\n<ul>\r\n<li>Structure of a web page using HTML</li>\r\n<li>Formatting text, adding images and links</li>\r\n<li>Creating tables, lists, and headers</li>\r\n<li>Designing simple forms (Class 8–10)</li>\r\n<li>Embedding multimedia (video/audio)</li>\r\n<li>Clean code writing and tag nesting</li>\r\n</ul>\r\n<p><strong>Class-Wise HTML Projects</strong><br />Class 6 – Foundation Projects</p>\r\n<ul>\r\n<li>My Profile Page</li>\r\n<li>My Pet Animal Info</li>\r\n<li>School Introduction Page</li>\r\n<li>Digital Birthday Invite</li>\r\n<li>Places I Want to Visit Page</li>\r\n</ul>\r\n<p><strong>Class 7 – Beginner Layout Projects</strong></p>\r\n<ul>\r\n<li>Personal Resume Page</li>\r\n<li>Fruit Nutrition Table</li>\r\n<li>Hobbies & Interests Webpage</li>\r\n<li>Travel Destination Showcase</li>\r\n<li>Student Portfolio Page</li>\r\n</ul>\r\n<p><strong>Class 8 – Layout & Forms</strong></p>\r\n<ul>\r\n<li>Class Timetable</li>\r\n<li>HTML Contact Form (Frontend only)</li>\r\n<li>Image Gallery Page</li>\r\n<li>Mini Blog Page</li>\r\n<li>Student Feedback Form</li>\r\n</ul>\r\n<p><strong>Class 9–10 – Advanced Project Designs</strong></p>\r\n<ul>\r\n<li>Online Product Catalog</li>\r\n<li>School Admission Form</li>\r\n<li>Restaurant Menu Web Page</li>\r\n<li>School Magazine Homepage</li>\r\n<li>Quiz Instructions/Notice Page</li>\r\n</ul>\r\n<p><strong>Course Features at Web Development Institute.</strong></p>\r\n<ul>\r\n<li>Live and Online Class Modes</li>\r\n<li>Fully Practical Learning with Examples</li>\r\n<li>Real Project Assignments</li>\r\n<li>Certificate on Completion</li>\r\n<li>Flexible Batches (Weekend/Evening)</li>\r\n<li>Parent Progress Updates</li>\r\n</ul>\r\n<p><strong>Project Kit Includes</strong></p>\r\n<ul>\r\n<li>Project .html files</li>\r\n<li>Practice Worksheets</li>\r\n<li>Printable HTML Tags Chart</li>\r\n<li>Quiz & Mini Tests</li>\r\n<li>School Project File Templates</li>\r\n</ul>\r\n<p><strong>Why Choose Web Development Institute?</strong></p>\r\n<ul>\r\n<li>Over a decade of student-friendly teaching</li>\r\n<li>Experienced faculty for school coding</li>\r\n<li>Modern labs and structured material</li>\r\n<li>Affordable fees for all levels</li>\r\n<li>Personalized support & guidance</li>\r\n</ul>'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_projects` -- CREATE TABLE `wdi_projects` ( `id` int(11) NOT NULL, `maincat` varchar(255) NOT NULL, `subcat` varchar(255) DEFAULT NULL, `image` varchar(255) DEFAULT NULL, `imagealt` varchar(250) DEFAULT NULL, `student` varchar(255) DEFAULT NULL, `course` varchar(255) DEFAULT NULL, `projectname` text DEFAULT NULL, `guidedby` varchar(255) DEFAULT NULL, `status` int(11) DEFAULT NULL, `url` text DEFAULT NULL, `youtube` text DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_projects` -- INSERT INTO `wdi_projects` (`id`, `maincat`, `subcat`, `image`, `imagealt`, `student`, `course`, `projectname`, `guidedby`, `status`, `url`, `youtube`) VALUES (1, 'web-design', NULL, 'mamtaagroveda.webp', 'mamtaagroveda', 'Raju Kumar', 'Web Design & Web Development', 'mamtaagroveda', 'Rajesh Sir', 1, 'http://mamtaagroveda.com', ''), (2, 'web-design', NULL, 'abeautifulmindclinic.webp', 'abeautifulmindclinic', 'Ram Bhajan', 'Web Design ', 'Abeautifulmindclinic', 'Rajesh Sir', 1, 'https://abeautifulmindclinic.com', ''), (3, 'web-design', NULL, 'dushyantworld.webp', 'dushyantworld', 'Rahul Kumar', 'Web Design & Web Development', 'Dushyantworld', 'Rajesh Sir', 1, 'https://dushyantworld.com', ''), (4, 'web-design', NULL, 'hamptonfirealarm.webp', 'hamptonfirealarm', 'Nisha Shah', 'Web Design & Web Development', 'hamptonfirealarm', 'Rajesh Sir', 1, 'http://hamptonfirealarm.co.in', ''), (5, 'web-design', NULL, 'travellingsouls.webp', 'travellingsouls', 'Aman Singh', 'Web Design & Web Development', 'travellingsouls', 'Rajesh Sir', 1, 'https://travellingsouls.co.in', ''), (6, 'web-design', NULL, 'dhanashreeimpex.webp', 'dhanashreeimpex', 'Deepak Hooda', 'Web Design & Web Development', 'dhanashreeimpex', 'Rajesh Sir', 1, 'http://dhanashreeimpex.com', ''), (7, 'web-design', NULL, 'choudharyinteriors.webp', 'choudharyinteriors', 'Amar Singh', 'Web Design', 'choudharyinteriors', 'Rajesh Sir', 1, 'http://choudharyinteriors.com', ''), (8, 'web-design', NULL, 'astroupchar.webp', 'astroupchar', 'Raju Singh', 'Web Design', 'Astroupchar', 'Rajesh Sir', 1, 'https://astroupchar.in', ''), (9, 'web-design', NULL, 'completerajasthan.webp', 'completerajasthan', 'Arjun Das', 'Web Design & Web Development', 'Completerajasthan', 'Rajesh Sir', 1, 'https://completerajasthan.com/', ''), (11, 'web-design', NULL, 'decranindustries.png', 'decranindustries', 'Bablu Kumar', 'Web Development', 'jac', 'Rajesh Sir', 1, 'https://decranindustries.com/jac/', ''), (12, 'web-design', NULL, 'arcrecative.png', 'arcreative', 'Manish Bharti', 'Web Designer', 'Arcreative', 'Rajesh Sir', 1, 'https://arcreative.co.in/', ''), (13, 'web-design', NULL, 'paperpagama.png', 'paperpagama', 'Manish Bharti', 'Web Designer', 'PaperPajama', 'Rajesh Sir', 1, 'https://paperpajama.com', ''), (14, 'web-design', NULL, 'bombaybulter.png', 'bombaybutlers', 'Guddu Kumar', 'Advance Full Stack Developer Expert', 'Bombay Butlers', 'Rajesh Sir', 1, 'https://bombaybutlers.co.nz/', ''), (15, 'web-design', NULL, 'beliram.png', 'beliram', 'Manish Bharti', 'Web Designer', 'Beli Ram', 'Rajesh Sir', 1, 'https://beliramlegacy.com/', ''), (16, 'web-design', NULL, 'greenpure.png', 'greenpure', 'Guddu Kumar', 'Advance Full Stack Developer Expert', 'Green Pure', 'Rajesh Sir', 1, 'https://greenpurero.com/', ''), (17, 'web-design', NULL, 'nidhimaternity.png', 'nidhimaternity', 'Manish Bharti', 'Web Designer', 'Nidhi Maternity', 'Rajesh Sir', 1, 'https://nidhimaternitycentre.com/', ''), (18, 'web-design', NULL, 'camangla.png', 'camangla', 'Manish Bharti', 'Web Designer', '', 'Rajesh Sir', 1, 'https://camangla.com/', ''), (19, 'web-design', NULL, 'kontrolsquadsecurities.png', 'kontrolsquadsecurities', 'Jatin', 'Web Development', 'Kontrolsquad Securities', 'Rajesh Sir', 1, 'https://kontrolsquadsecurities.com/', ''), (20, 'web-design', NULL, 'vishalinstitute.png', 'vishalinstitute', 'Guddu Kumar', 'Advance Full Stack Developer Expert', 'Vishal Institute', 'Rajesh Sir', 1, 'https://vishalinstitute.com', ''), (21, 'web-design', NULL, 'palco.png', 'palco', 'Jatin', 'Web Development', 'Palco', 'Rajesh Sir', 1, 'http://palco.co.in/', ''), (22, 'web-design', NULL, 'mpsswitches.png', 'mpsswitches', 'Guddu Kumar', 'Advance Full Stack Developer Expert', 'MPS Switches', '', 1, 'https://mpsswitches.com', ''), (23, 'web-design', NULL, 'vedicessentials.png', 'vedicessentials', 'Manish Bharti', 'Web Designer', 'vedicessentials', 'Rajesh Sir', 1, 'https://vedicessentials.in/', ''), (24, 'web-design', NULL, 'mudracashforgold.png', 'mudracashforgold', 'Bablu Kumar', 'Web Development', 'Mudra Cash for Gold', 'Rajesh Sir', 1, 'https://mudracashforgold.com/', ''), (25, 'web-design', NULL, 'pshealthcare-net.png', 'pshealthcare-net', 'Vikash Kumar', 'Full Stack Developer', 'PS Health Care', 'Rajesh Sir', 1, 'https://pshealthcare.net/', ''), (26, 'web-design', NULL, 'delhihospital.png', 'delhihospital', 'Sakesh Kumar', 'Web Development', 'Delhi Hospital', 'Rajesh Sir', 1, 'https://delhihospital.co.in/', ''), (27, 'web-design', NULL, 'lightbasket.png', 'lightbasket', 'Manish Bharti', 'Web Designer', 'Light Basket', 'Rajesh Sir', 1, 'http://lightbasket.com/', ''), (28, 'web-design', NULL, 'mindx (2).png', 'mindx', 'Manish Bharti', 'Web Designer', 'Mindx', 'Rajesh Sir', 1, 'https://mindx.in/', ''); -- -------------------------------------------------------- -- -- Table structure for table `wdi_result` -- CREATE TABLE `wdi_result` ( `id` int(11) NOT NULL, `image` varchar(255) DEFAULT NULL, `imageAlt` varchar(255) DEFAULT NULL, `status` varchar(255) DEFAULT NULL, `category` varchar(50) DEFAULT NULL, `link` varchar(400) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_result` -- INSERT INTO `wdi_result` (`id`, `image`, `imageAlt`, `status`, `category`, `link`) VALUES (5, 'neet1.webp', 'neet1', '1', 'Toppers_NEET', ''), (6, 'neet2.webp', 'neet2', '1', 'Toppers_NEET', ''), (7, 'jee2.jpg', 'jee2.jpg', '1', 'Toppers_JEE', ''), (8, 'result.jpg', 'result.jpg', '1', 'Toppers_JEE', ''); -- -------------------------------------------------------- -- -- Table structure for table `wdi_scholarship` -- CREATE TABLE `wdi_scholarship` ( `id` bigint(20) UNSIGNED NOT NULL, `name` varchar(100) NOT NULL, `email` varchar(100) NOT NULL, `phone` varchar(15) NOT NULL, `class` varchar(10) NOT NULL, `exam` varchar(20) NOT NULL, `message` text DEFAULT NULL, `created_at` timestamp NULL DEFAULT current_timestamp() ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_scholarship` -- INSERT INTO `wdi_scholarship` (`id`, `name`, `email`, `phone`, `class`, `exam`, `message`, `created_at`) VALUES (1, 'asdfasdfasdf', 'email@gmail.com', '4569871230', 'af', 'af', 'message', '2005-04-26 05:00:40'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_seo` -- CREATE TABLE `wdi_seo` ( `id` int(11) NOT NULL, `url` varchar(255) DEFAULT NULL, `seotitle` varchar(255) DEFAULT NULL, `seokeyword` varchar(255) DEFAULT NULL, `seodesc` text DEFAULT NULL, `status` int(11) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -------------------------------------------------------- -- -- Table structure for table `wdi_service` -- CREATE TABLE `wdi_service` ( `id` int(11) NOT NULL, `url` varchar(400) CHARACTER SET latin1 COLLATE latin1_swedish_ci DEFAULT NULL, `title` varchar(255) CHARACTER SET latin1 COLLATE latin1_swedish_ci DEFAULT NULL, `description` longtext DEFAULT NULL, `status` varchar(255) CHARACTER SET latin1 COLLATE latin1_swedish_ci DEFAULT NULL, `pagetype` varchar(50) CHARACTER SET latin1 COLLATE latin1_swedish_ci NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_service` -- INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (3, 'best-responsive-bootstrap-courses', 'Bootstrap', '<p>Every day the technology is advancing to make things easier and simpler to work with. The highest example of this would be Bootstrap. Bootstrap is a FOSS(free and open – source) front-end framework for developing websites and applications. It has templates for languages like HTML and CSS for, fonts, backgrounds, typography, etc.</p>\r\n<p>It was developed initially for the Twitter framework to maintain consistency across internal tools. Now after this many websites are now opting for Bootstrap and is not just limited to twitter framework. This helps in designing websites faster and easier. And now has javascript plugins to some extent. It\'s basically a pre-built set of files whereas in other languages everything has to be built from scratch, thus becoming popular in the market.</p>\r\n<p>Thus <strong>Web Development Institute </strong>came up with this idea to introduce bootstrap as a course for our students to provide a complete package of web designing knowledge. We try our best to provide the courses which will be resourceful to excel and succeed in any MNC.</p>', '1', 'course'), (4, 'best-javascript-course-in-delhi', 'Javascript', '<p>One of the core technologies of world wide web, <strong>Javascript</strong> helps us in enhancing web pages by making them more interactive and thus is an essential part of web applications. Almost all websites currently use the javascript,and all the browsers have a javascript engine to execute it.It is different from the java OOP language thus has its own applications. <br /><strong>Some of its applications include:<br /></strong></p>\r\n<ol>\r\n<li>Animation of web pages, fading them, resizing the content, and other transition elements.</li>\r\n<li>Some interactive elements like audio, video, animations etc.</li>\r\n<li>Loading new page content, submitting responses, changing the page without reloading and much more.</li>\r\n</ol>\r\n<p>Now every website has become much responsive, and our whole work has now become internet dependent. Thus the increase in demand of the JavaScript has also increased. Keeping all these opportunities in mind, we at Web Development Institute provide exclusive courses in JavaScript for you.</p>', '1', 'course'), (5, 'best-jquery-course-in-delhi', 'JQuery', '', '1', 'course'), (6, 'best-angular-course-in-rohini-delhi', 'Angular Js', '<p><strong>AngularJS</strong> is an open-source (open for audience collaboration) front-end web application framework based inJavaScript. It is maintained by Google and a team of other individuals so as to solve the problems that we face while forming single page based applications.</p>\r\n<p>The application framework aims at testing and development of applications by providing a framework for the client-side model controller and model-view view-model along with components used in internet rich applications. Coming to the single page applications, they are websites or web applications which are used dynamically rewriting the current page without refreshing or re-routing to other pages of the website. This helps to avoid the unnecessary interruption for user experience between successive pages.</p>\r\n<p>Due to advancement and making internet time more effortless AngularJS came into play.</p>\r\n<p>This is why we now have a course dedicated solely to <strong>AngularJS Course</strong> which involves its theory as well as real-life practical applications.</p>', '1', 'course'), (7, 'best-javascript-and-jquery-course-institute', 'Javascript & JQuery', '<p>One of the core technologies of world wide web, javascript helps us in enhancing web pages by making them more interactive and thus is an essential part of web applications. Almost all websites currently use the javascript,and all the browsers have a javascript engine to execute it.While,<strong> JQuery is a JavaScript library</strong>, and its purpose is to make the JavaScript use in an easier way of making the work less complicated.</p>\r\n<p>Thus this course is for the people who are new to web development but want to make quick advancement in it. Our institute came up with the idea to merge these courses so as our students get complete knowledge about <strong>JavaScript and JQuery </strong>and its applications.</p>\r\n<p>We all know that due to the need of JavaScript knowledge the competition is also getting tough. Thus we are making sure that there is noway our students lag behind. We at Web Development Institute provide the best <strong>JavaScript and JQuery Courses.</strong></p>', '1', 'course'), (8, 'javascript-and-angular-course-delhi', 'JavaScript & Angular JS', '', '1', 'course'), (9, 'best-jquery-and-angular-institute', 'JQuery & Angular JS ', '', '1', 'course'), (10, 'advance-php-and-mysql-course-institute', 'PHP & MYSql', '<p>The internet has become an essential part of our existence. If you are that aspiring prospector who wants to pursue a bright career in the sector of IT, web development, and digital marketing, then we present to you PHP & MYSQL courses that are the most essential scripting language for web development. These courses can open the gateway for many scopes in the IT sector. Due to its demands in the industry,we at Web Development Institute provide the best courses of PHP and MySQL. We aim at upskilling our students from the fundamental level to an experimental degree. Our unique thinking and the will to achieve excellence is what makes us distinct in every aspect.</p>\r\n<p><strong>We’re known for delivering high quality PHP & MYSQL courses in Delhi</strong></p>\r\n<p>At <strong>Web Development Institute</strong> we are all set and equipped with knowledgeable faculties, comprehensive course material related to this subject. From providing the best possible environment for learning to standardised education,you’ll find us ahead of the other institutes when it comes to quality education.</p>\r\n<p>There are times when a student gets puzzled regarding the course to opt for considering their interest and talent. In that situation, you can come to us as we provide the best career guidance to you so that you can choose the best courses for you. We have an individual counselling session for the students to smash their doubt in this regard. Extensively professional mentors guide you on the basis of your likes and capabilities so that you can make the wisest decision.</p>', '1', 'course'), (11, 'php-codelgniter-course-institute', 'CodeIgniter ', '<p><strong>CodeIgniter</strong> is the most popular MVC Framework that is based on PHP. If you want to build a dynamic and full-featuredwebsite, then you definitely need to have a mastery over <strong>CODEIGNITER COURSE</strong>. But in order to have complete knowledge of CodeIgniter, you need to get training at the right institute. We at Web Development Institute provide you with the best experience regarding this course so that you can make a great career out of it. The best part about our institute is that we customise the entire course according to your specific need and knowledge level.</p>\r\n<p><strong>Why Are We The Best CODEIGNITER Institute In Delhi?</strong></p>\r\n<p>With a comprehensive CodeIgnitercourse, we cover even the advanced concepts in an easy to understand module. We follow step by step training approach so that all our students can grasp the concepts well. With experienced faculties that have the industry experience you also get continuous support regarding your queries. We also provide job placement once you complete the CODEIGNITER COURSEfrom our institute so that you get placed at reputed companies that offer you a high package.</p>', '1', 'course'), (12, 'wordpress-courses-institute', 'Wordpress', '<p>Learn WordPress Course from Web Development Institute. WordPress is a content management platform where you can post contents. But now WordPress is the most popular platform for the blog and basic website creation.</p>\r\n<p>Anyone can learn WordPress and create his own personal blog or basic business website. You don’t need to have any technical knowledge for this like learning coding.</p>\r\n<p>Ant students, business owner or working employee can learn the WordPress and start their blog for the affiliate marketing or AdSense earning and it is very easy process.</p>\r\n<p>To create a WordPress website, you need Domain ad hosting and hosting for the WordPress website is cheap compare to other technology websites. At Web Development Institute you can learn complete WordPress course from the expert trainer and within 2 months you can any website or blog with the help of WordPress CMS.</p>\r\n<p>WordPress is a free CMS, for this you don’t need to pay any charges. And by using the Free Themes and plugins you can design beautiful and responsive website or blog for you or your clients. So join Web Development Institute and become a WordPress Developer in 2 months only.</p>', '1', 'course'), (13, 'best-asp-dot-net-course-institute', 'Asp .NET', '', '1', 'course'), (14, 'best-seo-training-institute', 'SEO', '<p><strong>SEO Expert Course</strong> at <span>Web Development Institute</span> is a one of the best courses to learn and optimise website on different search engines like: Google, yahoo, Bing, Duck Duck Go, Baidu, Ask.com, etc. During the starting of the course, we will teach the concepts of SEO i.e what is SEO? Why a website needs SEO? Types of SEO? Techniques of SEO?</p>\r\n<p>After understanding the concepts of SEO basic. We will teach most important topic <strong>On Page optimization</strong> techniques and process to make website search engine friendly step by step with live project.</p>\r\n<p>Once <strong>On page Optimization</strong> completes, another most important topic I.e Off page optimization starts to create backlinks on different sites. Off page optimization is a one of the most important part and daily activity to create website backlinks.  Quality Backlinks is a one of the major things for any website to rank.</p>\r\n<p>After on page optimization and off page optimization, we will also teach the concepts of most important tools like: Alexa rank, page rank, woo rank tools, google analytics, webmasters’ tools etc.</p>', '1', 'course'), (15, 'best-smo-training-institute', 'SMO Expert', 'With the advent of digital media all over the world, the demand for social media optimization has increased to give identity to businesses. This has opened career choice for those who seek tasks in this field. Considering all of these factors, at Web Development Institute, we offer you a balanced <strong>SMO expert course</strong><strong>.</strong> <strong>Social Media Optimization</strong> is the key to a massive target audience. It has come to be a first-rate digital hub, and it is bound to boom the target audience.<br /><br />Our digital media course consists of practical information along with theoretical knowledge. Students get an opportunity to take part in the running tasks and understand the essential concepts, methods and key elements which are important to make their career in this field. Our experts have designed the <strong>SMO course</strong> that focuses on growing professionals with competitive class skill who can contribute towards the overall development and growth of an enterprise.', '1', 'course'), (16, 'web-development-institute-for-diploma-course', 'Web Expert with PHP', '<p>Technologies have always upgraded our personalities, lifestyles, standards, and of course education. There is no empty space in the world that is yet unoccupied by the internet and technology, and so the demands are the aspirants. In the era of technology and the internet, today everyone desires to be well skilled in this sector. Considering their requirements, we at Web Development Institute disseminate customized education to the students inclined towards this field. We’re a Delhi based admired institution known for its specialist training programs all over the globe. We offer a <strong>web expert course </strong>that can help you succeed in this technological era.</p>\r\n<p><strong>Web development and web designing </strong>have a lot to do in the contemporary world as well as in the subsequent times in every sector be it business, education, medicine, administration, or anything else; it is a skill that is highly demanding and compulsive. If you are the one who wishes to see himself or herself at a substantial height in the sector of<strong> web development and web designing,</strong> then our <a href=\"../../../web-development-institute-for-diploma-course\"><strong>Web Design and Development Course</strong></a> are the best possible choice you can ever make. We not just offer a diploma but also certification training courses in the field of web designing, digital marketing along web development. We aim at transmitting and empowering the clients with the most revised knowledge of the online world and refurbishing their talents to an appreciable extent. The courses here are planned in a way keeping in mind the requirements of the clients and the generation.</p>', '1', 'course'), (17, 'web-design-and-development-training', 'Web Expert Premium', 'In today’s era, a website is an absolute necessity to build the reputation of your brand and has become the biggest part of our life. Every second person likes to access the website to search for their favorite product and service across the globe. Designing e-commerce or a custom website is not an easy task. You need to have professional knowledge and creative skills to make a website that is unique and eye catchy for your users. We at Web Development Institute provide <strong>web expert premium courses</strong><strong> </strong>to teach you the entire tactics of<strong> </strong><strong>web design and development</strong> from scratch. By working on real-time projects with us, you get competent enough to build a responsive website that is the need of today.', '1', 'course'), (18, 'web-design-and-development-course', 'Web Design Expert', '<p><strong>Web Design Expert Course</strong> is a 6 Months, specially designed for a web designer. If you are looking to be an expert in web designing or start your career as a web designer then this course can be the best option for you.</p>\r\n<p>In this course, you will learn all concept of Graphic Design and <strong>Web designing </strong>which includes <strong>Adobe Photoshop, HTML, CSS, Bootstrap, Javascript, Jquery, Ajax, & JSON</strong> etc. Apart from this concept, you will also learn concept of basic PHP & MYSQL. After learning the concept of <strong>PHP & MYSQL</strong> you can easily make website dynamic also.</p>', '1', 'course'), (19, 'advance-web-development-course', 'Advance Web Development', '<p><strong>Web Development Expert Course</strong> is 6 months fast track professional course. If you want to start your career as a website developer, you should go for this course. It is one of the best website development course and it covers every concept required for the development of a rich featured website. In this course, the development process includes <strong>web design</strong>, web content development, client-side/server-side scripting, and network security configuration, among other tasks</p>\r\n<p>This course will cover the concept of building or modifying a website from scratch using popular tools and techniques like – HTML5, CSS3, JavaScript, PHP & MySql etc. Web Development Expert Course begins with fundaments of developing a website and ends after completion of advanced web programming and applications with live projects and various assessments.</p>\r\n<p>We are one of the best <strong><a href=\"../../../web-design-diploma-certificate-courses\">web design institutes in Delhi</a></strong> offering the most advanced website development course to our students. Our experts and faculties will guide you in career building. They will guide you about the career opportunity available in this field and they will also brief you about the future prospects in this profession.</p>\r\n<p>As a professional, you can start your career as a GUI Designing, UI Development, Web Designing, Web Development, and Web Promotion etc.</p>', '1', 'course'), (20, 'responsive-web-design-course', 'Responsive Web Design', '<p>If you are passionate about your career and want to start your career in Web Industry, but you have no idea from where you need to take the initiative and how to start?</p>\r\n<p>Don’t Worry!! We are here; we will guide you how you can win over this situation and start your journey in this Industry. By keeping all the circumstances in our mind, we have launched this short term - 3-month course for beginners.W here they will learn – HTML5, CCS3, how to develop responsive web pages etc.</p>\r\n<p><a href=\"../../../html5-css3-course-institute-delhi\"><strong>HTML and CSS</strong></a> are the two most important and frequently used languages by programmers and designers in the web industry. By using the latest<a title=\"HTML5 and CSS3 Course\" href=\"http://127.0.0.1/course/html5-css3-course-institute-delhi\" target=\"_blank\"> </a>HTML5 and CSS3 technology developers are developing responsive websites. A responsive website is such website that can be easily accessed by various kind of internet devices like – Desktop, laptop, Smartphone etc and their web pages get easily fit as per screen of the device. The growing dependency on internet is increasing day by day and users are frequently using various kinds of internet devices. We use our Smartphone, laptops, desktops etc on daily basis for accessing any website and in that case, it is very important for a designer to develop and test the website accessible from the user end. If is it responsive then the user will have a good experience but if it is not, then it is the responsibility of a web designer to build a responsive website. So that it automatically adjusts the content of website as per the screen size of the visitor’s device.</p>\r\n<p>In this course you will learn the main principles of HTML5 including CCS3 advance features like -Animation, special effects, transformation etc. You will learn the Integration process of HTML and CSS3 for the development of rich featured and multifunctional WebPages.</p>\r\n<p>After completing this course, students will get a course completion certificate and skill endorsement letter according to the standard of assignment and project they have done through us. We are one of the best training institutes in Delhi for Web Designing Course. In our institute, students get full support and guide during the training process and in the accomplishment of hand on projects assignments. In our Institute students get opportunities to attend classes in online mode or regular class modes, Choice totally depends on convenience.</p>', '1', 'course'), (21, 'best-internet-marketing-institute', 'Internet Marketing Expert', 'Internet Marketing Expert at Web Development institute is one of the best course for those students who are looking to grow their career in Digital Marketing. Adoption of online goods and services, increasing chances of job opportunity in IT Industry, Print media industry, Online prodcts and services etc. Our course content is fully designed by professional trainers, after analysing the demands of digital marketing executive. Almost all content are based on latest technology and teaching is based on same pattern. <br /><br />Our course content starts with the concepts of Graphic Design where we will teach to create quality banner, poster, infographics, social media post etc. using Adobe Photoshop Software. Once graphic design concepts completed on the 2nd modules concepts of HTML tag starts where we teach all important HTML seo tag. on 3rd modules one of the important concepts of Content Management System (CMS) , Wordpress starts where we tach to create Wordpress CMS based website. On the 4th and final modules we teach complete concepts of SEO, SMO, PPC, Email Marketing, SMS Marketing, Affliated Marketing, SEO live Project. <br /><br />Online presence is the essential thing that can affect the prominence of any kind of business. With the advent in technology, there has been an increase in the demand of skilled internet marketing expert that can give a voice to your business online. If you’re looking to make your career in this field, then <strong>Web Development Institute</strong> is a leading name in providing excellent<strong> </strong><strong>Internet Marketing expert</strong><strong> course</strong> and several other courses along with it.', '1', 'course'), (22, 'digital-marketing-institute', 'Advance Digital Marketing Expert Course', 'With the growth of various websites and business portals, online no company can sustain without having a good digital presence. If you want to make a career in this field by learning the tactics of this emerging trend, then you can avail the Digital Marketing Courses from Web Development Institute. We develop the courses suiting the global standard so that you know about the recent trends that are emerging in this field. The great career prospect that this course holds is unimaginable. You can choose us to pursue the <a href=\"../../../digital-marketing-institute\"><strong>Digital Marketing Expert course</strong></a> and enhance your skill and secure your future.', '1', 'course'), (26, 'jyoti-anand-digital-marketing-expert', 'Jyoti Anand', 'I m learning<a href=\"https://www.nextgeducation.com/best-internet-marketing-training-institute-rohini-delhi\"> </a><a href=\"../../digital-marketing-diploma-certificate-courses\">Digital Marketing </a>course from Web Development Which is part of Next-G Institute.All team members is very experienced in his own stream,I am glad to join this institute.If someone searching a <a href=\"../../digital-marketing-diploma-certificate-courses\">digital marketing course</a>, then I would recommend you <strong>Web Development Institute</strong> .', '1', 'testimonials'), (27, 'rajat-pandey-web-expert-course', 'Rajat Pandey', 'Best education coaching center, the staff here are very polite, understanding and have a kind nature.<a href=\"https://www.nextgeducation.com/\"> </a><strong>Best Web Development institute</strong> to get practical knowledge of web development and web design.', '1', 'testimonials'), (28, 'pooja-sabhrawal-web-development-expert-course', 'Pooja Sabhrawal ', 'Being a developer I was always looking for a course, which can provide practical knowledge in <a href=\"../../web-development-diploma-certificate-courses\">Web development </a>and I believe Web Development Institute Which is part of Next-G Education has satisfied all my expectations.', '1', 'testimonials'), (29, 'ruchika-goel-web-development-expert-course', 'Ruchika Goel', '<span>Faculty and staff are very good and very understanding of other issues also. Never faced a problem to deal with them. I very much recommend this institution.</span>', '1', 'testimonials'), (30, 'how-to-use-data-table-plugin-in-jquery', 'How to use Data Table Plugin in Jquery', '<p dir="ltr"><strong>Data Table</strong> is a table with features like search, excel export, pdf export, and pagination. It is instrumental in web applications to represent data in tabular form with its excellent features. It is effortless to integrate into the HTML table by using their CSS and jquery CDN links.</p>\r\n<p dir="ltr">There are some steps to use Data Table in the webpage are as follows:</p>\r\n<p><strong>Step 1</strong> :&nbsp;Create Table in HTML</p>\r\n<pre><code>\r\n&lt;table class="table table-striped" id="example"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;thead&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Firstname&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Lastname&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Email&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/thead&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;tbody&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;John&lt;/td&gt;\r\n&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Doe&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;john@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Mary&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Moe&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;mary@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;July&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Dooley&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;july@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;\r\n&nbsp; &lt;/table&gt;</code></pre>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Step 2 :&nbsp;</strong>&nbsp;Use CSS and js cdn link of a data table</p>\r\n<pre><code>&lt;link rel="stylesheet" href="<a href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css</a>"&gt;\r\nPaste this css in your &lt;head&gt; &lt;/head&gt; tag.\r\n</code></pre>\r\n<pre><code>\r\n&lt;script src="<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>"&gt;&lt;/script&gt;\r\n&lt;script src="<a href="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js</a>"&gt;&lt;/script&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p>Paste these two links before closing &lt;/body&gt; tag.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Step 3 :</strong>&nbsp;Put <strong>id=&rdquo; example &rdquo;&nbsp;</strong> in your table tag.</p>\r\n<pre><code>&lt;table id=&rdquo;example&rdquo;&gt;&lt;/table&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p><strong>Step 4</strong> :&nbsp;paste this jquery code after jquery links:</p>\r\n<pre><code>&lt;script&gt;\r\n$(document).ready(function() {\r\n&nbsp;&nbsp;&nbsp; $(\'#example\').DataTable();\r\n} );\r\n&lt;/script&gt;</code></pre>\r\n<p><strong><br /><br />Complete Code:<br /></strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;<br /> &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;<br />&lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"&gt;<br />&lt;/head&gt;\r\n&lt;body&gt;<br />&lt;table id="example" width="100%"&gt;<br /> &lt;thead&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;Name&lt;/th&gt;<br /> &lt;th&gt;Position&lt;/th&gt;<br /> &lt;th&gt;Office&lt;/th&gt;<br /> &lt;th&gt;Age&lt;/th&gt;<br /> &lt;th&gt;Start date&lt;/th&gt;<br /> &lt;th&gt;Salary&lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;/thead&gt;<br /> &lt;tbody&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tiger Nixon&lt;/td&gt;<br /> &lt;td&gt;System Architect&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2011/04/25&lt;/td&gt;<br /> &lt;td&gt;$320,800&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Garrett Winters&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;63&lt;/td&gt;<br /> &lt;td&gt;2011/07/25&lt;/td&gt;<br /> &lt;td&gt;$170,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Ashton Cox&lt;/td&gt;<br /> &lt;td&gt;Junior Technical Author&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;66&lt;/td&gt;<br /> &lt;td&gt;2009/01/12&lt;/td&gt;<br /> &lt;td&gt;$86,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Cedric Kelly&lt;/td&gt;<br /> &lt;td&gt;Senior Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2012/03/29&lt;/td&gt;<br /> &lt;td&gt;$433,060&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Airi Satou&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;33&lt;/td&gt;<br /> &lt;td&gt;2008/11/28&lt;/td&gt;<br /> &lt;td&gt;$162,700&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Brielle Williamson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;New York&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2012/12/02&lt;/td&gt;<br /> &lt;td&gt;$372,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Herrod Chandler&lt;/td&gt;<br /> &lt;td&gt;Sales Assistant&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;59&lt;/td&gt;<br /> &lt;td&gt;2012/08/06&lt;/td&gt;<br /> &lt;td&gt;$137,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Rhona Davidson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;55&lt;/td&gt;<br /> &lt;td&gt;2010/10/14&lt;/td&gt;<br /> &lt;td&gt;$327,900&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Colleen Hurst&lt;/td&gt;<br /> &lt;td&gt;Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;39&lt;/td&gt;<br /> &lt;td&gt;2009/09/15&lt;/td&gt;<br /> &lt;td&gt;$205,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Sonya Frost&lt;/td&gt;<br /> &lt;td&gt;Software Engineer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;23&lt;/td&gt;<br /> &lt;td&gt;2008/12/13&lt;/td&gt;<br /> &lt;td&gt;$103,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Jena Gaines&lt;/td&gt;<br /> &lt;td&gt;Office Manager&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;30&lt;/td&gt;<br /> &lt;td&gt;2008/12/19&lt;/td&gt;<br /> &lt;td&gt;$90,560&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Quinn Flynn&lt;/td&gt;<br /> &lt;td&gt;Support Lead&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2013/03/03&lt;/td&gt;<br /> &lt;td&gt;$342,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Charde Marshall&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;36&lt;/td&gt;<br /> &lt;td&gt;2008/10/16&lt;/td&gt;<br /> &lt;td&gt;$470,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Haley Kennedy&lt;/td&gt;<br /> &lt;td&gt;Senior Marketing Designer&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;43&lt;/td&gt;<br /> &lt;td&gt;2012/12/18&lt;/td&gt;<br /> &lt;td&gt;$313,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tatyana Fitzpatrick&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;19&lt;/td&gt;<br /> &lt;td&gt;2010/03/17&lt;/td&gt;<br /> &lt;td&gt;$385,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> <br />&lt;/tbody&gt;<br />&lt;/table&gt;\r\n<br />&lt;script src="https://code.jquery.com/jquery-3.3.1.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;<br />\r\n&lt;script&gt;<br />$(document).ready(function() {<br /> $(\'#example\').DataTable();<br />} );<br />&lt;/script&gt;\r\n&lt;/body&gt;<br />&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (31, 'file-upload-in-php-mysql', 'File Upload in Php', '<p>File Upload in PHP is mainly used in registration forms like student registration, employee registration. In this registration form, we see resume upload, signature upload, document upload. To do this kind of work, we use PHP.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>HTML Code : </strong></p>\r\n<pre><code>&lt;form method=&rdquo;post&rdquo; enctype=&rdquo;multipart/form-data&rdquo;&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;upload image:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="file" class="form-control" name="doc"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;button type="submit" name=&rdquo;submit&rdquo; class="btn btn-primary"&gt;Submit&lt;/button&gt;\r\n&nbsp; &lt;/form&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p dir="ltr">In this enctype=&rdquo;multipart/form-data&rdquo; it is mandatory to inform when we want to upload the file or work with file input. If we don&rsquo;t use it then our PHP code will not work, so keep in mind this point before using file input in the form.</p>\r\n<div>&nbsp;</div>\r\n<p>&nbsp;</p>\r\n<p><strong>PHP Code : </strong></p>\r\n<pre><code>&lt;?php\r\nif(isset($_POST[&lsquo;submit&rsquo;]))\r\n{\r\n&nbsp;&nbsp;&nbsp; $filename = $_FILES[&lsquo;doc&rsquo;][&lsquo;name&rsquo;];\r\n&nbsp;&nbsp;&nbsp; $tempfile = $_FILES[&lsquo;doc&rsquo;][&lsquo;tmp_name&rsquo;];\r\n&nbsp;&nbsp;&nbsp; move_uploaded_file($tempfile,"images/".$filename);\r\n}\r\n\r\n?php&gt; </code></pre>\r\n<p dir="ltr">Here in this code</p>\r\n<p dir="ltr">move_uploaded_file(): is a PHP function used to move your image from a temporary location to a central location where you want to upload your file.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Complete Code :</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\nif(isset($_POST[\'submit\']))\r\n{\r\n&nbsp;\r\n&nbsp;\r\n$file_name = $_FILES[\'doc\'][\'name\'];\r\n$file_tmp =$_FILES[\'doc\'][\'tmp_name\'];\r\nmove_uploaded_file($file_tmp,"doc/".$file_name);\r\n&nbsp;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Bootstrap Example&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&lt;div class="row"&gt;\r\n&lt;div class="col-lg-12"&gt;\r\n&nbsp;\r\n&lt;form method="post" enctype="multipart/form-data"&gt;\r\n&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Document:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;input type="file" class="form-control" name="doc"&gt;\r\n&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;\r\n&lt;/form&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (32, 'short-term-web-design', 'Short Term Web Design', '<p>The Short Term Web Design Course at <a href=\"../../../\"><strong>Web Development Institute</strong></a> is a meticulously crafted program designed to impart essential web design skills in a condensed timeframe. This course is strategically divided into key modules that cover the foundational elements of web design, ensuring students gain a robust understanding and hands-on experience.</p>\r\n<p><strong>Module 1: </strong>In this introductory module, students explore the core principles of web design, with a focus on user experience (UX) and user interface (UI) design. The module includes comprehensive lessons on HTML5, the cornerstone of web development, and an overview of CSS3 for styling web pages.</p>\r\n<p><strong>Module 2: </strong>This module delves into the techniques of responsive web design, teaching students how to create websites that adapt seamlessly to various devices. Key topics include media queries, breakpoints, and mobile-first design, supplemented with practical training in the Bootstrap framework.</p>\r\n<p><strong>Module 3: </strong>Students are introduced to advanced CSS techniques in this module, including Flexbox and Grid Layout for sophisticated web page structures. Additionally, the module covers CSS animations and transitions to enhance user interaction and introduces preprocessors like SASS/SCSS for efficient styling.</p>\r\n<p><strong>Module 4: </strong>This module covers the basics of JavaScript, the scripting language that adds interactivity to web pages. Students learn about DOM manipulation, event handling, and fundamental programming concepts such as functions and loops, enabling them to create dynamic web content.</p>\r\n<p><strong>Module 5: </strong>Focused on practical tools, this module teaches students to use Adobe Photoshop for web design. They learn to create web layouts and mockups and how to export assets for web integration, combining design software skills with web development.</p>\r\n<p><strong>Module 6: </strong>In the final module, students consolidate their learning by developing a responsive website. They implement interactive features using JavaScript, conduct thorough testing and debugging, and learn about website deployment. This hands-on project culminates in a portfolio-ready website that showcases the students\' newly acquired skills.</p>\r\n<p>The Short Term Web Design Course at Web Development Institute offers a comprehensive introduction to web design, balancing theoretical understanding with practical application, and equipping students with the skills necessary for a successful career in web development in a concise and effective period.</p>', '1', 'course'), (33, 'top-reasons-to-learn-website-development', 'Top Reasons to Learn Website Development', '<p dir="ltr">You may have heard a lot about website development courses. If you are just out of school or college and are still thinking about which stream to opt for, then web development can be an excellent choice for you. There are many reasons to support this choice.</p>\r\n<p>&nbsp;<strong>Top Reasons to Learn Website Development</strong></p>\r\n<p>&nbsp;Let us learn about the top six reasons to <strong><a href="../../../web-development-diploma-certificate-courses">learn website development </a></strong>and pursue a career in this field:</p>\r\n<p>&nbsp;<strong>1. Short Term Courses Available</strong></p>\r\n<p dir="ltr">One of the best things about opting for a website development course is that you do not have to spare two or three years of your life to pursue this course. You can complete it in just about six months or even less. Web development courses from top institutes include theoretical classes as well as hands-on training. So, you are ready to embark on a career in web development in just six months.</p>\r\n<p>&nbsp;Besides, even if by any chance you do not like this field, you can switch to another without thinking much as you didn\'t spend years studying it.&nbsp;</p>\r\n<p dir="ltr"><strong>2. Always in Demand</strong></p>\r\n<p dir="ltr">A web developer is one such professional who is always in demand. Every company, business as well as professional requires a website these days. And this task cannot be completed without a web developer. Web development is a crucial skill required in creating a website. The demand for these professionals is thus increasing by the day. Do not believe us? Just open a job portal and see how much in demand these professionals are.</p>\r\n<p dir="ltr">Many top-ranked companies take these professionals on board. Several others opt for web design and development agencies. So, as a web developer, you can get a chance to work with top companies across industries or become a part of an agency and handle web development projects for multiple companies.&nbsp;</p>\r\n<p>&nbsp;<strong>3. Lucrative Pay Packages</strong></p>\r\n<p dir="ltr">Web developers get paid well. Companies are ready to shell out a good amount of money for the candidates who guarantee high-quality websites. You can start earning good from the entry-level itself. Your pay page increases manifolds as you gain experience. You can also give a boost to your career by pursuing special short-term web development courses from time to time. The main aim behind these courses is to learn about the latest and most advanced web development tools to hone your skills.</p>\r\n<p dir="ltr"><strong>4. Become a Freelancer</strong></p>\r\n<p dir="ltr">Yet another reason to <strong>learn website development</strong> is that it gives you the chance to become a freelancer and work on your terms. You do not necessarily have to opt for a 9-5 job when you acquire this skill. As a freelancer, you can work from anywhere and at any time at your convenience. If you are skeptical about whether you would be able to acquire enough projects as a freelancer or not, let us tell you, that opportunity is abundant here. This is mainly because not every business/ professional can hire an in-house web developer or afford an agency. Many of them prefer giving work to freelancers.&nbsp;</p>\r\n<p dir="ltr"><strong>5. Start Your Firm</strong></p>\r\n<p dir="ltr">You can even start your firm after learning website development. The best part is that you do not require making any investment to start this business. The only resources you need to manage this work are a laptop and a high-speed internet connection. You can gradually expand your business by collaborating with website designers, digital marketers, content writers, and graphic designers. This way, you will be able to deliver a fully functioning website to your clients.</p>\r\n<div>&nbsp;</div>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (34, 'advance-html-and-css-course-in-delhi', 'Advance HTML and CSS Course in Delhi', '<p dir="ltr"><span>HTML and CSS are some of the best languages for designing websites. Web designers across the globe have been using these languages to design high-quality websites for decades. Newer and more advanced versions of these languages are launched from time to time to meet the changing industry standards. Web designers must learn the latest version of these languages to upgrade their knowledge and create better websites. Many top institutes offer advanced courses in HTML and CSS.</span></p>\r\n<p dir="ltr"><span>If you are looking for </span><span>an <strong>HTML CSS training course in Delhi</strong></span><span><strong>,</strong> we suggest you enroll at a reputed institute such as Next G Education.</span></p>\r\n<h3 dir="ltr"><span>How to Select the Best HTML CSS Training Course Delhi?</span></h3>\r\n<p dir="ltr"><span>Here is how to select the best HTML CSS training course in Delhi:</span></p>\r\n<p dir="ltr"><strong>Faculty Members:</strong><span> One of the first things you must check is the reputation of the faculty members/trainers who will be training you. You can check their LinkedIn profile and other social media handles, as well as the institute\'s website, to find out about their popularity. Many institutes upload demo lectures of their faculty members on their websites. This should give you a clear idea about their trainers\' skills and teaching style and help you decide better.</span></p>\r\n<p dir="ltr"><strong>Method of Teaching:</strong><span> You must also check the teaching methods used by the institutes. An institute that imparts theoretical knowledge and practical training in equal proportion is always a better option. This way, you don\'t just learn about the various aspects of these languages in detail but also understand how to apply them efficiently. So, you gain enough hands-on experience before you use it for an actual project.</span></p>\r\n<p dir="ltr"><strong>Course Curriculum:</strong><span> Course curriculum must also be checked to find out whether it covers every aspect of the latest versions of these languages or not. It is imperative to check this in detail to have clarity on all that you will handle after undergoing this course.</span></p>\r\n<h3 dir="ltr"><span>&nbsp;Best HTML CSS Training Course Delhi</span></h3>\r\n<p dir="ltr"><strong>Here is a look at all that the best HTML CSS training course covers:</strong></p>\r\n<p dir="ltr"><span>The </span><strong><a href="../../../html5-css3-course-institute-delhi">best HTML and CSS course</a></strong><span> in the current times trains the students in HTML5 and CSS3 as these are the latest versions of these languages. Under this course, the students learn about static/ dynamic websites, SEO-friendly websites, responsive websites, and editors in HTML. And you will also work with basic tags such as formatting tags, title, meta tag, and more. Detailed knowledge is imparted about links such as internal links, image links, text links, email links, phone links, external links, and more. Working with lists, working with Google Map and YouTube, working with tables and HTML form also forms a part of this course. Besides, the students are taught about HTML5 semantic tags, HTML5 audio and video and HTML API&rsquo;s.</span></p>\r\n<p dir="ltr"><span>Various aspects of CSS are also covered under this course. This includes types of CSS, internal, inline external, CSS selectors, how to link external CSS, selectors: class or elements, margin, and padding, aligning div and inline or block element. The course also includes working with background color, background image and gradient, and text properties. Also, working with icons and fonts, menus and positions, outline and UI, image stretching problem, 2D and 3 D transforms, hover, transitions and animations.</span></p>\r\n<p dir="ltr"><span>An advanced course in HTML and CSS training can be completed in 45 days. You can even go for a fast-track course in this subject. It can be completed in 15 days. On the other hand, a crash course in HTML and CSS takes just around ten days to complete.</span></p>\r\n<p dir="ltr"><span>You will be able to create high-quality, fully functional websites by the time you complete this course.</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (35, 'join-top-web-development-institute-in-rohini-to-master-codeigniter', 'Join Top Web Development Institute in Rohini to Master CodeIgniter', '<p dir="ltr"><span>CodeIgniter, created by EllisLab, is currently one of the most powerful PHP frameworks. It is loved by the developers and is widely used owing to the several benefits it offers. The most remarkable feature of this framework is its simple toolkit. So, to learn its use and apply it efficiently, it is suggested to undergo a course in CodeIgniter from a reputed </span><strong>web development institute Rohini.</strong></p>\r\n<h4 dir="ltr"><span>Why Learn CodeIgniter?</span></h4>\r\n<p dir="ltr"><span>Whether you are an established web developer or are just starting as one, you must pursue a course in CodeIgniter. Here is why:</span></p>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>CodeIgniter includes an easy-to-use toolkit to develop full-featured web applications.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>The framework is reliable and lightweight.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>It facilitates the rapid development of applications.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>It is compatible with almost every web server, operating system, and platform.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>CodeIgniter comes with impeccable libraries that connect to the database and boost different functions such as sending emails, uploading files, etc.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>It helps in getting out of the errors quickly and easily.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>The framework offers the easiest method to use modular programs.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>It can be utilized for various relational database management systems.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Since CodeIgniter is widely used, you can get good support online if you get stuck somewhere while using this framework.</span></p>\r\n</li>\r\n</ul>\r\n<h4 dir="ltr"><span>A Course in CodeIgniter</span></h4>\r\n<p dir="ltr"><span>Top </span><strong>web development institute Rohini</strong><span> such as Next-G Education, offers short-term courses to master CodeIgniter. So, if this framework did not form a part of your web development course, you can learn it separately by pursuing one such short-term course. You can even pursue this course to brush up on your knowledge and utilize this framework better.</span></p>\r\n<p dir="ltr"><span>A short-term course in CodeIgniter clears the basic concepts about CodeIgniter. It trains the students to install CodeIgniter, find the model directory, create the model directory, use the model directory, and use the view file. You also learn to find the view directory, create the file in the view directory, use the controller file, find the controller directory, and create the controller directory. Aside from this, you learn to work on autoload files, config files, database files, routes files, cut header and footer, use header and footer on pages, and work with email, form, and file uploading.</span></p>\r\n<p dir="ltr"><span>As a part of this course, the students are also taught about the session, cookies, the way to set and remove cookies, database configuration, database connectivity, and the method to select, insert, delete and update data, filter data.</span></p>\r\n<p>In addition to this, the students learn about Joins in CodeIgniter. This includes inner join, right join, left join, cross join and self join. CodeIgniter grouping data, CodeIgniter transaction, Import CSV to MySql, and export Mysql to CSV also form a part of this course.</p>\r\n<p dir="ltr"><span>The course can be completed in as few as 45 days. Top </span><strong><a href="../../../">web development institute</a></strong><span> Rohini offers classroom sessions and online coaching to train the students in this subject. They even offer fast track and crash courses in CodeIgniter. These courses have especially been designed for those who cannot spare enough time to pursue this course and seek a quick solution to learn this framework. A fast-track course in CodeIgniter can be completed in around 15 days. On the other hand, a crash course takes even less time to complete. Its duration is merely ten days.</span></p>\r\n<p dir="ltr"><span>Though the fast track and crash courses can be completed in a few days, however, this does not mean any aspect of the course is left. The course content remains the same for all three types of courses.</span></p>\r\n<p><span><br /><span>So, now you know </span><strong><a href="../../../php-codelgniter-course-institute">about CodeIgniter</a></strong><span>, its use, as well as the courses available to master this framework. Do let us know if you want any further information about this framework.</span></span></p>', '1', 'blog'), (36, 'most-useful-jquery-plugins-for-website-design', 'Most Useful JQuery Plugins for Website Design', '<p><span><span>Some of the most useful plugins mainly used by the web designer make this plugin list very helpful for beginners who are newly entered in the web design field. So learn from our blog; if you know about these plugins already, skip it. Web Development Institute offers jquery, js course; if you want to learn online or offline, you can contact us or visit us.</span></span></p>\r\n<ol>\r\n<li dir="ltr">\r\n<p dir="ltr"><strong>1.&nbsp; &nbsp; <a href="https://www.jqueryscript.net/gallery/Full-Featured-Image-Viewer-Gallery.html">Full-featured Image Viewer/Gallery Plugin With jQuery</a></strong></p>\r\n</li>\r\n</ol>\r\n<p dir="ltr"><span>Complete featured Image Gallery Plugin is used to pop images on full screen; it is mainly used in gallery pages. It is also called lightbox in website designing.</span></p>\r\n<p dir="ltr"><span>It is easy to use; there are the following simple steps:</span></p>\r\n<p>&nbsp;</p>\r\n<ol>\r\n<li dir="ltr">\r\n<p dir="ltr"><span><strong>1. Download plugin from this given link</strong>:</span></p>\r\n</li>\r\n</ol>\r\n<p dir="ltr"><a href="https://www.jqueryscript.net/gallery/Full-Featured-Image-Viewer-Gallery.html"><span>https://www.jqueryscript.net/gallery/Full-Featured-Image-Viewer-Gallery.html</span></a></p>\r\n<div>&nbsp;</div>\r\n<ol>\r\n<li dir="ltr">\r\n<p dir="ltr"><strong>2. After download, you will get :</strong></p>\r\n</li>\r\n</ol>\r\n<p dir="ltr"><strong>Css,fonts,img,js folders and index file</strong></p>\r\n<ol>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>From </span><span>the <strong>CSS folder</strong></span><span><strong>,</strong> get </span><span><strong>the lightgallery.css file</strong> </span><span>and put it in your </span><span><strong>CSS folder</strong>, </span><span>and link in your head section in the HTML file.</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>From </span><span>the <strong>js folder</strong></span><span><strong>,</strong> get </span><strong>the lightgallery.all.min.js</strong><span> file and put it in your </span><strong>js folder</strong><span>, and link in your footer section in the HTML file after </span><strong>jquery CDN.</strong></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Copy </span><strong>fonts folder</strong><span> and paste in your </span><strong>website directory</strong></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><strong>From the index file, get the following code:</strong></p>\r\n</li>\r\n</ol>\r\n<p dir="ltr">&nbsp;</p>\r\n<div><span>&nbsp;</span></div>\r\n<pre><code>&nbsp; &lt;ul id="lightgallery" class="list-unstyled row"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;li class="col-xs-6 col-sm-4 col-md-3" data-responsive="img/1-375.jpg 375, img/1-480.jpg 480, img/1.jpg 800" data-src="img/1-1600.jpg" data-sub-html="&lt;h4&gt;Fading Light&lt;/h4&gt;&lt;p&gt;Classic view from Rigwood Jetty on Coniston Water an old archive shot similar to an old post but a little later on.&lt;/p&gt;"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;a href=""&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;img class="img-responsive" src="img/thumb-1.jpg"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/a&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/li&gt;\r\n&lt;/ul&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p>Here in the place of data-sub-HTML, place your content of image; otherwise, remove this part. The structure of HTML content should be the same as mentioned above.</p>\r\n<ol>\r\n<li><strong><strong>7.&nbsp; </strong>&nbsp;&nbsp;Place this script after lightgallery.min.js</strong></li>\r\n</ol>\r\n<pre><code>&lt;script type="text/javascript"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(document).ready(function(){\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(\'#lightgallery\').lightGallery();\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/script&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<ol>\r\n<li><strong>2.&nbsp;&nbsp;&nbsp;<span id="docs-internal-guid-80096697-7fff-2e90-0ba1-6e44a279f300"><span>Multiple Selection in Select box</span></span></strong></li>\r\n</ol>\r\n<p>&nbsp;</p>\r\n<p>&nbsp; &nbsp;&nbsp;<span id="docs-internal-guid-4efa223b-7fff-0223-ee80-53077a8357ac"><span>&nbsp;Multiple selections in the select box is a commonly used plugin in form; it is easy to use; there are the following steps:</span></span></p>\r\n<p>1.<strong>Copy this link in your head section</strong></p>\r\n<p>&lt;link rel="stylesheet" href="<a href="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css" target="_blank">https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.min.css</a>"&gt;</p>\r\n<p>2.<span id="docs-internal-guid-aa34ffcc-7fff-5610-216a-4fda3070db5c"><span>Put class in your select box and write multiple attributes in the select box:</span></span></p>\r\n<pre><code>&lt;select class="livesearch" multiple&gt;\r\n&lt;option&gt;web design&lt;/option&gt;\r\n&lt;option&gt;web development&lt;/option&gt;\r\n&lt;option&gt;graphic design&lt;/option&gt;\r\n&lt;option&gt;video editing&lt;/option&gt;\r\n&lt;/select&gt;</code></pre>\r\n<p>3.&nbsp;<span id="docs-internal-guid-64c99d9b-7fff-9030-15fa-009265ce4bf0"><span>paste these scripts after the jquery CDN link :</span></span></p>\r\n<pre><code>&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/chosen/1.5.1/chosen.jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script type="text/javascript"&gt;\r\n$(".livesearch").chosen();\r\n&lt;/script&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p>3. <strong>Slick Slider</strong></p>\r\n<p><span id="docs-internal-guid-ca116c24-7fff-f901-998f-6bf11e413d43"><span>Slick slider is a commonly used plugin in website design to slide pictures one by one. There are the following steps to use :</span></span></p>\r\n<p>1.<strong> Set up your HTML markup.</strong></p>\r\n<pre><code>&lt;div class="your-class"&gt;\r\n&nbsp; &lt;div&gt;your content&lt;/div&gt;\r\n&nbsp; &lt;div&gt;your content&lt;/div&gt;\r\n&nbsp; &lt;div&gt;your content&lt;/div&gt;\r\n&lt;/div&gt;</code></pre>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>2.</strong><strong> &nbsp;Add slick.css in your &lt;head&gt;</strong></p>\r\n<pre><code>&lt;link rel="stylesheet" type="text/css" href="slick/slick.css"/&gt;\r\n&lt;link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/&gt;</code></pre>\r\n<p><strong>3.</strong><strong> Add slick.js before your closing &lt;body&gt; tag, after jQuery (requires jQuery 1.7 +)</strong></p>\r\n<pre><code>&lt;script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;\r\n&lt;script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;\r\n&lt;script type="text/javascript" src="slick/slick.min.js"&gt;&lt;/script&gt;</code></pre>\r\n<p><strong>4.</strong><strong> Initialize your slider in your script file or an inline script tag</strong></p>\r\n<pre><code>$(document).ready(function(){\r\n&nbsp; $(\'.your-class\').slick({\r\n&nbsp;&nbsp;&nbsp; setting-name: setting-value\r\n&nbsp; });\r\n});</code></pre>\r\n<p><strong>5.</strong><strong> When complete, your HTML should look something like:</strong></p>\r\n<pre><code>&lt;html&gt;\r\n&nbsp; &lt;head&gt;\r\n&nbsp; &lt;title&gt;My Now Amazing Webpage&lt;/title&gt;\r\n&nbsp; &lt;link rel="stylesheet" type="text/css" href="slick/slick.css"/&gt;\r\n&nbsp; &lt;link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/&gt;\r\n&nbsp; &lt;/head&gt;\r\n&nbsp; &lt;body&gt;\r\n&nbsp;\r\n&nbsp; &lt;div class="your-class"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div&gt;your content&lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div&gt;your content&lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div&gt;your content&lt;/div&gt;\r\n&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp; &lt;script type="text/javascript" src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script type="text/javascript" src="//code.jquery.com/jquery-migrate-1.2.1.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script type="text/javascript" src="slick/slick.min.js"&gt;&lt;/script&gt;\r\n&nbsp;\r\n&nbsp; &lt;script type="text/javascript"&gt;\r\n&nbsp;&nbsp;&nbsp; $(document).ready(function(){\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(\'.your-class\').slick({\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; setting-name: setting-value\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });\r\n&nbsp;&nbsp;&nbsp; });\r\n&nbsp; &lt;/script&gt;\r\n&nbsp;\r\n&nbsp; &lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p><strong>4. JQuery Validation for form or Client Side Validation</strong></p>\r\n<p><span id="docs-internal-guid-e6dc5bbf-7fff-f52b-41d0-c9d0cf396e97"><span>Jquery validation is beneficial for website designers to validate forms on the client-side. This is the link where you can learn :</span></span></p>\r\n<p><a href="https://jqueryvalidation.org/" target="_blank">https://jqueryvalidation.org/</a></p>\r\n<p><strong>5.Data Table in Jquery</strong></p>\r\n<p>&nbsp;</p>\r\n<p dir="ltr"><span>Data table plugin is mainly used in web applications to filter data, paginate, export excel or pdf, etc.</span></p>\r\n<p dir="ltr"><span>Here is a link to how to use the data table: </span><a href="../../../blog/how-to-use-data-table-plugin-in-jquery"><span>https://www.webdevelopmentinstitute.com/blog/how-to-use-data-table-plugin-in-jquery</span></a></p>\r\n<div>&nbsp;</div>', '1', 'blog'), (37, 'how-to-redirect-website-http-to-https-by-htaccess', 'How to redirect website http to https by htaccess ', '<p dir="ltr"><span>When we use SSL on our website for security purposes, we must write a rule for redirection HTTP to HTTPS, so it is straightforward. We can do this via the .htaccess file. There are some steps following:</span></p>\r\n<strong>Step1</strong> : Create .htacess file&nbsp;<br /><strong>Step2</strong> :&nbsp;<span id="docs-internal-guid-82b68502-7fff-1be2-8147-b2f403e4894a"><span>&nbsp;Write the following code :</span></span><br />\r\n<pre><code>RewriteEngine On <br />RewriteCond %{SERVER_PORT} 80<br />RewriteCond %{HTTP_HOST} ^(www\\.)?domain-name\\.com<br />RewriteRule ^(.)$ https://www.domain-name/$1 [R,L]</code></pre>\r\n<strong>Step3</strong> :&nbsp;<span id="docs-internal-guid-e030077e-7fff-ac80-af49-a01bc4b93b6d"><span>In the place of domain-name, write your domain name and replace .com with your domain extension</span></span>', '1', 'blog'), (38, 'how-to-protect-website-from-copier-software', 'How to Protect Website from Copier Software', '<span id="docs-internal-guid-7037358c-7fff-af61-3fc0-3ee12773beb5">Nowadays, there are several tools available for copying websites such as Httrack, website copier, etc. To protect our website from this type of tool is very easy by adding a few lines of codes in our .htaccess file. There are some steps following to do this :</span><strong><br /><br />Step1 :</strong> Create .htaccess file<br /><strong>Step2 :</strong> Write the following code:\r\n<pre><code>RewriteEngine On<br />RewriteCond %{HTTPS} !=on<br />RewriteRule ^/?(.) https://%{SERVER_NAME}/$1 [R,L]\r\n<br />RewriteEngine on<br />RewriteBase /<br />RewriteCond %{HTTP_USER_AGENT} almaden [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Anarchie [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^ASPSeek [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^attach [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^autoemailspider [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^BackWeb [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Bandit [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^BatchFTP [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^BlackWidow [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Bot\\ mailto:craftbot@yahoo.com [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Buddy [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^bumblebee [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^CherryPicker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^ChinaClaw [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^CICC [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Collector [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Copier [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Crescent [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Custo [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^DA [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^DIIbot [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^DISCo [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^DISCo\\ Pump [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Download\\ Demon [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Download\\ Wonder [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Downloader [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Drip [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^DSurf15a [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^eCatch [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^EasyDL/2.99 [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^EirGrabber [OR]<br />RewriteCond %{HTTP_USER_AGENT} email [NC,OR]<br />RewriteCond %{HTTP_USER_AGENT} ^EmailCollector [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^EmailSiphon [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^EmailWolf [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Express\\ WebPictures [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^ExtractorPro [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^EyeNetIE [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^FileHound [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^FlashGet [OR]<br />RewriteCond %{HTTP_USER_AGENT} FrontPage [NC,OR]<br />RewriteCond %{HTTP_USER_AGENT} ^GetRight [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^GetSmart [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^GetWeb! [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^gigabaz [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Go\\!Zilla [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Go!Zilla [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Go-Ahead-Got-It [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^gotit [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Grabber [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^GrabNet [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Grafula [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^grub-client [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^HMView [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^HTTrack [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^httpdown [OR]<br />RewriteCond %{HTTP_USER_AGENT} .httrack.* [NC,OR]<br />RewriteCond %{HTTP_USER_AGENT} ^ia_archiver [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Image\\ Stripper [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Image\\ Sucker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^IndyLibrary [OR]<br />RewriteCond %{HTTP_USER_AGENT} Indy\\ Library [NC,OR]<br />RewriteCond %{HTTP_USER_AGENT} ^InterGET [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^InternetLinkagent [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Internet\\ Ninja [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^InternetSeer.com [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Iria [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^JBHagent [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^JetCar [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^JOC\\ Web\\ Spider [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^JustView [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^larbin [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^LeechFTP [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^LexiBot [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^lftp [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^LinkSleuth [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^likse [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Link [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^LinkWalker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Mag-Net [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Magnet [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Mass\\ Downloader [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Memo [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Microsoft.URL [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^MIDown\\ tool [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Mirror [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Mister\\ PiX [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Mozilla.Indy [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Mozilla.NEWT [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^MozillaMSIECrawler [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^MS\\ FrontPage* [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^MSFrontPage [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^MSIECrawler [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^MSProxy [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Navroad [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^NearSite [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^NetAnts [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^NetMechanic [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^NetSpider [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Net\\ Vampire [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^NetZIP [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^NICErsPRO [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Ninja [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Octopus [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Offline\\ Explorer [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Offline\\ Navigator [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Openfind [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^PageGrabber [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Papa\\ Foto [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^pavuk [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^pcBrowser [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Ping [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^PingALink [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Pockey [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^psbot [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Pump [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^QRVA [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^RealDownload [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Reaper [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Recorder [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^ReGet [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Scooter [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Seeker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Siphon [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^sitecheck.internetseer.com [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^SiteSnagger [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^SlySearch [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^SmartDownload [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Snake [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^SpaceBison [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^sproose [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Stripper [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Sucker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^SuperBot [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^SuperHTTP [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Surfbot [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Szukacz [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^tAkeOut [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Teleport\\ Pro [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^URLSpiderPro [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Vacuum [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^VoidEYE [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Web\\ Image\\ Collector [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Web\\ Sucker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebAuto [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^[Ww]eb[Bb]andit [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^webcollage [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebCopier [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Web\\ Downloader [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebEMailExtrac.* [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebFetch [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebGo\\ IS [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebHook [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebLeacher [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebMiner [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebMirror [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebReaper [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebSauger [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Website [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Website\\ eXtractor [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Website\\ Quester [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Webster [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebStripper [OR]<br />RewriteCond %{HTTP_USER_AGENT} WebWhacker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WebZIP [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Wget [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Whacker [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Widow [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^WWWOFFLE [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^x-Tractor [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Xaldon\\ WebSpider [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Xenu [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Zeus.Webster [OR]<br />RewriteCond %{HTTP_USER_AGENT} ^Zeus<br />RewriteRule ^. &ndash; [F,L]</code></pre>\r\n<p dir="ltr"><span>I hope this code will help you in your project by protecting your website from copying software. Happy Coding!</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (39, 'react-appointment-scheduler', 'React Appointment Scheduler', '<p dir="ltr"><span>React Appointment Scheduler is best suited for appointment application; here are some steps to use React Scheduler in your project :&nbsp;</span></p>\r\n<p dir="ltr"><strong>Step1</strong><span><strong>:</strong> Run this command in your visual studio terminal or cmd&nbsp;</span></p>\r\n<pre><code>npm i --save @devexpress/dx-react-core @devexpress/dx-react-scheduler</code></pre>\r\n<p dir="ltr"><span><strong>Step2:</strong>&nbsp; </span><span>After completing the second step run this command</span></p>\r\n<pre><code>npm i --save @devexpress/dx-react-scheduler-material-UI</code></pre>\r\n<p dir="ltr"><strong>Step3:</strong><span> Install material core</span></p>\r\n<pre><code>npm install @material-ui/core</code></pre>\r\n<p dir="ltr"><strong>Step4: </strong><span>Install material icons</span></p>\r\n<pre><code>npm install @material-ui/icons</code></pre>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (41, 'react-js-throwing-500-internal-server-error-on-live-server-react-router-error-in-live-server', 'React JS Throwing 500 Internal Server Error On Live Server \| React Router Error in Live Server', '<p dir="ltr">When we upload our react website on the live server, we face an internal server error is reacting. This is a common .htaccess problem; so to resolve this problem, there are some steps which are following:</p>\r\n<strong><strong><br />Step 1 :&nbsp;</strong></strong>Create .htaccess file in react js root folder where index.html or serviceworker.js file exist\r\n<div><span>&nbsp;</span></div>\r\n<strong><br />Step 2 :</strong>&nbsp;<span id="docs-internal-guid-4d5506cf-7fff-3db1-9559-fa7b94cca17d"><span>Paste the following code in the .htaccess file :</span></span><br /><br />\r\n<div>\r\n<pre><code>RewriteBase /<br />RewriteRule ^index\\.html$ - [L]<br /> RewriteCond %{REQUEST_FILENAME} !-f<br /> RewriteCond %{REQUEST_FILENAME} !-d<br />RewriteRule . /index.html [L]<br /><br /><br /></code></pre>\r\n<strong>Step 3 :</strong>&nbsp;Save the .htaccess file and enjoy your working application\r\n<div><span>&nbsp;</span></div>\r\n</div>', '1', 'blog'), (42, 'how-to-set-current-time-and-date-in-html-input-value-by-js', 'How to set current time and date in html input value by js', '<p dir="ltr"><span>Sometimes there is a need to set the current date or time in input like in inquiry form, registration form, fee receipt form. We can easily set the current date and time in js by using some simple steps; here are some steps following:</span>&nbsp;</p>\r\n<strong><br />Solution :<br /><br />Step1 :</strong>&nbsp; The First Step is to put id ="currentDate" in your HTML date input like this :\r\n<div><span>&nbsp;</span></div>\r\n<pre><code>&lt;input id="currentDate" type="date" /&gt; </code></pre>\r\n<br /><strong>Step2 :</strong>&nbsp;Same as the First Step is to put id ="currentTime" in your HTML time input like this :\r\n<div>&nbsp;</div>\r\n<pre><code>&lt;input id="currentDate" type="time" /&gt;</code></pre>\r\n<br /><strong>Step3</strong> :Paste this below code in your HTML file before closing the body tag\r\n<div>\r\n<pre class="lang-js s-code-block hljs javascript"><code><span>var</span> date = <span>new</span> <span>Date</span>();\r\n<span>var</span> currentDate = date.toISOString().slice(<span>0</span>,<span>10</span>);\r\n<span>var</span> currentTime = date.getHours() + <span>\':\'</span> + date.getMinutes();\r\n\r\n<span>document</span>.getElementById(<span>\'currentDate\'</span>).value = currentDate;\r\n<span>document</span>.getElementById(<span>\'currentTime\'</span>).value = currentTime;</code></pre>\r\n</div>\r\n<div><strong><br />I hope this code will help you, enjoy coding....</strong></div>', '1', 'blog'), (43, 'how-to-set-current-date-and-time-in-html-input-by-php', 'How to Set Current Date and Time in HTML Input by php', '<p dir="ltr">Sometimes there is a need to set the current date or time in input like in inquiry form, registration form, fee receipt form. We can easily set the current date and time in PHP by using some simple steps. Here are some steps following:</p>\r\n<strong>Solution :</strong>&nbsp;<br /><br />\r\n<p dir="ltr"><strong>Step1 :</strong><span> echo (new DateTime())-&gt;format(\'Y-m-d\'); paste this code in html input value like this :</span></p>\r\n<pre><code>&lt;input type="date" value="&lt;?php echo (new&nbsp;DateTime())-&gt;format(<span>\'Y-m-d\'</span>); ?&gt;"&gt;</code></pre>\r\n<br /><br />\r\n<div><span id="docs-internal-guid-e5d27de0-7fff-3bd1-dbe5-b9aa00def73b"><strong>Step2 :</strong><span id="docs-internal-guid-e5d27de0-7fff-3bd1-dbe5-b9aa00def73b"> echo (new DateTime())-&gt;format(\'H:i:s\'); paste this code in html input value like this :</span></span><br /><br />\r\n<pre><code>&lt;input type="date" value="&lt;?php echo (new&nbsp;DateTime(\'H:i:s\'))-&gt;format(\'Y-m-d\'); ?&gt;"&gt;</code></pre>\r\n<br /><strong><span id="docs-internal-guid-2b07b568-7fff-92b8-2aa1-619887a2b4da">I hope this code will help you enjoy coding</span></strong></div>', '1', 'blog'), (44, 'how-to-set-tomorrow-date-and-current-time-in-html-input-by-php', 'How to set Tomorrow Date and current time in html input by php', '<p><span id="docs-internal-guid-66206a42-7fff-5993-a3ed-1e6aea37a1ad"><span>Sometimes there is a need to set tomorrow\'s date and the current time in input. We can do this simply by using the PHP DateTime() Function.</span></span></p>\r\n<strong>Solution :</strong>&nbsp;<br /><br /><strong>Step1 :</strong>&nbsp;<span id="docs-internal-guid-dedd9c26-7fff-9d40-c3f5-77d797914bb6"><span>&nbsp;echo (new DateTime(\'tomorrow\'))-&gt;format(\'Y-m-d\'); paste this code in html input value like this :</span></span><br />&nbsp;<br />\r\n<pre><code>&lt;input type="date" value="&lt;?php echo (new&nbsp;DateTime())-&gt;format(<span class="hljs-string">\'Y-m-d\'</span>); ?&gt;"&gt;</code></pre>\r\n<br /><br />\r\n<div><strong><strong>Step2 :&nbsp;</strong></strong>echo (new DateTime(\'H:i:s\'))-&gt;format(\'H:i:s\'); paste this code in html input value like this :\r\n<div><span>&nbsp;</span></div>\r\n<br />\r\n<pre><code>&lt;input type="date" value="&lt;?php echo (new&nbsp;DateTime())-&gt;format(<span>\'Y-m-d\'</span>); ?&gt;"&gt;</code></pre>\r\n<br /><br /><strong><span id="docs-internal-guid-44950577-7fff-2f6f-03cb-2f8c99c7e968">I hope this code will help you enjoy coding</span></strong></div>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (45, '5-important-css-properties-web-designer-must-know-css3-most-used-properties', '5 Important CSS Properties Web Designer Must Know', '<p>In CSS, there are some essential topics that every website designer should know about. Its examples, CSS variable, image sprite, pseudo-element, CSS flex, box-shadow. These 5 CSS properties are primarily used in the website, so every website designer should know about these properties. <strong><br /><br />1. CSS Variable : </strong></p>\r\n<p>CSS Variable properties are beneficial when we have to use something global available for my complete project, such as website colors.</p>\r\n<p><strong>Example : </strong></p>\r\n<pre><code>:root {\r\n&nbsp; --main-bg-color: coral;\r\n}\r\n&nbsp;\r\n#div1 {\r\n&nbsp; background-color: var(--main-bg-color);\r\n}\r\n&nbsp;\r\n#div2 {\r\n&nbsp; background-color: var(--main-bg-color);\r\n}</code></pre>\r\n<p>Here in this example, we can see that we have defined &ndash;main-bg-color once in :root and used in two divs to save extra code and write professionally by using a variable.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>2. Pseudo Elements</strong></p>\r\n<p>CSS Pseudo Elements is very useful when we insert any icon or anything before or after the HTML tag.</p>\r\n<p><strong>Example : </strong></p>\r\n<pre><code>h1::before {\r\n&nbsp; content: url(smiley.gif);\r\n}\r\n&nbsp;\r\nh1::after {\r\n&nbsp; content: url(smiley.gif);\r\n}\r\n</code></pre>\r\n<p>This property saves many times when we have to insert any icon or any content in several HTML tags. In the above example, we just inserted a gif image before and after the h1 tag.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>3.&nbsp; Image Sprites</strong></p>\r\n<p dir="ltr"><strong>CSS ImageSprites property is beneficial for reducing HTTPS requests on the server</strong><strong>;</strong> when we use several small images in a website or web application, HTTP requests increase on the server.</p>\r\n<p dir="ltr">It impacts website speed, so Image Sprites is very useful for website or web application performance.</p>\r\n<p>Image sprites are nothing; it is a combination of <strong>background-image</strong> and <strong>background-position</strong> CSS property.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Example : </strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<pre><code>#home {\r\n&nbsp; left: 0px;\r\n&nbsp; width: 46px;\r\n&nbsp; background: url(\'img_navsprites.gif\') 0 0;\r\n}\r\n&nbsp;\r\n#prev {\r\n&nbsp; left: 63px;\r\n&nbsp; width: 43px;\r\n&nbsp; background: url(\'img_navsprites.gif\') -47px 0;\r\n}\r\n&nbsp;\r\n#next {\r\n&nbsp; left: 129px;\r\n&nbsp; width: 43px;\r\n&nbsp; background: url(\'img_navsprites.gif\') -91px 0;\r\n}\r\n&nbsp; \r\n</code></pre>\r\n<p dir="ltr">Here in this example, we use a single image with different background positions. It helps us to reduce HTTP requests because here, the server has to load only one image.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>4. Box Shadow</strong></p>\r\n<p><span id="docs-internal-guid-e1875f2e-7fff-4430-6465-a2e9a2ddcf14"><span>CSS Box Shadow is mainly used to achieve material or actual look box design.</span></span></p>\r\n<p><strong>Example : </strong></p>\r\n<pre><code>.box {\r\n&nbsp; width: 250px;\r\n&nbsp; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);\r\n&nbsp; text-align: center;\r\n} </code></pre>\r\n<p><strong>5. CSS Flex</strong></p>\r\n<p dir="ltr"><span>CSS Flex is very useful when we talk about alignments in design. We also said that advanced version of </span><span>a float CSS property. </span><span>By using flex, we can align our items vertically or horizontally and also in the group easily.</span></p>\r\n<p><span id="docs-internal-guid-ce3c6489-7fff-b9dc-5a0e-b9b8ba53eed9"><strong>Note: </strong><span>Write all flex properties in the parent element</span></span></p>\r\n<p><strong>Example : </strong></p>\r\n<pre><code><strong>Horizontal Alignment Property</strong>\r\n<strong>1. Center Align</strong>\r\n.flex-container {\r\n&nbsp; display: flex;\r\n&nbsp; justify-content: center;\r\n}\r\n<strong>2. Left Align</strong>\r\n.flex-container {\r\n&nbsp; display: flex;\r\n&nbsp; justify-content: flex-start;\r\n}\r\n<strong>3. Right Align</strong>\r\n.flex-container {\r\n&nbsp; display: flex;\r\n&nbsp; justify-content: flex-end;\r\n}\r\n<strong>4. Space Around (Equal Space between all boxes)</strong>\r\n.flex-container {\r\n&nbsp; display: flex;\r\n&nbsp; justify-content: space-around;\r\n}\r\n<strong>5. Space Between (Equal Space between all boxes except first and last)</strong>\r\n.flex-container {\r\n&nbsp; display: flex;\r\n&nbsp; justify-content: space-between;\r\n} </code></pre>\r\n<p><span id="docs-internal-guid-ebb80eaf-7fff-2470-8e75-f4adc183bcde"><span>Use all these alignment properties same as in vertical alignment </span><strong>replace justify-content to align-items.</strong></span></p>\r\n<p><strong>&nbsp;</strong></p>', '1', 'blog'), (46, 'image-preview-before-upload-by-using-js', 'Image Preview Before Upload By Using JS', '<p dir="ltr"><strong>Solution: </strong><span>Sometimes there is a need to preview an image before uploading in website examples in college registration form signature upload, in govt exam form documents upload like Adhar card, address proof, photo of the person, we can do this easily by using js code, here is the solution for you</span></p>\r\n<div><span>&nbsp;</span></div>\r\n<p><strong>Step1 :</strong>&nbsp;<span id="docs-internal-guid-e84d2293-7fff-b9bf-6242-34fdcbfa5913"><span>&nbsp;Write the following HTML code</span></span></p>\r\n<pre><code>&lt;img id="avtar" style="height: 80px;" src="images/abc.jpg" alt="" /&gt;<br />&lt;input id="avtarbtn" class="form-control" type="file" name="docpic" value="" /&gt;</code>\r\n</pre>\r\n<p><strong>Step2 :</strong>&nbsp;<span id="docs-internal-guid-490a9a1f-7fff-c56f-4076-df5d82ddec61"><span>Paste the following script at the end of the body tag</span></span></p>\r\n<pre><code>&lt;script type="text/javascript"&gt;<br />function readURL(input) <br />{<br />&nbsp; &nbsp;if (input.files &amp;&amp; input.files[0])<br />&nbsp; &nbsp;{<br />&nbsp; &nbsp; &nbsp; var reader = new FileReader();<br />&nbsp; &nbsp; &nbsp; reader.onload = function(e)<br />&nbsp; &nbsp; &nbsp; {<br />&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;$(\'#avtar\').attr(\'src\', e.target.result);<br />&nbsp; &nbsp; &nbsp; &nbsp;}&nbsp;<br />&nbsp; &nbsp; reader.readAsDataURL(input.files[0]);<br />&nbsp; &nbsp;}<br />}<br /><br />$("#avtarbtn").change(function() {<br />readURL(this);<br />});<br />&lt;/script&gt;<br /><br /></code></pre>', '1', 'blog'), (47, 'how-to-open-bootstrap-modal-box-after-few-seconds', 'How to Open Bootstrap Modal Box after few seconds ', '<p dir="ltr"><span><strong>Solution:</strong>&nbsp; </span><span>Here are some steps to load the modal box of bootstrap after few seconds; there is a need sometimes to load the modal box on the website after few seconds; this is a common requirement for the website, such as a pop of inquiry form, offer pop up, etc., So by following these steps we can achieve :</span></p>\r\n<br /><strong>Step 1</strong> :&nbsp;<span id="docs-internal-guid-a70cb452-7fff-7317-6ab2-4aff8f0edb60"><span>&nbsp;Add Modal Box of bootstrap</span></span>\r\n<pre><code><span>&lt;!-- The Modal --&gt;</span><br /><span><span>&lt;</span>div<span>&nbsp;class<span>="modal"</span>&nbsp;id<span>="myModal"</span></span><span>&gt;</span></span><br /><span>&nbsp;&nbsp;</span><span><span>&lt;</span>div<span>&nbsp;class<span>="modal-dialog"</span></span><span>&gt;</span></span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>div<span>&nbsp;class<span>="modal-content"</span></span><span>&gt;</span></span><br /><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&lt;!-- Modal Header --&gt;</span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>div<span>&nbsp;class<span>="modal-header"</span></span><span>&gt;</span></span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>h4<span>&nbsp;class<span>="modal-title"</span></span><span>&gt;</span></span><span>Modal Heading</span><span><span>&lt;</span>/h4<span>&gt;</span></span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>button<span>&nbsp;type<span>="button"</span>&nbsp;class<span>="close"</span>&nbsp;data-dismiss<span>="modal"</span></span><span>&gt;</span></span><span>&amp;times;</span><span><span>&lt;</span>/button<span>&gt;</span></span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>/div<span>&gt;</span></span><br /><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&lt;!-- Modal body --&gt;</span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>div<span>&nbsp;class<span>="modal-body"</span></span><span>&gt;</span></span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Modal body..</span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>/div<span>&gt;</span></span><br /><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span>&lt;!-- Modal footer --&gt;</span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>div<span>&nbsp;class<span>="modal-footer"</span></span><span>&gt;</span></span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>button<span>&nbsp;type<span>="button"</span>&nbsp;class<span>="btn btn-danger"</span>&nbsp;data-dismiss<span>="modal"</span></span><span>&gt;</span></span><span>Close</span><span><span>&lt;</span>/button<span>&gt;</span></span><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>/div<span>&gt;</span></span><br /><br /><span>&nbsp;&nbsp;&nbsp;&nbsp;</span><span><span>&lt;</span>/div<span>&gt;</span></span><br /><span>&nbsp;&nbsp;</span><span><span>&lt;</span>/div<span>&gt;</span></span><br /><span><span>&lt;</span>/div<span>&gt;</span></span>\r\n</code></pre>\r\n<p><strong>Step 2 :&nbsp;</strong><span id="docs-internal-guid-70766273-7fff-9790-24ad-5b8166f97659">Add script after your jquery CDN file or before closing body tag</span><br /><br /></p>\r\n<pre><code>&lt;script type="text/javascript"&gt;\r\n$(window).on(\'load\',function(){ setTimeout(function(){<br /> $(\'#myModal\').modal(\'show\');<br /> }, 10000);<br /> <br /> });\r\n&lt;/script&gt;</code></pre>', '1', 'blog'), (48, 'cpanel-email-send-but-cannot-receive-emails', 'Cpanel Email Send But cannot Receive Emails', '<p dir="ltr"><span>It is a common problem in Cpanel email or webmail that mail is sent quickly by webmail to recipients, but mail is not receiving, so here is the solution.&nbsp;</span></p>\r\n<p dir="ltr"><strong>Solution :<br /></strong></p>\r\n<p dir="ltr"><span><strong>Step1:</strong>&nbsp; </span><span>Go into your domain DNS Settings add a record&nbsp;</span></p>\r\n<p dir="ltr"><span>Select Type A record&nbsp;</span></p>\r\n<p dir="ltr"><span>Write mail in Name Field</span></p>\r\n<p dir="ltr"><span>points to: Your Cpanel IP Address like this 104.08.809<br /><br /></span></p>\r\n<p dir="ltr"><strong>Step2</strong><span><strong>:</strong> Add MX record in DNS Settings</span></p>\r\n<p dir="ltr"><span>Select Type MX</span></p>\r\n<p dir="ltr"><span>Write @ in Name Field</span></p>\r\n<p dir="ltr"><span>Write mail&mdash;your domain in Points to such like this mail.webdevelopmentinstitute.com.<br /><br /></span></p>\r\n<p dir="ltr"><strong>Step3:&nbsp; </strong><span>Go into Your Cpanel Email Routing</span></p>\r\n<p dir="ltr"><span>Change your MX record to </span><strong>the local mail exchanger</strong></p>\r\n<p dir="ltr">and priority will be 0</p>', '1', 'blog'), (49, '4-important-topics-to-learn-bootstrap', '4 Important Topics to learn Bootstrap', '<p dir="ltr"><strong>1. Grid System:</strong> &nbsp; The Most Important Topic of Bootstrap is Grid; Bootstrap has a 12 Column Grid System Rule which we have to follow. <strong>It</strong> has predefined classes (col-lg-4, col-md-6, col-sm-5, col-12) for devices. Such as <strong>lg </strong>for the <strong>large device</strong><strong>, md</strong> for the<strong> medium device</strong>, <strong>sm </strong>for a<strong> small device</strong>, etc., grid system we can easily manage boxes in all devices.</p>\r\n<div>&nbsp;</div>\r\n<div class="table-responsive">\r\n<table class="grid table table-bordered" cellspacing="0">\r\n<tbody>\r\n<tr>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n<td>span 1</td>\r\n</tr>\r\n<tr>\r\n<td colspan="4">&nbsp;span 4</td>\r\n<td colspan="4">&nbsp;span 4</td>\r\n<td colspan="4">&nbsp;span 4</td>\r\n</tr>\r\n<tr>\r\n<td colspan="4">span 4</td>\r\n<td colspan="8">span 8</td>\r\n</tr>\r\n<tr>\r\n<td colspan="6">span 6</td>\r\n<td colspan="6">span 6</td>\r\n</tr>\r\n<tr>\r\n<td colspan="12">span 12</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n</div>\r\n<p dir="ltr"><strong>2. Bootstrap4 Mostly Used Components and Classes :&nbsp;</strong></p>\r\n<p dir="ltr">Bootstrap4 has several useful components and classes, which helps design a web page quickly with attractive features. Such as modal box, tab panel and margins, padding classes, etc. Some of these are the following :</p>\r\n<p dir="ltr">1. Modal Box</p>\r\n<p dir="ltr">2. Tab panel (In Bootstrap4 Navs, Dynamic Toggleable Tabs)</p>\r\n<p dir="ltr">3. Carousel</p>\r\n<p dir="ltr">4. Responsive Navbar (Collapsible Navbar)</p>\r\n<p dir="ltr">5. Bootstrap4 Card</p>\r\n<p dir="ltr">6. Margin and Padding Classes (e.g. mt-2,mb-3,py-3)</p>\r\n<p dir="ltr">7. Bootstrap Buttons and Alerts (handy for web application)</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>3. Display Utilities: </strong>Bootstrap Display utilities are helpful when hiding or showing any content in a particular device. Such as a div, we want to hide in mobile; we will use (d-none d-sm-block); here is the table for display utilities :</p>\r\n<table class="table table-bordered">\r\n<thead>\r\n<tr><th>Screen Size</th><th>Class</th></tr>\r\n</thead>\r\n<tbody>\r\n<tr>\r\n<td>Hidden on all</td>\r\n<td><code class="highlighter-rouge">.d-none</code></td>\r\n</tr>\r\n<tr>\r\n<td>Hidden only on xs</td>\r\n<td><code class="highlighter-rouge">.d-none .d-sm-block</code></td>\r\n</tr>\r\n<tr>\r\n<td>Hidden only on sm</td>\r\n<td><code class="highlighter-rouge">.d-sm-none .d-md-block</code></td>\r\n</tr>\r\n<tr>\r\n<td>Hidden only on md</td>\r\n<td><code class="highlighter-rouge">.d-md-none .d-lg-block</code></td>\r\n</tr>\r\n<tr>\r\n<td>Hidden only on lg</td>\r\n<td><code class="highlighter-rouge">.d-lg-none .d-xl-block</code></td>\r\n</tr>\r\n<tr>\r\n<td>Hidden only on xl</td>\r\n<td><code class="highlighter-rouge">.d-xl-none</code></td>\r\n</tr>\r\n<tr>\r\n<td>Visible on all</td>\r\n<td><code class="highlighter-rouge">.d-block</code></td>\r\n</tr>\r\n<tr>\r\n<td>Visible only on xs</td>\r\n<td><code class="highlighter-rouge">.d-block .d-sm-none</code></td>\r\n</tr>\r\n<tr>\r\n<td>Visible only on sm</td>\r\n<td><code class="highlighter-rouge">.d-none .d-sm-block .d-md-none</code></td>\r\n</tr>\r\n<tr>\r\n<td>Visible only on md</td>\r\n<td><code class="highlighter-rouge">.d-none .d-md-block .d-lg-none</code></td>\r\n</tr>\r\n<tr>\r\n<td>Visible only on lg</td>\r\n<td><code class="highlighter-rouge">.d-none .d-lg-block .d-xl-none</code></td>\r\n</tr>\r\n<tr>\r\n<td>Visible only on xl</td>\r\n<td><code class="highlighter-rouge">.d-none .d-xl-block</code></td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<br />\r\n<p dir="ltr"><strong>4. Media Query: </strong>Media Query plays a vital role in responsive web design. It helps us to manage our designing elements in different devices. e.g. we have to manage font size in mobiles; we have to reduce margin and padding of elements etc., problems related to design.</p>\r\n<p dir="ltr"><strong>Syntax : </strong>@media (max-width: 767px)</p>\r\n<p dir="ltr">In above syntax we wrote 767px ,In Media query there are following size for device :</p>\r\n<p dir="ltr"><strong>Vertical Sizes of Mobile Device</strong></p>\r\n<p dir="ltr">1. 320px (for iphone or 4.5 inch to 5.inch phones)</p>\r\n<p dir="ltr">2. 360px (for galaxy s5 or 5 inch to 5.5 inch phones)</p>\r\n<p dir="ltr">3. 414PX (for google nexus or 5.5 inch to 6 inch phones)</p>\r\n<p dir="ltr"><strong>Horizontal Sizes of Mobile Device</strong></p>\r\n<p dir="ltr">1. 568px (horizontal view of iphone or 4.5 inch to 5 inch phones)</p>\r\n<p dir="ltr">2. 640px (for galaxy s5 or 5 inch to 5.5 inch)</p>\r\n<p dir="ltr">3. 767px (for google nexus or 5.5 inch to 6 inch)</p>\r\n<p dir="ltr"><strong>Ipad and Ipad pro Size</strong></p>\r\n<p dir="ltr">1. 768px to 1024</p>\r\n<p dir="ltr">2. 1024 to 1366px</p>\r\n<div>&nbsp;</div>', '1', 'blog'), (50, 'configure-outlook-2007-with-webmail-or-cpanel-email-account', 'Configure Outlook 2007 with Webmail or Cpanel Email Account', '<p dir="ltr"><span>Configuring Outlook with webmail or Cpanel is a common requirement. Here are some steps to configure Outlook with webmail; these steps are following :</span></p>\r\n<p dir="ltr"><strong>Solution :&nbsp;</strong></p>\r\n<p dir="ltr"><strong>Step1</strong><span><strong>:</strong> In Microsoft Outlook, Click on </span><strong>Tools Menu &gt; Account Settings</strong></p>\r\n<p dir="ltr"><strong>Step2</strong><span><strong>:</strong> On the Email Accounts wizard window, Click on </span><strong>New</strong><span> fill up the following details</span><span> :&nbsp;</span></p>\r\n<p dir="ltr"><strong>Your Name</strong></p>\r\n<p dir="ltr"><span>Your first and last name.</span></p>\r\n<p dir="ltr"><strong>Email Address</strong></p>\r\n<p dir="ltr"><span>Your email address.</span></p>\r\n<p dir="ltr"><strong>Password</strong></p>\r\n<p dir="ltr"><span>Your email account password.</span></p>\r\n<p dir="ltr"><strong>Retype Password</strong></p>\r\n<p dir="ltr"><span>Your email account password.</span></p>\r\n<p dir="ltr"><span>Click on the Next button, go further.</span></p>\r\n<p dir="ltr"><span><strong>Step3:</strong>&nbsp; </span><span>Choose </span><strong>Internet Email</strong><span> from the following Email Service&nbsp;</span></p>\r\n<p dir="ltr"><span>Internet Email</span></p>\r\n<p dir="ltr"><span>Microsoft Exchange</span></p>\r\n<p dir="ltr"><span>Others</span></p>\r\n<p dir="ltr"><strong>Step4:&nbsp; </strong><span>Fill Internet Email Setting Details :</span></p>\r\n<p dir="ltr"><strong>Your Name</strong></p>\r\n<p dir="ltr"><span>Name you to want to keep to send mail such as (Receptionist, Education, etc.)</span></p>\r\n<p dir="ltr"><strong>Email Address</strong></p>\r\n<p dir="ltr"><span>your webmail address such as </span><span>&nbsp;info@abcd.com</span></p>\r\n<p dir="ltr"><strong>Server Information</strong></p>\r\n<p dir="ltr"><strong>Account Type: </strong><span>POP3</span></p>\r\n<p dir="ltr"><strong>Incoming Mail Server :&nbsp;</strong></p>\r\n<p dir="ltr"><span>You will find your incoming mail server in a webmail account, e.g., like this: sg3plcpnl0178.prod.sin3.secureserver.net.</span></p>\r\n<p dir="ltr"><strong>Outgoing Mail Server :&nbsp;</strong></p>\r\n<p dir="ltr"><span>You will find your outgoing mail server in a webmail account, e.g., like this: sg3plcpnl0178.prod.sin3.secureserver.net.</span></p>\r\n<p dir="ltr"><strong>Login Information&nbsp;</strong></p>\r\n<p dir="ltr"><strong>User:</strong><span> your webmail address, ex. </span><span>info@abcd.com</span></p>\r\n<p dir="ltr"><strong>Password: </strong><span>your webmail password</span></p>\r\n<p dir="ltr"><span>after filling in all these details, </span><span><strong>don\'t click on the Next button; click</strong></span><span> on</span><span> the<strong> More Settings button, </strong></span><span>which located in the right bottom corner</span></p>\r\n<p dir="ltr"><strong>Step5:</strong><span> Email Settings Pop up Box will be open click on </span><strong>Advanced Menu Tab</strong></p>\r\n<p dir="ltr"><span>Set your Incoming server Port to</span><strong> 993 or 995</strong></p>\r\n<p dir="ltr"><span>Set your Outgoing server Port to</span><strong> 465</strong></p>\r\n<p dir="ltr"><span>Select </span><strong>SSL</strong><span> in Encrypted Connection</span></p>\r\n<p dir="ltr"><span>Server Timeout should be</span><strong> 5 min or more than 5 minutes.</strong></p>\r\n<p dir="ltr"><strong>Step 6: </strong><span>In Pop Up Box</span><span>, <strong>Click on Outgoing Server Tab</strong></span></p>\r\n<p dir="ltr"><strong>Checked </strong><span>My outgoing server requires authentication&nbsp;</span></p>\r\n<p dir="ltr"><strong>Now finally click on Ok.&nbsp;</strong></p>\r\n<p dir="ltr"><strong>Step7: </strong><span>Click on Next and Finish</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (51, 'common-mistakes-in-bootstrap-or-responsive-design', 'Common Mistakes in Bootstrap or Responsive Design', '<p dir="ltr">When we work in bootstrap, beginners make common mistakes such as missing the viewport. And using the same multiple id in bootstrap components such as nav, carousal, tab panel, modal box, etc. For margin and padding, use unwanted CSS extra code instead of bootstrap built-in classes; there is several common mistakes, some of the following:</p>\r\n<p dir="ltr"><strong>1. Missing Viewport:</strong> &nbsp;If your webpage looks the same on the mobile device as on desktop, it means there is no change in the navbar or grid system in a mobile device, then you should check your meta viewport in the head tag</p>\r\n<pre><code><strong>Example</strong> :&nbsp;&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;</code></pre>\r\n<br />\r\n<p dir="ltr">Above example, a meta tag should be present in your head tag to make your page device friendly.</p>\r\n<p dir="ltr"><strong>2. Use of unwanted extra CSS for margin and padding:&nbsp;&nbsp;</strong></p>\r\n<p dir="ltr">The beginner\'s common mistake is that it uses CSS to give <strong>margin and padding</strong> into HTML elements instead of <strong>built-in bootstrap classes, e.g mt-2,py-3 etc. </strong>So You should use built-in bootstrap classes (Spacing classes) to reduce the extra number of CSS code.</p>\r\n<pre><code><strong>Example:</strong><br />&lt;div class="mt-3"&gt;&amp;nbsp;&lt;/div&gt;</code></pre>\r\n<p dir="ltr">In the above example, we used <strong>mt-3 for margin-top</strong><strong>;</strong> you can use <strong>mt, mb etc</strong><strong>.</strong>, to give margin and padding into HTML elements.</p>\r\n<p>&nbsp;</p>\r\n<p dir="ltr"><strong>3. Use of unwanted media query to hide or show HTML elements: </strong>Beginner\'s third common mistake is using a media query to hide or show any HTML element instead of <strong>bootstrap built-in classes (display classes or display properties )</strong>.</p>\r\n<pre><code><strong>Example:</strong><br />&lt;div class="d-none d-sm-block"&gt;&amp;nbsp;&lt;/div&gt;</code></pre>\r\n<p dir="ltr">In the above example, we hide elements from mobile devices only, so there are several classes in the bootstrap display. By using this, we can save CSS code and make our web page faster.</p>\r\n<div>&nbsp;</div>\r\n<p><strong><br /><br /><br /></strong></p>', '1', 'blog'), (52, 'how-to-use-ajax-in-php-with-jquery', 'How to use Ajax in PHP with JQuery', '<p dir="ltr">Ajax is called (Asynchronous JavaScript and XML); it is used to send data into a database or receive data from the database without reloading the whole page.</p>\r\n<p dir="ltr"><strong>Example :&nbsp;</strong></p>\r\n<p dir="ltr"><strong>1.</strong>&nbsp; Promo code in eCommerce website, when user applied promo code in eCommerce website, after successfully applied webpage not reloading just showing coupon applied message to us.&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</p>\r\n<p dir="ltr"><strong>2. </strong>When we want to receive complete data of employee or patient on behalf of employee id or patient id without page refreshing&nbsp;</p>\r\n<p dir="ltr">There are several examples in ajax. Just keep one point in your mind: when we want data from a database or send data into a database without page reload.</p>\r\n<p dir="ltr"><strong>Solution : &nbsp;&nbsp;</strong></p>\r\n<br /><br /><strong>HTML Code :</strong>&nbsp;<br /><br />\r\n<pre><code>&lt;select id="empid"&gt;<br />&lt;option id="1"&gt;Rakesh kumar&lt;/option&gt;<br />&lt;option id="2"&gt;Rajesh kumar&lt;/option&gt;<br />&lt;option id="3"&gt;Deepak Mathur&lt;/option&gt;<br />&lt;/select&gt;<br /><br />&lt;div id="searchdiv"&gt;&lt;/div&gt;<br />&lt;/div&gt;</code></pre>\r\n<strong>Jquery Code :&nbsp;</strong>\r\n<pre><code>$(\'#empid\').change(function () {<br />$enqid = $(\'#empid\').val()<br />$.ajax({url:"php page url",<br />method:"POST",<br />data:{empid:$empid},<br />success:function(data){<br />if(data){<br />$(\'#searchdiv\').html(data);<br />}<br />else{<br /> alert(\'No data found\');<br />} <br />}});<br />});<br /><br /></code></pre>', '1', 'blog'), (53, 'css-selectors-every-web-designer-should-know', 'CSS Selectors Every Web Designer Should Know', '<p dir="ltr"><strong>CSS selectors</strong> are an important topic of CSS define how to select HTML element by different CSS selectors such as<strong> element selector, class selector, group selector, etc. </strong>CSS selectors are mandatory to learn for beginners in the right way. If beginners know when to use which selector, they can reduce unwanted lines of code in CSS. There is several CSS selectors, some of the following :&nbsp;</p>\r\n<div>&nbsp;</div>\r\n<p><strong>1. Element Selector :</strong>As its name tells about itself, Select any HTML element by its name.</p>\r\n<p><strong>Syntax :</strong>&nbsp;&nbsp;<br /> <br /> element-name<br /> {<br /> &nbsp; &nbsp; property : value<br /> }<br /> <br /> <strong>Example :</strong>&nbsp;</p>\r\n<pre><code>&nbsp;<strong>HTML :</strong><br />&lt;p&gt;web designing&lt;/p&gt;<br />&lt;p&gt;web development&lt;/p&gt;<br />&lt;p&gt;graphic design&lt;/p&gt;\r\n<br /><strong>CSS :</strong><br />p<br />{<br />color:red<br />}</code></pre>\r\n<p dir="ltr">Element selector is used to select all specific HTML elements, e.g. select all paragraphs, select all headings etc. It is mainly used in the website, such as to mention equal font size or font family of paragraph for website etc.</p>\r\n<div>&nbsp;</div>\r\n<p><strong>2. Class Selector :</strong>&nbsp;The class selector is used to select a specific HTML element, which contains a class attribute. It is a reusable selector.</p>\r\n<p><strong>Syntax :</strong></p>\r\n<p>&nbsp;</p>\r\n<p>.classname</p>\r\n<p>{</p>\r\n<p>Property : value</p>\r\n<p>}<br /><br /></p>\r\n<pre><code><strong>Example :<br /></strong> <br /><strong>HTML</strong><br />&lt;div class="box"&gt;&lt;/div&gt;<br /><br /><strong>CSS :</strong><br />.box<br />{<br />width: 300px;<br />height:300px;<br />background:#f00;<br />}</code></pre>\r\n<p><strong>3. Group Selector :</strong>&nbsp;Group Selector is used to select a group of elements, or we can say that we can select more than one element at a time. It helps when we have to use the same properties in two or more different elements, such as removing the symbol from ul and ol. The (,) symbol denotes group Selector.</p>\r\n<p><strong>Syntax</strong></p>\r\n<p>Firstelement, Secondelement&hellip;<br /><br /></p>\r\n<pre><code><strong>Example :</strong>Remove symbol and number from list<br /><br /><strong>HTML</strong><br />&lt;ul&gt;<br />&lt;li&gt;Web Design&lt;/li&gt;<br />&lt;li&gt;Web Development&lt;/li&gt;<br />&lt;li&gt;Web Design&lt;/li&gt;<br />&lt;li&gt;Web Development&lt;/li&gt;<br />&lt;/ul&gt;<br />\r\n<strong>CSS</strong><br />ul,ol<br />{<br />list-style:none;<br />}</code></pre>\r\n<p><strong>4. Descendant Selector :</strong>&nbsp;Descendant Selector is used to select an element on behalf of its parent, or we can say that we can select an element by its parent name. It is useful when we have to select any child of a specific parent element such as all lists of ul or all paragraphs of a particular div.</p>\r\n<div>&nbsp;</div>\r\n<p><strong>Syntax : </strong></p>\r\n<p><strong>parent-element child-element</strong></p>\r\n<p><strong>{</strong></p>\r\n<p><strong>}</strong></p>\r\n<pre><code><strong>Example:</strong> select all li of&nbsp; particular div<br /><br />\r\n<strong>HTML<br /></strong><br />&lt;ul class="list1"&gt;<br />&lt;li&gt;list1&lt;/li&gt;<br />&lt;li&gt;list2&lt;/li&gt;<br />&lt;li&gt;list3&lt;/li&gt;<br />&lt;li&gt;list4&lt;/li&gt;<br />&lt;li&gt;list1&lt;/li&gt;<br />&lt;/ul&gt; <br /><br /><strong>CSS<br /></strong><br />.list1 li<br />{<br />color:#000;<br />}</code></pre>', '1', 'blog'), (54, 'difference-between-descendant-selector-and-direct-child-selector', 'Difference Between Descendant Selector and Direct Child Selector', '<span><span>Selectors play a significant role in the style of any element; if we use the selector in the right way, we can reduce our CSS code. There are two similar selectors, but there is little difference between them </span><strong>Descendant Selector and Direct Child Selector. </strong><span>Today we will see the difference between them.</span></span><br /><br /><strong>1.Descendant Selector :</strong><span>The descendant Selector selects all child elements of the selected parent element.</span><br /><br /><strong>Example:&nbsp;</strong><br /><br />\r\n<pre><code><strong>HTML Code :&nbsp;<br /><br /></strong>&lt;ul&gt;<br />&lt;li&gt;Website Design<br />&lt;ul&gt;<br />&lt;li&gt;HTML &amp; CSS&lt;/li&gt;<br />&lt;li&gt;Bootstrap&lt;/li&gt;<br />&lt;li&gt;JS&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br />&lt;li&gt;Graphic Design&lt;/li&gt;<br />&lt;li&gt;Website Development&lt;/li&gt;<br />&lt;li&gt;Video Editing&lt;/li&gt;<br />&lt;/ul&gt;<br /><br /></code></pre>\r\n<strong>CSS Code</strong><br /><br />\r\n<pre><code>ul li&nbsp;<br />{<br />&nbsp; color:red;<br />}<br /><br /></code></pre>\r\n<p dir="ltr"><strong>In this example, the descendant selector selects all li of selected ul elements.</strong></p>\r\n<div><span>&nbsp;</span></div>\r\n<strong><strong>2. Direct Child Selector :&nbsp;</strong></strong>This selector selects only the direct child of the selected element.\r\n<div><span>&nbsp;</span></div>\r\n<strong>Example:&nbsp;</strong><br /><br />\r\n<pre><code><strong>HTML Code :&nbsp;<br /><br /></strong>&lt;ul&gt;<br />&lt;li&gt;Website Design<br />&lt;ul&gt;<br />&lt;li&gt;HTML &amp; CSS&lt;/li&gt;<br />&lt;li&gt;Bootstrap&lt;/li&gt;<br />&lt;li&gt;JS&lt;/li&gt;<br />&lt;/ul&gt;<br />&lt;/li&gt;<br />&lt;li&gt;Graphic Design&lt;/li&gt;<br />&lt;li&gt;Website Development&lt;/li&gt;<br />&lt;li&gt;Video Editing&lt;/li&gt;<br />&lt;/ul&gt;<br /><br /></code></pre>\r\n<strong>CSS Code</strong><br /><br />\r\n<pre><code>ul&gt;li&nbsp;<br />{<br />&nbsp; color:red;<br />}<br /><br /></code></pre>\r\n<strong><span id="docs-internal-guid-6157bceb-7fff-c230-ebff-db8e3d105cf8">In this example, the direct child selector selects only direct li of selected ul elements. It will not select HTML, CSS, js, jquery li because it is not a direct child of ul; it is a child of the first li element.</span></strong>', '1', 'blog'), (55, 'how-to-print-specific-area-of-webpage-by-jquery', 'How to Print Specific Area of Webpage by JQuery ', '<p dir="ltr"><span>Printing a Specific area of the webpage is a common task in the web application. Primarily we must print only a specific part of a page in a web application, such as the list of patient data, list of employees, etc. Then there is a plugin that exists printarea.js; we can print a specific part of the web page by using this. Here I am showing how can I do this; there are some following steps :</span></p>\r\n<p><strong>Step1 :&nbsp;</strong>Download PrintArea css file and embed in your head tag:<br /> <br /> <a href="../../../media/PrintArea.css"><strong>Download Css File</strong></a><strong><br /> <br /> <strong>Step2 :</strong></strong>Download the PrintArea js file and embed it in your head or at the end of the body tag:</p>\r\n<p><a href="../../../media/jquery.PrintArea.js"><strong>Download Js File</strong></a><strong><br /> <br /> <strong>Step3 :&nbsp;</strong></strong>After downloading and embedding both files CSS and js write id in your button tag and div :</p>\r\n<pre><code>&lt;div class="col-lg-4 py-2 pl-1"&gt;&lt;br /&gt; &lt;button id="print_button9" class="btn btn-success btn-sm float-right" type="button"&gt;Print Now&lt;/button&gt;&lt;/div&gt;<br />&lt;pre&gt;&lt;br /&gt; &lt;/pre&gt;<br />&lt;div id="allprint" class="row"&gt;&lt;br /&gt;<br />&lt;p&gt;hello printable div&lt;/p&gt;<br />&lt;/div&gt;<br />&lt;pre&gt;&lt;br /&gt; &lt;/pre&gt;<br />&lt;div class="row"&gt;&lt;br /&gt;<br />&lt;p&gt;this is not printable area&lt;/p&gt;<br />&lt;/div&gt;</code></pre>\r\n<p><br /> <strong>Step4 :</strong>&nbsp;Place this script at the end of the body tag:</p>\r\n<pre><code>&lt;script type="text/javascript"&gt;// &lt;![CDATA[<br /> $("#print_button9").click(function(){ &lt;br /&gt;var mode = \'iframe\'; // popup &lt;br /&gt;var close = mode == "popup"; &lt;br /&gt;var options = { mode : mode, popClose : close}; &lt;br /&gt;$("#allprint").printArea( options ); }); &lt;br /&gt;<br />// ]]&gt;&lt;/script&gt;</code></pre>', '1', 'blog'), (56, 'how-to-iterate-or-loop-between-two-dates', 'How to Iterate loop Between two Dates', '<p><span>Sometimes, we need to iterate the loop between two dates, for example we have to update data or insert data in the database between two dates. In PHP, we can quickly iterate the loop between date ranges using the date function of PHP DateTime, date period, etc.</span></p>\r\n<p><strong>HTML CODE :</strong></p>\r\n<pre><code>&lt;p&gt;&lt;label style="margin-bottom: 12px;" for="password"&gt;From&lt;/label&gt;&lt;/p&gt;<br />&lt;p&gt;&lt;input id="dateInput" class="form-control" style="margin-bottom: 12px;" type="date" name="from" /&gt;&lt;/p&gt;<br />&lt;p&gt;&lt;label style="margin-bottom: 12px;" for="password"&gt;To&lt;/label&gt;&lt;/p&gt;<br />&lt;p&gt;&lt;input id="dateInput1" class="form-control" style="margin-bottom: 12px;" type="date" name="to" /&gt;&lt;/p&gt;</code></pre>\r\n<p><strong>PHP CODE :&nbsp;&nbsp;</strong></p>\r\n<pre><code>&lt;?php&nbsp;<br /><br />$begin = new DateTime($_POST[\'from\']);<br /><br />$end = new DateTime($_POST[\'to\']);\r\n$daterange = new DatePeriod($begin, new DateInterval(\'P1D\'), $end);<br /><br />foreach($daterange as $date)<br />{<br />echo $date-&gt;format("Y-m-d") . "&lt;br/&gt;";<br />}<br /><br />?&gt;</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (57, 'web-development-courses-after-12th', 'Web Development Courses After 12th ', '<p dir="ltr"><span>Web development programs are attracting a lot of students, especially those who have passed out 12th standard. Yes, in digitalization, </span><span><strong>web development courses after the 12th</strong> </span><span>are popular among students who wish to pursue their careers in this field.</span></p>\r\n<p dir="ltr"><span>It brings in a lot of excellent career prospects for the students. As more and more businesses are going online, the course can help students enter the online world.</span></p>\r\n<p dir="ltr"><span>If you are not aware of the </span><strong>web development courses after the 12th</strong><span>, then there are plenty wherein you can select from short-term programs to long-duration programs. These programs range from 1 month to 6 months.</span></p>\r\n<p dir="ltr"><span>When almost every company needs a web developer, you can also work as a freelancer with an established brand after completing your course.</span></p>\r\n<h3 dir="ltr"><span>Courses &amp; Duration for web development</span></h3>\r\n<p dir="ltr"><span>There are plenty of Universities/Institutions that offer</span><strong><a href="../../../web-development-diploma-certificate-courses"> web development courses after the 12th</a></strong><span>. You can enroll in any of these programs after completion of your 10+2 examination.</span></p>\r\n<p dir="ltr"><span>Different colleges offer undergraduate and diploma programs for undergraduates. Along with these programs, you will also find certificate courses in the field.</span></p>\r\n<p dir="ltr"><strong>As website designing and web development are interconnected, you can also opt for diploma courses in&nbsp;</strong></p>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Website design and development</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>PHP development</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>C, C++, and JAVA</span></p>\r\n</li>\r\n</ul>\r\n<p dir="ltr"><span><span>&nbsp;</span></span></p>\r\n<p dir="ltr"><span>If you are willing to opt for </span><strong><a href="../../../">web development training</a> after the 12th</strong><span>, make sure you analyze your interests. Make sure you assess your abilities before deciding to enroll in the program from the plethora of courses in this field.</span></p>\r\n<p dir="ltr"><span>Also, if you are thinking of going for general B-tech or any other degree course from an institute, think about this professional diploma or certificate program. Try to attend career counseling sessions or webinars to understand the scope of each program. Try to attend demo classes to analyze what is in store for you to plan your career.</span></p>\r\n<p dir="ltr"><span>With the increasing demand for developers and designers in the IT industry, you can unleash a bright career ahead. But, make sure you choose the right course according to your interest and capabilities.</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (58, 'what-are-the-career-prospects-of-web-development-after-12th', 'What are the career prospects of web development after 12th', '<p dir="ltr"><span>If you think about </span><strong>web development after the 12th</strong><span>, you need to know its career prospects before entering this field. You can find different courses in this field. They are either short-term job-oriented courses that help you get hired after completing the course. You can also enroll for long-duration courses to do specialization and get hired by big brands.</span></p>\r\n<p dir="ltr"><span>&nbsp;As a student, you can learn </span><strong>web development after 12th</strong><span> and start earning through a part-time job as a developer.</span></p>\r\n<p dir="ltr"><span>With the rapid changes in the online world, you can find plenty of jobs in this field. Indeed, it is a job-oriented course, and many students and professionals learn coding to master the skills.&nbsp;</span></p>\r\n<p dir="ltr"><strong>With many jobs hitting the IT industry every year, you will find plenty of jobs in this field across the globe. The job profile available for a web developer is-</strong></p>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Front-end developer (web page &amp; graphics)</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Backend developer (expertise in .NET, PHP, Ruby)</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Web application developer</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Design &amp; layout analyst</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Web marketing analyst</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Senior web analyst</span></p>\r\n</li>\r\n</ul>\r\n<h3 dir="ltr"><span>Main job areas in the field of web development</span></h3>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Audio-Visual Media Agencies</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>IT Companies</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Advertising Agencies</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Publishing Houses</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Marketing Firms</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Design Studio</span></p>\r\n</li>\r\n</ul>\r\n<p dir="ltr"><span>Once you study </span><strong><a href="../../../blog/what-are-the-career-prospects-of-web-development-after-12th">web development after the 12th</a></strong><span>, you start creating the space for yourself in the tech industry. The course in this field can prepare you for getting your dream job in the IT industry.</span></p>\r\n<p dir="ltr"><span>It is the skill that is in demand, and you can take the first step to start your career as a coder. You learn to install a server to modify the design to enhance UI/UX and every aspect that would help you grow in your career.</span></p>\r\n<p dir="ltr"><span>As a web developer, you take care of the functionalities related to website design according to the client&rsquo;s needs to transform it into a functional website.&nbsp;</span></p>\r\n<p dir="ltr"><span>After completing the </span><strong><a href="../../../blog/web-development-courses-after-12th">web development course after the 12th</a></strong><span><strong>,</strong> you can work as a web developer in a company that is an important position.</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (60, 'diploma-in-web-designing-after-10th', 'Diploma in Web Designing After 10th', '<p dir="ltr"><span>Are you planning to opt for a career in web designing? Want to enroll for a diploma in web designing after the 10th? You can go for this option, but you need to know more about a diploma in web designing before that.&nbsp;</span></p>\r\n<p dir="ltr"><span>This article would give you details on the course in </span><strong>web designing after 10th</strong><span> and benefits of opting for this course in your career about the diploma course in </span><strong>web designing after 10th</strong><span><strong>.</strong> Web designing is undoubtedly a popular field in the IT industry, including all the aspects of website designing.</span></p>\r\n<p dir="ltr"><span>The diploma course is designed to help aspirants get maximum knowledge and skills to use different tools and software that allows him/them to design a website.</span></p>\r\n<h3 dir="ltr"><span>Qualification for Web Designing Course&nbsp;</span></h3>\r\n<p dir="ltr"><span>Candidates should be a 10th /12th pass or hold an equivalent qualification from a reputed board.</span></p>\r\n<p dir="ltr"><span>If you have basic knowledge of computers and the internet, it would be an added advantage. In some institutes, there is no specific age limit to opt for a diploma in </span><strong><a href="../../../blog/diploma-in-web-designing-after-10th">web designing after 10th</a></strong></p>\r\n<h3 dir="ltr"><span>Diploma courses available after 10th in Web Design</span></h3>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><strong><a href="../../../web-development-institute-for-diploma-course">Web Expert</a></strong></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><strong><a href="../../../web-design-and-development-training">Web Expert Premium</a></strong></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><strong><a href="../../../web-design-and-development-course">Web Design Expert</a></strong></p>\r\n</li>\r\n</ul>\r\n<p dir="ltr"><strong>Duration&nbsp;</strong></p>\r\n<p dir="ltr"><span>The duration of the Diploma courses varies with each institute. Still, it usually is between six months to one year or more.&nbsp;</span></p>\r\n<h3 dir="ltr"><span>Benefits &amp; Scope of career after completing diploma courses:</span></h3>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Knowledge and skills acquired after completing the course helps you design websites, apps, etc&nbsp;</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Ideal field to opt for to enhance creative skills&nbsp;</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Distinct work options like freelancing, full time, part-time, etc. as a diploma holder&nbsp;</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Online/correspondence options available with flexible timings for learning&nbsp;</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Short term course can be completed during vacations&nbsp;</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Handsome salary</span></p>\r\n</li>\r\n</ul>\r\n<p dir="ltr"><strong>Job profiles for diploma holders</strong></p>\r\n<p dir="ltr"><strong>As a diploma holder in web designing, you can work as</strong></p>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Web Designer</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>UI/UX Designer</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Static Website Developer</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Webmaster</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Multimedia Designer</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Design consultant&nbsp;</span></p>\r\n</li>\r\n</ul>\r\n<p dir="ltr"><strong>As a diploma holder, you will get the opportunity to work with different sectors like&nbsp;</strong></p>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Professional websites</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Financial institutions</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Software development firms</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Digital marketing agencies&nbsp;</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Educational institutions&nbsp;</span></p>\r\n</li>\r\n</ul>\r\n<p dir="ltr"><span>So the course comes with a lot of benefits from a career perspective and upgrading your skills.&nbsp;</span></p>', '1', 'blog'), (61, 'tips-to-choose-the-right-digital-marketing-institute', 'Tips to Choose the Right Digital Marketing Institute ', '<p dir="ltr"><span>Digital Marketing Course is very trending, because of digitalization in all industries and it is also cheaper than offline marketing such as advertising on paper, metro station boards, etc. Here are some tips for choosing the right digital marketing institute for a bright future.</span></p>\r\n<p dir="ltr"><strong>What is a Digital Marketing Course?</strong></p>\r\n<p dir="ltr">Before you learn about the tips to choose the right<strong> digital marketing institute,</strong> let us know what a<strong> digital marketing course?</strong></p>\r\n<p dir="ltr"><span>Well, it helps the students/aspirants understand digital marketing aspects. These aspects include.</span></p>\r\n<ul>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Social media marketing</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Google Ads</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Search engine optimization (SEO)</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Google Search Console</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Website Development</span></p>\r\n</li>\r\n<li dir="ltr">\r\n<p dir="ltr"><span>Affiliate Marketing</span></p>\r\n</li>\r\n</ul>\r\n<p dir="ltr"><span>Now let us move on to the tips that would help you choose the right digital marketing institute</span></p>\r\n<p dir="ltr"><strong>Determine your goals</strong></p>\r\n<p dir="ltr"><span>Before you choose an institute, make sure you identify your goals. It means whether you want to opt for an integrated course or wish to specialize in a particular digital marketing sector.</span></p>\r\n<p dir="ltr"><span>You can choose either offline or online courses. While online learning helps you choose learning hours at your convenience, offline learning would help you engage in many practical sessions.</span></p>\r\n<p dir="ltr"><span>If you wish to go for an integrated </span><strong><a href="../../../digital-marketing-diploma-certificate-courses">digital marketing course in Delhi</a></strong><span><strong>,</strong> you would learn about different techniques like SMM, SEO, SEM, email marketing, Affiliate marketing, Web analytics, etc.</span></p>\r\n<p dir="ltr"><span>Based on your area of interest, you can choose a </span><strong>digital marketing course</strong><span> that matches your talent and skills. For example, if you like analysis and research, you can opt for that particular course.</span></p>\r\n<p dir="ltr"><span>On the other hand, if you wish to be a specialist or a consultant in this field or willing to do the course to get into a job or business, your career goals would decide whether you need a short-term or integrated course.</span></p>\r\n<p dir="ltr"><strong>Testimonials of the students</strong></p>\r\n<p dir="ltr"><span>Ensure you interact with the students who have already done the course from the institute you seek admission to for a particular digital marketing course. You can check their profile.</span></p>\r\n<p dir="ltr"><span>It would help you know how good the institute is and also the prospects of the course. If you couldn\'t connect to any student, do not forget to check the reviews of the institute.</span></p>\r\n<p dir="ltr"><strong>Gather information about the Faculty</strong></p>\r\n<p dir="ltr"><span>It is not just the theory you learn, but it is more about practical learning and implementing live projects. Hence, the Faculty should have enough practical experience in this field and the subject he/she will teach you.</span></p>\r\n<p dir="ltr"><span>Course Syllabus</span></p>\r\n<p dir="ltr"><span>The course offered should match the current industry trends and standards.</span></p>\r\n<p dir="ltr"><strong>Don\'t Just Rely on a Demo Class.</strong></p>\r\n<p dir="ltr"><span>If you are thinking about just checking out the demo class before seeking admission from a particular center, then you are on the wrong track. Indeed, only a demo class cannot be the selection criteria for any learning school.</span></p>\r\n<p dir="ltr"><span>In short, try to identify your career goals and interests, and it would help you decide whether you wish to enroll in a digital marketing course or not. A good institute would have experienced Faculty that help you get insights into today\'s online digital marketing world. They would help you work on live projects that would help you know what the course holds for you in the future.</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (62, 'react-js', 'React JS', 'React JS is a library of JS. It is used to create a spa(Single Page Application) which is demanded in the market nowadays. This course is specially designed for those who want to be front-end developers or want to update profiles in web design. By learning React you can get a handsome salary in the company because React JS is mostly used for big projects some example: cardekho, Netflix, etc.', '1', 'course'), (63, 'laravel', 'Laravel', '<p>Our Laravel Course at Web Development Institute is meticulously designed for individuals eager to master the Laravel framework in a structured and practical manner. The course spans several modules, each focusing on essential aspects of Laravel development, ensuring participants gain in-depth knowledge and hands-on experience in a short timeframe.</p>\r\n<h4> </h4>', '1', 'course'), (64, 'front-end-developer', 'Front End Developer', '<p>Front end development, also known as client-side development, is crucial as it directly impacts user experience by creating the visual and interactive elements of a website. Here are compelling reasons why mastering front end development is essential:</p>\r\n<ul>\r\n<li>\r\n<p><strong>Enhance User Experience:</strong> A well-designed website not only attracts but also retains users. It reflects positively on the brand\'s image, making intuitive and engaging interfaces imperative.</p>\r\n</li>\r\n<li>\r\n<p><strong>Improve Accessibility:</strong> Ensures websites are usable across different devices and accessible to users of all abilities.</p>\r\n</li>\r\n<li>\r\n<p><strong>Increase Performance:</strong> Optimizes website performance for speed and smooth operation, enhancing user satisfaction.</p>\r\n</li>\r\n<li>\r\n<p><strong>Boost Career Opportunities:</strong> High demand exists for skilled front-end developers in the tech industry, offering diverse career prospects.</p>\r\n</li>\r\n</ul>\r\n<p><strong>Course Overview</strong></p>\r\n<p>In our Front End Development course at the<a href=\"../../../\"><strong> Web Development Institute</strong></a>, you\'ll explore two comprehensive modules designed to equip you with essential skills in creating captivating web interfaces:</p>\r\n<p><strong>MODULE 1: UI / Web Designing</strong></p>\r\n<p>This module focuses on crafting the user interface (UI) of websites, covering layout, visual elements, and overall aesthetics. You\'ll utilize industry-standard tools and versatile programming languages:</p>\r\n<ul>\r\n<li>\r\n<p><strong><a href=\"../../../best-photoshop-training-institute\">Adobe Photoshop</a>:</strong> Design and edit images, create website layouts, and produce graphics.</p>\r\n</li>\r\n<li>\r\n<p><strong>HTML5 and CSS:</strong> Build foundational front-end structures and design websites with responsive capabilities.</p>\r\n</li>\r\n<li>\r\n<p><strong>Bootstrap:</strong> Implement pre-designed templates to enhance website responsiveness across various devices.</p>\r\n</li>\r\n</ul>\r\n<p><strong>MODULE 2: Working with jQuery Plugins \| JS Concepts \| React Fundamentals</strong></p>\r\n<p>Delve into advanced front-end development concepts and tools to create dynamic and interactive web applications:</p>\r\n<ul>\r\n<li>\r\n<p><strong><a href=\"../../../best-javascript-course-in-delhi\">JavaScript</a> Fundamentals:</strong> Learn the basics, including conditions, loops, arrays, strings, and functions.</p>\r\n</li>\r\n<li>\r\n<p><strong><a href=\"../../../best-angular-course-in-rohini-delhi\">AngularJS</a>:</strong> Explore this JavaScript framework for binding HTML data with expressions, enhancing website functionality.</p>\r\n</li>\r\n<li>\r\n<p><strong>jQuery:</strong> Simplify tasks like DOM manipulation, event handling, and animation to streamline front-end development processes.</p>\r\n</li>\r\n</ul>\r\n<p>These tools collectively empower you to design aesthetically pleasing and user-friendly websites, from static to dynamic applications.</p>\r\n<p>Join the Web Development Institute and embark on a transformative journey to become a proficient front-end developer. Gain hands-on experience and practical skills that prepare you to meet the demands of today\'s digital landscape.</p>', '1', 'course'), (65, 'full-stack-developer', 'Full Stack Developer', '<p>Discover an unparalleled opportunity to excel in web development with the <strong><a href=\"../../../html5-css3-course-institute-delhi\">Web Development Institute</a>\'s</strong> comprehensive<strong> Full Stack Developer program</strong>. Structured across three meticulously crafted modules, this intensive training equips aspiring developers with a robust skill set spanning both front-end and back-end technologies.</p>\r\n<p><strong>Module 1</strong> kicks off with a deep dive into foundational principles of user interface design and web layout. Over three months, participants harness industry-standard tools like Adobe Photoshop to create visually compelling designs. Hands-on experience in <strong><a href=\"../../../html5-css3-course-institute-delhi\">HTML5, CSS3</a>,</strong> and Bootstrap empowers students to craft responsive and interactive web interfaces tailored for seamless user experiences across all devices.</p>\r\n<p><strong>Module 2</strong> builds on this foundation with a focused exploration of advanced <a href=\"../../../front-end-developer\"><strong>front-end development</strong></a> techniques. Participants advance their proficiency in JavaScript & jQuery, mastering dynamic web interactions and laying the groundwork for building intuitive user interfaces. The module culminates with an in-depth study of React JS, empowering developers to create sophisticated and user-friendly web applications that meet modern user expectations.</p>\r\n<p><strong>Module 3</strong>, spanning four months, shifts gears to essential back-end technologies crucial for building robust web applications. Students acquire proficiency in <a href=\"../../../advance-php-and-mysql-course-institute\"><strong>PHP & MySQL</strong></a> for server-side programming and database management, while exploring cutting-edge frameworks such as <strong>CodeIgniter and Laravel.</strong> The curriculum extends to <a href=\"../../../ajax-json-training-institute\"><strong>Ajax & JSON</strong></a> for enhancing interactivity and optimizing data exchange between client and server environments, ensuring graduates possess a holistic understanding of web application development.</p>\r\n<p>Throughout the program, practical projects and hands-on exercises complement theoretical learning, enabling participants to apply their skills effectively in real-world scenarios. Graduates emerge as versatile full stack developers, equipped not only with technical expertise but also with the confidence to tackle complex challenges in today\'s dynamic web development landscape.</p>\r\n<p>.</p>', '1', 'course'), (66, 'c-programming', 'C Programming', '<p>Are you a complete beginner and have never typed a code before? Willing to establish your well-deserving and well-organized career in the programming field? If yes, then there is nothing better to start with learning C programming because it is the language. And that every beginner should learn at the beginning of their programming language journey. C language is considered the mother of other programming languages. Also, this is a simple but most powerful language that you can learn at the Web development Institute. If you\'re hands-on in<strong> C programming</strong>, you can also enable an in-depth understanding of other programming languages like <strong>C++</strong>, Java, and<strong> C#</strong>. If you take this course, then you will feel the fastest and easiest programming language journey experience. <br /><br />We have dedicated and complete learning solutions that help you understand codes and provide each of the essentials to make you capable of writing your first code. This is a 100 percent real-life-based practical training program that is highly recommended if you are an absolute beginner and want to start your programming language. If you enroll- in the course, you gain information about the theoretical and practical parts. Our expert trainers guide you with their best practices. During the course, you learn the fundamentals of C programming, the nitty and gritty aspects of C language, and how to code on your PC or Laptop whether you use Mac or Windows. Besides this, you will also work on your first C programming application project to develop an in-depth understanding.</p>', '1', 'course'), (67, 'c-plus-plus-programming', 'C++ Programming', '<p>If you want to be a versatile software developer, then you must learn<strong> C++ programming</strong> from scratch to pro. Because if you have an understanding of the C++ language, only then can you learn other advanced terms in software development. Therefore, we launched our latest and updated C++ training program for the students. If you need to enroll in this training, you do not need to have any prior experience. If you enroll in this course, then you will master a deep understanding of data types, variables, operations, loops, classes, constructors, and much more. <br /><br />Our training program is available online and offline, so you have complete flexibility to take your <strong>C++ programming course</strong> from your desired mode. Also, our expert trainers are proficient in delivering the same level of quality training experience in both learning channels. So, now you can take the course from your mobile phone or laptop or come to the institute. <br /><br />The best thing about this training program is it comes with pre-loaded practical projects. And when you complete a certain level, you get a chance to work on these projects to polish up your <strong>C++</strong> skills and write optimized and clean code for your career. Also, the <strong>C++ language</strong> is used by many leading companies like Google, Amazon, PayPal, and much more. And you can master this programming language in just a few weeks by working on individual projects.  So, enroll in our training program and start building your career in the coding and programming field with complete details.</p>', '1', 'course'), (68, 'python-programming', 'Python Programming', '<p>Python is one of the most famous programming languages globally and one of the best tools to learn these days. So that to take the programming skill to the next level and grab a well-paid job.  This Python course is designed for students who have never learned about python programming and even never learned any programming language. If you enrol in this course, you will discover several crucial aspects of the world\'s most readable programming language from beginning to end. In this course, you will learn about how to code in python and why python is used in companies like Google. With the help of this training program, you can start your career journey to be a Machine learning professional, data scientist, and artificial intelligence expert. By the end of this course, you will be confident to apply for a python programming job and crack your python programming job interview effectively. This is one of the best courses offered online and offline as well, which you can take now. You can be part of the most comprehensive and complete python programming training course and start exploring pro-level concepts. When you complete the course, you get a completion certificate and several soft skill tactics to use and implement in getting your first python programming project or job.  Our expert faculty have many years of experience in teaching students like you and help hundreds of students develop their programming skills.  So, take this online and offline python programming training course and start building Python programs.</p>', '1', 'course'), (69, 'java-programming', 'Java Programming ', '<p>Java is a high-level, object-oriented programming language and a powerful programming language as well. This programming language is used to build a computer and mobile applications. Java is one of the most popular and well-known programming languages; therefore, if you want to be a Java developer or programmer, it can be an excellent field. This is a safe, fastest, and reliable programming language; therefore, most developers use java to develop applications. If you want to be a developer, then our Java programming course is live. You can enrol and get expert knowledge from our experienced Java trainers. They have over seven years of training experience, and they know how to train. By taking this java programming course, you can confidently apply to java programming jobs. You can show your certification for getting the upper edge. If you enrol in this course, you will explore many Java programming concepts and how to deal with real projects. This is one of the best and comprehensive training programs available with several projects.</p>\r\n<p> </p>\r\n<p>Our Java course is designed for absolute beginner students who want to learn to program and want to be a high-end programmer. If you complete the course, you can be a Java developer, Java android developer, and Java programmer. Of course, there are plenty of other jobs that you can apply for and become a successful Java Programmer. But all you need to get proper training from expert trainers. And we are here to teach you the best and updated curriculum of Java course.</p>', '1', 'course'), (71, 'ajax-json-training-institute', 'Ajax & JSON', '', '1', 'course'), (72, 'js-react-js', 'JS & React JS', '', '1', 'course'), (74, 'filmora', 'Filmora', '', '1', 'course'), (75, 'php-basic', 'PHP Basic', '', '1', 'course'), (76, 'top-7-reasons-to-get-enrolled-in-digital-marketing-course', 'Top 7 Reasons to Get Enrolled in Digital Marketing Course', '<p><br />In some past years, learning about digital marketing by taking the latest digital marketing course has become a popular choice among students. These days <strong>digital marketing course in Delhi</strong> and other places have become a crucial program for the students willing to get a job, especially job aspirants, school, and college students. Thankfully, we have good connections, and several technologies are available to continue learning and getting success in life.</p>\r\n<h3>1. Cost-effective and highly recommended</h3>\r\n<p>Digital marketing is an excellent specialization that any student can hand on and start their professional career. Nowadays, many institutes offer high-quality and cost-practical courses to their students. In our institute, you can learn digital marketing with easy to pay affordable installments.</p>\r\n<h3>2. Wide range of career opportunities</h3>\r\n<p>By completing a digital marketing course, the student can have a wide range of career options. They can be a digital marketing expert, SEO executive, PPC and Paid advertisement expert, Social media marketing, and much more. <br /><br />Also, if students want to be SEO experts, they can take our comprehensive <a href="../../../best-seo-training-institute"><strong>SEO course in Delhi</strong></a>.That offers all the modern ways to rank the website organically with some essential terminologies.</p>\r\n<h4>3. Higher Digital marketing adoption growth</h4>\r\n<p>As per the marketing trends, above 69 percent of companies will hire more digital marketing professionals for their business. It has also shown that the supply of these professionals is less than the actual demand. <br /><br />Because the demand for digital marketing, SEO, and other digital marketing professionals is 59 percent, whereas only 19 percent of professionals are there to get hired. That means these companies need these professionals to enlarge their business and build up loyal communities worldwide.</p>\r\n<h4>4. Better salary prospects</h4>\r\n<p>If you are looking for a career change or want to build up a high-paying career, you need to learn digital marketing. Because these professionals are in demand, therefore you can get a high-paying package from a decent company. Generally digital marketers earn anywhere from Rs 5,00,000 to Rs 10,00,000 per annum. <br /><br />And if you become a social media marketer or SEO expert, you can earn Rs 5,00,000 to Rs 8,50,000 per annum. Therefore, if you are interested in social media marketing, you can learn it by taking an <a href="../../../best-smo-training-institute"><strong>SMO course in Delhi</strong></a>. And attain better career opportunities to take the maximum level of benefits.</p>\r\n<h4>5. Can have flexible timings</h4>\r\n<p>As digital marketing experts, they work with their laptops or computers. Their complete work happens with the help of the internet; therefore, you can take the work and complete it just sitting by home. Also, many companies offer flexible timings, and you also need not think about geographical barriers. You can pitch the clients and let them know about their skills and work on international projects.</p>\r\n<h4>6. Students can master it quickly</h4>\r\n<p>The best thing about digital marketing is any student with interest can take this course after 10th and 12th and start mastering new things quickly. Because it only requires practice on the things you learn, whereas, for other skills like engineering, you will have to have a degree in a technical term. Therefore you can start your digital marketing career by taking a good course from a good <a href="../../../digital-marketing-diploma-certificate-courses"><strong>digital marketing institute in Delhi</strong></a>. You can also take our short-term or long-term digital marketing course that enables each element in detail.</p>\r\n<h4>7. Can start own venture</h4>\r\n<p>When you understand digital marketing tactics, you can also start your own digital marketing company. You can provide SEO, SMO, brand development, and many services related to digital marketing. If you have entrepreneurial skills, then you may definitely like this field of digital marketing. Most of the digital marketers also start their freelance business where they earn lakhs from their domestic and foreign clients.</p>\r\n<p><strong>Conclusion</strong></p>\r\n<p>Thus, we hope you have understood the main reasons to take a digital marketing course. If you are willing to get the best learning experience and willing to get certified in practical digital marketing training, then you should take our course. We offer certificate and diploma courses in digital marketing also at an affordable fee structure. <br /><br />Our courses can help you select the best career option for you by providing details with several practical projects and examples. So, enroll in this training course and be an expert in the skill you want to master.</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (77, 'multiple-file-upload-in-php', 'Multiple File Upload in PHP', '<p dir="ltr"><span>Sometimes we have to upload multiple files on the website. For example, n the Event website where there is a need to upload event gallery images category-wise. Like Holi events, new year event images frequently, that time multiple image upload is necessary. Because if we upload images one by one, it will take a lot of time. So to resolve this problem, we use the PHP multiple file upload features. Here are some steps following:</span></p>\r\n<strong><span id="docs-internal-guid-d06a9a91-7fff-5701-ff6f-1f8c2c7269ed"><span>Step 1: Create HTML FORM</span></span><br /><br /></strong>\r\n<pre><code>&lt;form&nbsp;method="POST" enctype="multipart/form-data"&gt;<br />&nbsp;&nbsp;&nbsp;&nbsp;&lt;input&nbsp;type="file"&nbsp;class="form-control" name="doc[]" multiple&gt;<br />&nbsp;&nbsp;&lt;button&nbsp;type="submit" name="submit"&nbsp;class="btn btn-primary"&gt;Submit&lt;/button&gt;<br />&lt;/form&gt;<strong><br /></strong>\r\n</code></pre>\r\n<p dir="ltr"><span>1. </span><strong>[]:</strong><span> In this file input, we have used array symbol; array symbol is used to store more than one value in the input.</span></p>\r\n<p dir="ltr"><span id="docs-internal-guid-10499da9-7fff-a553-31c0-7ecdc523e82b"><span>2. </span><strong>multiple:</strong><span> In this file input, we have used multiple attributes; multiple attributes allow you to select more than one file to upload.</span></span></p>\r\n<p><strong><br />Step 2 : PHP Code<br /></strong></p>\r\n<pre><code>&lt;?php\r\nif(isset($_POST[\'submit\']))<br />{<br /> <br /> $length= count($_FILES[\'doc\'][\'name\']);\r\nfor($i=0;$i&lt;$length;$i++)<br /> {<br /> $file_name = $_FILES[\'doc\'][\'name\'][$i];<br /> $file_tmp = $_FILES[\'doc\'][\'tmp_name\'][$i];<br /> move_uploaded_file($file_tmp,"uploads/".$file_name);<br /> }<br /> <br />}\r\n?&gt;</code></pre>\r\n<p><strong>Complete Code:<br /></strong></p>\r\n<pre><code>&lt;?php<br />&nbsp;if(isset($_POST[\'submit\'])){<br /> $length= count($_FILES[\'doc\'][\'name\']);\r\nfor($i=0;$i&lt;$length;$i++)<br /> {<br /> $file_name = $_FILES[\'doc\'][\'name\'][$i];<br /> $file_tmp = $_FILES[\'doc\'][\'tmp_name\'][$i];<br /> move_uploaded_file($file_tmp,"uploads/".$file_name);<br /> }<br /> <br />}\r\n?&gt;\r\n&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;<br />&lt;/head&gt;\r\n&lt;body&gt;<br />&lt;form method="post" enctype="multipart/form-data"&gt;<br />&lt;input type="file" name="doc[]" multiple&gt;\r\n&lt;input type="submit" name="submit"&gt;<br />&lt;/form&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;\r\n</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (78, 'important-topics-every-beginner-php-developer-should-know', 'Important Topics Every Beginner PHP Developer should know', '<p dir="ltr"><span>Beginner PHP developers are mostly confused about learning, where to start, and how to do practical projects. Here I am telling you a few topics that will help you become a web developer; by learning these topics step by step, you can build a dynamic website or understand how to develop a website, how PHP works, which topics for what. Here are the following topics :</span></p>\r\n<p dir="ltr"><span><strong>1. Programming Basics: </strong></span><span>First, the developer should learn programming basics to understand what PHP does, how PHP works. There are the following programming basics every web developer should know :</span></p>\r\n<p dir="ltr"><span>1. Variables</span></p>\r\n<p dir="ltr"><span>2. Data Types</span></p>\r\n<p dir="ltr"><span>3. Operators</span></p>\r\n<p dir="ltr"><span>4. Condition</span></p>\r\n<p dir="ltr"><span>5. Loop</span></p>\r\n<p dir="ltr"><span>6. Array</span></p>\r\n<p dir="ltr"><span>7. Function<br /><br /></span></p>\r\n<p dir="ltr"><span><strong>2. Include Functions in PHP:</strong> </span><span>Second, the developer should learn to include the function of PHP, including the function of PHP when we want to reduce the repeated code of website example, header, footer, sidebar, or anything else which is repeated in multiple pages. Include functions of PHP are following :&nbsp;</span></p>\r\n<p dir="ltr"><span>1. include()</span></p>\r\n<p dir="ltr"><span>2. include_once()</span></p>\r\n<p dir="ltr"><span>3. require()</span></p>\r\n<p dir="ltr"><span>4. require_once()<br /><br /></span></p>\r\n<p dir="ltr"><strong>3. File Upload in PHP:&nbsp; </strong><span>Third, the developer should learn the file upload functionality of PHP. File upload is mainly used in websites; for example: in the college admission form for documents upload, in the job application form for resume upload. So it is an important topic. This topic is categorized by following:</span></p>\r\n<p dir="ltr"><strong>1. Single file upload:</strong><span> It is helpful to upload a single file; for example, upload resume, upload signature, etc.</span></p>\r\n<p dir="ltr"><strong>2. Multiple file upload: </strong><span>It is useful when we want to upload more than one file; for example, there is a need to upload multiple images on an event website. That time multiple file upload will be a helpful feature to save time.</span></p>\r\n<p dir="ltr"><span><strong>3. File upload with validation:</strong>&nbsp; </span><span>File upload with validation is mandatory to protect from spammers, or it is an interview question also. Example: upload only .doc extension file with less than 1MB Size. These types of validation are mostly seen on the website. So developers should know about it.</span></p>\r\n<p dir="ltr"><strong><br />4. CRUD (Create, Read, Update, Delete): </strong><span>Fourth, Developers should learn CRUD Operation of the database. It is the backbone of the database if the developer understands the concept of CRUD. Then it will be easy for a developer to learn other database topics and make a dynamic website. What is CRUD? The answer is; crud has four operations of the database</span></p>\r\n<p dir="ltr"><strong>1. Create:</strong><span> create means how to insert data into the database.</span></p>\r\n<p dir="ltr"><strong>2. Read:</strong><span> read means how to select data from the database.</span></p>\r\n<p dir="ltr"><strong>3. Update:</strong><span> update means how to edit or update data of a database table.</span></p>\r\n<p dir="ltr"><strong>4. Delete:</strong><span> As its name tells about itself, delete data from the database.</span></p>\r\n<span><span><br /></span></span>\r\n<p dir="ltr"><strong>5. Mail Functionality of PHP: </strong><span>Fifth, the Developer should learn how to send mail in PHP. Mail has many types, such as</span></p>\r\n<p dir="ltr"><strong>1. Simple Mail:</strong><span> Simple mail means only text mail like contact form inquiry.</span></p>\r\n<p dir="ltr"><strong>2. Attachment Mail:</strong><span> Sometimes, there is a need to send an attachment on mail like a resume or other documents.</span></p>\r\n<p dir="ltr"><strong>3. HTML Mail:</strong><span>&nbsp;</span><span>Sometimes, there is a need to send HTML Template Based mail like order confirmation email, cancellation email, etc.</span></p>\r\n<span><span><br /></span></span>\r\n<p dir="ltr"><strong>6. Session &amp; Cookie Concept: </strong><span>Sixth, the Developer should learn PHP\'s session &amp; cookie concept. It has advantageous features and is mainly used.</span></p>\r\n<p dir="ltr"><strong>Session: </strong><span>It is commonly used in the login form to share user data on multiple pages session is used to share data on multiple pages for example: In login form after login, we show user id or user name on the dashboard or in multiple page registration form there is need to share some data on the second page, third page, etc.</span></p>\r\n<p dir="ltr"><strong>Cookie: </strong><span>It is a critical topic for user experience. It is mainly used for digital marketing purposes like in eCommerce website </span><strong>Recent Products is an example of a cookie; </strong><span>How a website knows what a user has seen. It is the work of cookies. A cookie is nothing. A text file stores in the client browser using this digital marketing expert to track user activity.</span></p>\r\n<span><span><br /></span></span>\r\n<p dir="ltr"><strong>7. Ajax &amp; JSON: </strong><span>Seventh, developers should learn the ajax &amp; JSON concept. It is an important feature; it is primarily used in web applications.</span></p>\r\n<p dir="ltr"><strong>Ajax: </strong><span>&nbsp;Ajax is used to send or retrieve data from a database without page reloading. Example: In Apply Coupon, In the search bar, etc.</span></p>\r\n<span id="docs-internal-guid-260adae8-7fff-061d-9a35-1b4f7f51a2de"><strong>JSON: </strong><span>JSON is used when we want to import or export data from other websites. It is beneficial to make an API or call an API. Example: message API, payment gateway, or custom API to share eCommerce products on the website and android app.</span></span>', '1', 'blog'), (79, 'how-to-use-whatsapp-on-website', 'How to use WhatsApp on website', '<p dir="ltr">Nowadays, to contact any person or inquire about services, courses, etc., via WhatsApp is most popular because we can contact internationally, many websites use WhatsApp to easy contact. Here are the steps following to use WhatsApp on websites:</p>\r\n<p><strong>HTML CODE</strong></p>\r\n<pre><code>&lt;a href="https://wa.me/917838370333?text=" onclick="gtag(\'event\', \'WhatsApp\', {\'event_action\': \'whatsapp_chat\', \'event_category\': \'Chat\', \'event_label\': \'Chat_WhatsApp\'});" target="_blank" class="whatsappicon"&gt;&lt;i class="fab fa-whatsapp"&gt;&lt;/i&gt; Chat on Whatsapp &lt;/a&gt;</code></pre>\r\n<p dir="ltr"><span>Here in this HTML code, there are some points you should keep in mind:</span></p>\r\n<p dir="ltr"><strong>1. href:</strong><span> in href place, your mobile number, when you use your mobile number you should keep in mind one thing you don&rsquo;t have to use space or any other special symbol in mobile digits like that (7838 37 0333, 7838-37-0333). If you do so then WhatsApp link will not work.</span></p>\r\n<p dir="ltr"><strong>2. onclick event: </strong><span>here onclick event is used to make this WhatsApp link work on mobile. You should keep in mind don&rsquo;t remove this onclick event. If you do so, then it will not work on mobile.</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (80, 'how-to-use-live-chat-on-website', 'How to use Live Chat on website', '<p dir="ltr"><span>Live chat is trendy nowadays to contact any person internationally or to serve 24x7. It has handy features for website examples: to enquire about courses, services or anything else is very simple because we can live chat 24x7. That\'s why our international customers, students, and clients contact us quickly. Several live chat applications are available in the market, mostly paid, but some of the chat applications are free. One prevalent live chat application which is freely available to use is </span><span>tawt.to. </span><span>Here We will see how to use <strong>tawk.to</strong> on website steps are following:</span></p>\r\n<p dir="ltr"><span><strong>Step 1:</strong>&nbsp; </span><span>Go to tawk.to website&nbsp; </span><strong>https://www.tawk.to .</strong></p>\r\n<p dir="ltr"><strong>Step 2:&nbsp; </strong><span>Click on the Sign up for free button and fill the form: form is divided into multiple parts</span></p>\r\n<p dir="ltr"><strong>First:</strong><span> You have to fill in your firm name, email, and password.</span></p>\r\n<p dir="ltr"><strong>Second: </strong><span>Select the Language option.</span></p>\r\n<p dir="ltr"><strong>Third:</strong><span> You have to fill in the website name or firm name. Website site URL means your domain name, Widget name; In Widget name, enter your firm name.</span></p>\r\n<p dir="ltr"><strong>Fourth: </strong><span>&nbsp;In this step, you have to add team members to give access to your live chat application. If you want to use only yourself, you have to click on the cross icon button of the second input row. Click on the next install widget button.</span></p>\r\n<p dir="ltr"><span><strong>Fifth:</strong> </span><span>Copy the script code and click on the done button.</span></p>\r\n<p dir="ltr"><strong>Sixth:</strong><span> Paste the script in your HTML file at the end of the body tag. If you have a dynamic website, then paste this code in the footer before closing the body tag.</span></p>\r\n<p dir="ltr"><span>To use any live chat application, you should keep one point in mind: live chat is only used on the live website means if you have purchased a domain and hosting, you can use this feature. If you don&rsquo;t, then you can\'t use it on a local website.</span></p>\r\n<div><span>&nbsp;</span></div>', '1', 'blog'), (81, 'html5-most-important-features-every-web-designer-should-know', 'HTML5 Most Important Features Every Web Designer Should Know', '<p dir="ltr"><span>HTML5 is the current version of HTML, which is used to create web pages. HTML5 has some essential features which every web designer or front developer should learn to crack interview questions or work on big projects. Here are the main features, which is following:</span></p>\r\n<p><span>1. <strong>Geolocation: </strong></span><span>First, the Geolocation feature is an essential feature of HTML5 used in many big websites such as Ola, Uber, Swiggy, Zomato, etc. Geolocation is used to get the longitude and latitude of the current position. By getting longitude and latitude, we can quickly get the address of this number by using the Google Maps API service.</span></p>\r\n<p><span><strong>Example:</strong>&nbsp; </span><span>In Ola Cabs, we see an input to enter an address or select a current position. If we don&rsquo;t know the address, we select the current position Ola to get our current location. How does this happen? This happens because of the geolocation feature.</span></p>\r\n<p>So whenever you want to use a location-related service in your project, you will have to use the geolocation service of HTML5 with Google Map API Service.</p>\r\n<p><span>2. <strong>Web Storage:</strong> </span><span>Second, the Web storage feature is a handy feature of HTML5, which is used to store data in the browser. Web Storage is categorized into two categories:</span></p>\r\n<p>1. <strong>Session Storage:</strong> Session Storage is used to store data in the browser temporarily. This type of storage is used when we have to use data for the short term. Session storage data is expired when the browser closes or by default after 14 to 20 minutes. 14 to 20 minutes is the default time of the session.</p>\r\n<p><span><strong>Example:</strong>&nbsp; </span><span>This type of storage is used in the login form, add to cart, etc.</span></p>\r\n<p><span>2<strong>.Local Storage: </strong></span><span>&nbsp;Local Storage is used to store data permanently in the browser. It is like a cookie, but It has more storage than a cookie file. This type of storage is mainly used for digital marketing purposes or to track user activity on the browser or particular design. Like how many buttons click which page has most seen etc.</span></p>\r\n<p>This storage technique is useful to save your hosting space from unwanted data.</p>\r\n<p><span>3.<strong>Drag &amp; Drop: </strong></span><span><strong>T</strong>hird, the Drag &amp; Drop feature is commonly used in many websites and applications such as Whatsapp, Facebook, Gmail. In these applications, we can drag &amp; drop our files to upload or to send.</span></p>\r\n<p><span>4.<strong>Semantic Tags:</strong></span><span> Fourth, Semantic Tags are helpful to categorize our web layout. It makes it easy to understand our design, or it is helpful in digital marketing also. There are some following tags :</span></p>\r\n<p><span>1. <strong>&lt;header&gt;:</strong> The header</span><span> tag is used to create the header part of the website. This tag tells that web designers should design the menu and top header design in a header tag.</span></p>\r\n<p dir="ltr"><span>2. <strong>&lt;footer&gt;:</strong> </span><span>&nbsp;Footer tag is used to design the lower part of the design, which is called footer.</span></p>\r\n<p dir="ltr"><span>3. <strong>&lt;nav&gt; : </strong></span><span>Nav tag is used to wrap menu elements in it. We can say that it is used to design navigation menus.</span></p>\r\n<p dir="ltr"><span>4.<strong>&lt;aside&gt;:</strong>&nbsp; </span><span>Aside tag is used to design the sidebar.</span></p>\r\n<p dir="ltr"><span>5.<strong>&lt;section&gt;: </strong></span><span>Section tag is used to create website sections after header or before footer tag.</span></p>\r\n<p dir="ltr"><span>6.<strong>&lt;figure&gt;: </strong></span><span>The figure tag is used to contain the img tag.</span></p>\r\n<p dir="ltr"><span>5.<strong>New form inputs and Validation:&nbsp; </strong></span><span>Fifth, HTML5 provides some new form inputs such as password input, date input, time input, and basic form validation like required fields, limit number character in the text input, and range in number input.</span></p>\r\n<p dir="ltr"><span>6. <strong>Canvas &amp; SVG:</strong></span><span> Sixth, HTML5 provides canvas and SVG features which are advanced. Canvas is used to create custom shapes in HTML, and SVG is used for icons and images.</span></p>', '1', 'blog'), (82, 'difference-betwen-bold-tag-and-strong-tag-in-html', 'Difference Between Bold And Strong Tag In HTML', '<p dir="ltr">There are two tags available in HTML to make bold text. The first is &lt;b&gt; tag and second is &lt;strong&gt; tag both bold the tags make text bold, but there is little bit difference between them, mostly beginners confused to identify which one to use. So here we will see the difference.&nbsp;</p>\r\n<p dir="ltr">1<strong>.&lt;b&gt; tag</strong>:&nbsp; <strong>&lt;b&gt;</strong> tag is used when you want to make text bold only for highlighting purposes. It comes under formatting tags of HTML.&nbsp;</p>\r\n<p dir="ltr"><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;body&gt;<br />&lt;p&gt;<br />This is an advanced Web Design &amp; Development &lt;b&gt;<strong>course offered by</strong>&lt;/b&gt; one of the Best web design institutes in Rohini, <br />which aims to prepare you for the needs of a modern web design &amp; development industry. <br />This course is well suited for professionals and <br />freshers who are looking for a career in the IT Industry. The course curriculum has been prepared <br />with experts and designers working in leading web design companies and MNCs.<br />&lt;/p&gt;<br />&lt;/body&gt;<br />&lt;/html&gt;<br /><br /></code></pre>\r\n<p dir="ltr">Here in this example,<strong>couse offered by&nbsp;</strong>is bold to highlight only. It is not an important word, and also, it is not a keyword, so we should use the <strong>&lt;b&gt;</strong> tag for such kind of text.&nbsp;</p>\r\n<p dir="ltr">2<strong>.&lt;strong&gt;tag: </strong><strong>&lt;strong&gt;</strong> tag is used to make text bold when targeting some keyword for digital marketing purposes.</p>\r\n<p dir="ltr"><strong>Example:<br /></strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;body&gt;<br />&lt;p&gt;</code></pre>\r\n<pre><code>This is an advanced &lt;strong&gt;<a href="https://www.nextgeducation.com/graphic-web-software-apps-development-course">Web Design &amp; Development course</a> &lt;/strong&gt; offered by one of the &lt;strong&gt; <a href="https://www.nextgeducation.com/graphic-web-software-apps-development-course">Best web design institutes in Rohini</a>,&lt;/strong&gt; which aims to <br />prepare you for the needs of a modern web design &amp; development industry. <br />This course is well suited for professionals and freshers <br />who are looking for a career in the IT Industry. The course curriculum has been prepared with experts <br />and designers working in leading web design companies and MNCs.<br />&lt;/p&gt;<br /><br />&lt;/body&gt;<br />&lt;/html&gt;</code></pre>\r\n<p dir="ltr"><strong>Output:</strong></p>\r\n<p><img src="../../media/admin/uploads/images/strong-tag-image.png" alt="" width="756" height="171" /><br /><br /></p>\r\n<p dir="ltr">Here in this example, the Web Design &amp; Development Course is a keyword, and Best Web Design Institute in Rohini is the keyword. When you have to target any word for digital marketing purposes, you should have to use &lt;strong&gt; tag instead of <strong>&lt;b&gt;</strong> tag.</p>\r\n<p dir="ltr">In both tag design points of view, there is no change it is similar, but a strong tag is recommended from a digital marketing point of view.&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (83, 'easiest-way-to-learn-web-design', 'What is the Easiest Way to Learn Web Design', '<p>If you have an interest in creative as well as technical terms. Then you can be an ideal candidate to develop a great career. Unfortunately, most students know this; therefore, they keep trying to learn about it, but only a few of them get the right strategy and learning material. Therefore, if you are interested in learning web designing, then read this blog because we have mentioned each essential term to start learning from scratch to pro.</p>\r\n<p><strong>Prepare your mind to learn web design</strong></p>\r\nThere is no doubt that learning web design is a bit easier than web development. However, you may still face a lot of challenges because it is a long-term learning process. And here, you need to stay updated with the latest web design trends. So whenever you think you are ready to learn from a <strong><a title="web design course in Delhi" href="../../">web design course in Delhi</a></strong>, you also need to stay ready to face these challenges properly. You can also plan your learning strategy and divide that into practical and theoretical parts.<br />\r\n<p><strong>Start understanding the fundamentals of web design</strong></p>\r\nBefore you go into more profound terms, you need to have an understanding of its fundamentals. You should know the meaning of web design, its types, and the tools to use. This is also important because it helps in understanding advanced terms. So, to start learning the fundamentals of web design, you can read theoretical contents and start with <strong>HTML, CSS</strong>, and<strong> JavaScript</strong>.&nbsp;<br /><br />You can also take our <strong>web design training</strong> course to get a systematic or step-by-step learning experience. If you take this course, then you can learn about setting up goals, content creation, testing and launching, and much more.\r\n<p><strong>So, start your learning journey</strong></p>\r\nOnce you complete the step mentioned above and obtain an essential understanding of basic web design, you can start learning web designing by taking a <a title="web design course" href="../../web-design-diploma-certificate-courses"><strong>web design course</strong></a>. You can learn about advanced HTML, CSS3, Python, SQL, Database, Bootstrap, Ruby, and many more by taking such courses.&nbsp;You can also understand fonts type, color, layouts, and many other essential parts of web design. At this stage, our students learn typography, navigation, animations, effects, etc. Therefore, if you are looking for a web designing institute in Delhi, then our institute is one of the best for you because you can understand the latest technology here.\r\n<p><strong>Learn from professional courses</strong></p>\r\nAs discussed above, you also need to take web designing training because it helps to learn web designing professionally. Along with the course, you can also go for online tutorials, PDFs to read, and blogs on the internet. If you do this, you can enhance your web designing skills and speed up the learning process. You can check out our online classes as well because they can be accommodating for you.\r\n<p><strong>Master HTML5 and CSS3</strong></p>\r\nThe best part of taking an online course from a Web development institute is to look for introductory advanced courses like HTM5 and CSS3. In your web designing journey, you must have helpful information to work on these crucial tools. Our HTML and CSS course help you to understand web design and development to help use the correct code for your design. You can also use Codepen or Visual Studio Code; both are amazing to deal with.\r\n<p><strong>Now learn JavaScript</strong></p>\r\nJavaScript is your next step to learn if you want to master web design effectively. This powerful tool helps in creating robust UI designs for the website and web applications. If you want to be a designer, you also need to learn to work on various projects. When you get admission to our web design course, you do not do online <strong>HTML</strong> and <strong>CSS</strong> but also hand in JavaScript. Aside from this, you can find an institute that offers essential training just by checking <strong><a title="responsive web design course" href="../../responsive-web-design-course">responsive&nbsp;web design courses</a> near me</strong> or can contact us to take the best training from us.\r\n<p><strong>Get a proper understanding of web design elements</strong></p>\r\nNowadays, the website does not only need to look aesthetic but also need to be functional as well as responsive. Therefore you are required to learn about typography, animations, colors, fonts, and many more. We have incorporated detailed information about the web design element&rsquo;s curriculum. If you take our course, this can be an excellent course because you can access premium resources.\r\n<p><strong>Understand prototyping</strong></p>\r\nAs a designer, you must know about prototyping because it gives the blueprint of the website. And if you use it, you can brainstorm your understanding of the latest design you just created. We offer a wide range of curriculum for web design students with modern tactics.\r\n<p><strong>Learn to work with UI design tools</strong></p>\r\nYou are also required to have a complete understanding of UI design and its tool. Finally, and most importantly, you should know how to work with Adobe photoshop. Because it is considered the best tool to design website mockups, web design layouts, and designs. And also can be used for mockup designing. Our <strong>web design institute</strong> offers an excellent curriculum for all these tools and essential curricula, so enroll here by doing a simple checkout process.<br /><br />\r\n<p><strong>Conclusion</strong><br />Thus, if you want to learn web designing, you have to make a proper web design plan. And will also have to learn photoshop, Bootstrap, SEO, Responsive design, and much more. Therefore, if you want to learn all these things, you can contact us to get more details about your projects.</p>', '1', 'blog'), (84, 'difference-between-i-and-em-tag-in-html', 'Difference between i and em tag in html', '<p>There are two tags available in HTML to make text italic. The first is &lt;i&gt; tag and second is &lt;em&gt; tag both the tags make text italic, but there is little bit difference between them, mostly beginners confused to identify which one to use. So here we will see the difference.&nbsp;</p>\r\n<p>1<strong>.&lt;i&gt; tag</strong>:&nbsp;&nbsp;&lt;i&gt; tag is formatting tag of html. It is used to make text italic. It is used when you want to highlight particular word or sentence.</p>\r\n<p><strong>&nbsp;Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;</code><br />\r\n<code>&lt;html&gt;</code><br />\r\n<code>&lt;body&gt;</code><br />\r\n<code>&lt;p&gt;</code><br />\r\n<code>This is an advanced Web Design &amp; Development &lt;i&gt;</code><strong>course offered by</strong><code>&lt;/i&gt; one of the Best web design institutes in Rohini, </code><br />\r\n<code>which aims to prepare you for the needs of a modern web design &amp; development industry. </code><br />\r\n<code>This course is well suited for professionals and </code><br />\r\n<code>freshers who are looking for a career in the IT Industry. The course curriculum has been prepared </code><br />\r\n<code>with experts and designers working in leading web design companies and MNCs.</code><br />\r\n<code>&lt;/p&gt;</code><br />\r\n<code>&lt;/body&gt;</code><br />\r\n<code>&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p>Here in this example,<strong>couse offered by&nbsp;</strong>is italic to highlight only. It is not an important word and &nbsp;it is not a keyword, so we should use the&nbsp;<strong>&lt;i&gt;</strong>&nbsp;tag for such kind of text.&nbsp;</p>\r\n<p>2<strong>.&lt;em&gt;tag:&nbsp;&lt;em&gt;</strong>&nbsp;tag is used to make text italic. It is used in digital marketing to italic some keyword or an important word which is helpul for digital marketing purposes.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;</code><br />\r\n<code>&lt;html&gt;</code><br />\r\n<code>&lt;body&gt;</code><br />\r\n<code>&lt;p&gt;</code><br />\r\n<code>This is an advanced &lt;em&gt;Web Design &amp; Development </code><strong>course&lt;/em&gt; offered by</strong><code> one of the &lt;em&gt;Best web design institutes in Rohini&lt;/em&gt;, </code><br />\r\n<code>which aims to prepare you for the needs of a modern web design &amp; development industry. </code><br />\r\n<code>This course is well suited for professionals and </code><br />\r\n<code>freshers who are looking for a career in the IT Industry. The course curriculum has been prepared </code><br />\r\n<code>with experts and designers working in leading web design companies and MNCs.</code><br />\r\n<code>&lt;/p&gt;</code><br />\r\n<code>&lt;/body&gt;</code><br />\r\n<code>&lt;/html&gt;</code></pre>\r\n<p>Here in this example, the Web Design &amp; Development Course is a keyword, and Best Web Design Institute in Rohini is the keyword. When you have to target any word for digital marketing purposes, you should have to use &lt;em&gt; tag instead of&nbsp;<strong>&lt;i&gt;</strong>&nbsp;tag.</p>\r\n<p>In Design Point of view both tag behaves like similar but in digital marketing point of view &lt;em&gt; tag is best.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (85, 'how-to-use-google-map-in-website', 'How to use Google Map in website', '<p>To use Google Maps in a website is a widespread feature; here in this blog, we will learn how to embed Google Maps in the website. There are some following steps:</p>\r\n<p><strong>Step 1:&nbsp; </strong>Go to Google map link <strong>(https://www.google.co.in/maps)</strong></p>\r\n<p><strong>Step 2:&nbsp; </strong>In the Search bar, type the address, whatever you want to use.</p>\r\n<p><strong>Step 3: </strong>&nbsp;Click on the share button, there will pop up box appears:</p>\r\n<p>In the pop-up box, click on the&nbsp;<strong>embed a map</strong> option.</p>\r\n<p><strong>Step 4: </strong>Click on the Copy HTML button.</p>\r\n<p><strong>Step 5: </strong>Paste iframe code in your HTML page section wherever you want to show Google Maps.<br /><br /><strong>Complete Code:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;<br />&lt;/head&gt;\r\n&lt;body&gt;\r\n&lt;iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3499.275887302702!2d77.11148211440918!3d28.711299987263835!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x390d015a0788e74d%3A0x5ac50ee6c1651329!2sNext-G%20Education%20%7C%20Web%20%26%20Graphic%20Design%20Institute%20Rohini!5e0!3m2!1sen!2sin!4v1623304595254!5m2!1sen!2sin" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"&gt;&lt;/iframe&gt;&lt;\r\n&lt;/body&gt;<br />&lt;/html&gt;</code></pre>\r\n<br /><br />Here in this example, replace the iframe tag with your iframe code.', '1', 'blog'), (86, 'how-to-use-youtube-video-in-website', 'How to use YouTube Video in website', '<p>Use YouTube videos on the website is a handy feature. It is mainly used in event websites, cosmetics websites; nowadays, it is very trendy. Here in this blog, we will learn how to embed YouTube videos on the website. There are some following steps:</p>\r\n<p><strong>Step 1:&nbsp;&nbsp;</strong>Open YouTube.</p>\r\n<p><strong>Step 2:&nbsp;&nbsp;</strong>In the Search bar, type the video name, whatever you want to use.</p>\r\n<p><strong>Step 3:&nbsp;</strong>&nbsp;Click on the&nbsp;<strong>Share icon button</strong>, there will pop up box appears:</p>\r\n<p>In the pop-up box, click on the&nbsp;<strong>embed </strong>option.</p>\r\n<p><strong>Step 4:&nbsp;</strong>Click on the&nbsp;<strong>Copy</strong> button.</p>\r\n<p><strong>Step 5:&nbsp;</strong>Paste iframe code in your HTML page section wherever you want to show video.<br /> <br /> <strong>Complete Code:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br /> &lt;html&gt;<br /> &lt;head&gt;<br /> &lt;/head&gt;\r\n&lt;body&gt;\r\n&lt;iframe width="560" height="315" src="https://www.youtube.com/embed/VPS5gl_EIkI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen&gt;&lt;/iframe&gt;<br /><br />&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p><br /> Here in this example, replace the iframe tag with your iframe code.</p>', '1', 'blog'), (87, 'how-to-make-responsive-data-table', 'How to make responsive Data Table', '<p>Data Table is a handy plug-in to enhance table capability. It adds several features such as search, pagination, etc. Making Data Table responsive is mandatory in the mobile view because the default data table is not device-friendly. So, to make Data Table device friendly, there are the following steps:<br /> <br /> <strong>Step 1:</strong>&nbsp;Add Responsive CSS CDN of data table:</p>\r\n<pre><code>&lt;link rel="stylesheet" href="<a href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap.css" target="_blank">https://cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap.css</a>"&gt;</code></pre>\r\n<p><strong>Step 2: </strong><span id="docs-internal-guid-30e57cdd-7fff-0695-7233-43e1986baf69">Add Responsive js CDN link of data table</span>:</p>\r\n<pre><code>&lt;script src="<a href="https://cdn.datatables.net/responsive/2.2.7/js/dataTables.responsive.js" target="_blank">https://cdn.datatables.net/responsive/2.2.7/js/dataTables.responsive.js</a>"&gt;&lt;/script&gt;</code></pre>\r\n<p><strong>Step 3: </strong>&nbsp;Add the following script code at the end of body tag:</p>\r\n<pre><code>$(\'#example\').DataTable( {<br /> responsive: true<br />} );</code></pre>\r\n<p><strong><br /><br />Complete Code:<br /></strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;<br /> &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;<br />&lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"&gt;<br />&lt;link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap.css"&gt;<br />&lt;/head&gt;\r\n&lt;body&gt;<br />&lt;table id="example" class="display responsive nowrap" width="100%"&gt;<br /> &lt;thead&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;Name&lt;/th&gt;<br /> &lt;th&gt;Position&lt;/th&gt;<br /> &lt;th&gt;Office&lt;/th&gt;<br /> &lt;th&gt;Age&lt;/th&gt;<br /> &lt;th&gt;Start date&lt;/th&gt;<br /> &lt;th&gt;Salary&lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;/thead&gt;<br /> &lt;tbody&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tiger Nixon&lt;/td&gt;<br /> &lt;td&gt;System Architect&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2011/04/25&lt;/td&gt;<br /> &lt;td&gt;$320,800&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Garrett Winters&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;63&lt;/td&gt;<br /> &lt;td&gt;2011/07/25&lt;/td&gt;<br /> &lt;td&gt;$170,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Ashton Cox&lt;/td&gt;<br /> &lt;td&gt;Junior Technical Author&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;66&lt;/td&gt;<br /> &lt;td&gt;2009/01/12&lt;/td&gt;<br /> &lt;td&gt;$86,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Cedric Kelly&lt;/td&gt;<br /> &lt;td&gt;Senior Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2012/03/29&lt;/td&gt;<br /> &lt;td&gt;$433,060&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Airi Satou&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;33&lt;/td&gt;<br /> &lt;td&gt;2008/11/28&lt;/td&gt;<br /> &lt;td&gt;$162,700&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Brielle Williamson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;New York&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2012/12/02&lt;/td&gt;<br /> &lt;td&gt;$372,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Herrod Chandler&lt;/td&gt;<br /> &lt;td&gt;Sales Assistant&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;59&lt;/td&gt;<br /> &lt;td&gt;2012/08/06&lt;/td&gt;<br /> &lt;td&gt;$137,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Rhona Davidson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;55&lt;/td&gt;<br /> &lt;td&gt;2010/10/14&lt;/td&gt;<br /> &lt;td&gt;$327,900&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Colleen Hurst&lt;/td&gt;<br /> &lt;td&gt;Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;39&lt;/td&gt;<br /> &lt;td&gt;2009/09/15&lt;/td&gt;<br /> &lt;td&gt;$205,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Sonya Frost&lt;/td&gt;<br /> &lt;td&gt;Software Engineer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;23&lt;/td&gt;<br /> &lt;td&gt;2008/12/13&lt;/td&gt;<br /> &lt;td&gt;$103,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Jena Gaines&lt;/td&gt;<br /> &lt;td&gt;Office Manager&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;30&lt;/td&gt;<br /> &lt;td&gt;2008/12/19&lt;/td&gt;<br /> &lt;td&gt;$90,560&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Quinn Flynn&lt;/td&gt;<br /> &lt;td&gt;Support Lead&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2013/03/03&lt;/td&gt;<br /> &lt;td&gt;$342,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Charde Marshall&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;36&lt;/td&gt;<br /> &lt;td&gt;2008/10/16&lt;/td&gt;<br /> &lt;td&gt;$470,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Haley Kennedy&lt;/td&gt;<br /> &lt;td&gt;Senior Marketing Designer&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;43&lt;/td&gt;<br /> &lt;td&gt;2012/12/18&lt;/td&gt;<br /> &lt;td&gt;$313,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tatyana Fitzpatrick&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;19&lt;/td&gt;<br /> &lt;td&gt;2010/03/17&lt;/td&gt;<br /> &lt;td&gt;$385,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> <br />&lt;/tbody&gt;<br />&lt;/table&gt;\r\n<br />&lt;script src="https://code.jquery.com/jquery-3.3.1.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdn.datatables.net/responsive/2.2.7/js/dataTables.responsive.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;<br />$(\'#example\').DataTable( {<br /> responsive: true<br />} );<br />&lt;/script&gt;\r\n&lt;/body&gt;<br />&lt;/html&gt;</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (88, 'how-to-change-default-value-of-select-box-shows-10-enteries-of-jquery-data-table', 'How to Change default value of select box shows 10 entries of jQuery Data Table', '<p>Data Table is a handy plug-in to enhance table capability. It adds many features such as search, pagination, etc. Default Data Table shows 10 Entries per page, but sometimes we have to need to increase the length, such as showing 50 data per page or 100 data per page. There are some following steps to do this:<br /><br /></p>\r\n<p><strong>Step 1</strong>:&nbsp;Create Table in HTML</p>\r\n<pre><code>\r\n&lt;table class="table table-striped" id="example"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;thead&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Firstname&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Lastname&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Email&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/thead&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;tbody&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;John&lt;/td&gt;\r\n&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Doe&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;john@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Mary&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Moe&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;mary@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;July&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Dooley&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;july@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;\r\n&nbsp; &lt;/table&gt;</code></pre>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Step 2:&nbsp;</strong>&nbsp;Use CSS and js CDN link of a data table</p>\r\n<pre><code>&lt;link rel="stylesheet" href="<a href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css</a>"&gt;\r\nPaste this css in your &lt;head&gt; &lt;/head&gt; tag.\r\n</code></pre>\r\n<pre><code>\r\n&lt;script src="<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>"&gt;&lt;/script&gt;\r\n&lt;script src="<a href="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js</a>"&gt;&lt;/script&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p>Paste these two links before closing &lt;/body&gt; tag.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Step 3:</strong>&nbsp;Put&nbsp;<strong>id=&rdquo; example &rdquo;&nbsp;</strong>&nbsp;in your table tag.</p>\r\n<pre><code>&lt;table id=&rdquo;example&rdquo;&gt;&lt;/table&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p><strong>Step 4</strong>:&nbsp;paste this jquery code after jquery links:</p>\r\n<pre><code>&lt;script&gt;\r\n$(document).ready(function() {\r\n&nbsp;&nbsp;&nbsp; $(\'#example\').DataTable({<br />&nbsp;"pageLength": 100<br />});\r\n} );\r\n&lt;/script&gt;</code></pre>\r\n<p><strong><br />Complete Code:<br /><br /></strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;<br /> &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;<br />&lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"&gt;<br />&lt;link rel="stylesheet" href="https://cdn.datatables.net/responsive/2.2.3/css/responsive.bootstrap.css"&gt;<br />&lt;/head&gt;\r\n&lt;body&gt;<br />&lt;table id="example" class="display responsive nowrap" width="100%"&gt;<br /> &lt;thead&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;Name&lt;/th&gt;<br /> &lt;th&gt;Position&lt;/th&gt;<br /> &lt;th&gt;Office&lt;/th&gt;<br /> &lt;th&gt;Age&lt;/th&gt;<br /> &lt;th&gt;Start date&lt;/th&gt;<br /> &lt;th&gt;Salary&lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;/thead&gt;<br /> &lt;tbody&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tiger Nixon&lt;/td&gt;<br /> &lt;td&gt;System Architect&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2011/04/25&lt;/td&gt;<br /> &lt;td&gt;$320,800&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Garrett Winters&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;63&lt;/td&gt;<br /> &lt;td&gt;2011/07/25&lt;/td&gt;<br /> &lt;td&gt;$170,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Ashton Cox&lt;/td&gt;<br /> &lt;td&gt;Junior Technical Author&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;66&lt;/td&gt;<br /> &lt;td&gt;2009/01/12&lt;/td&gt;<br /> &lt;td&gt;$86,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Cedric Kelly&lt;/td&gt;<br /> &lt;td&gt;Senior Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2012/03/29&lt;/td&gt;<br /> &lt;td&gt;$433,060&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Airi Satou&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;33&lt;/td&gt;<br /> &lt;td&gt;2008/11/28&lt;/td&gt;<br /> &lt;td&gt;$162,700&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Brielle Williamson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;New York&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2012/12/02&lt;/td&gt;<br /> &lt;td&gt;$372,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Herrod Chandler&lt;/td&gt;<br /> &lt;td&gt;Sales Assistant&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;59&lt;/td&gt;<br /> &lt;td&gt;2012/08/06&lt;/td&gt;<br /> &lt;td&gt;$137,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Rhona Davidson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;55&lt;/td&gt;<br /> &lt;td&gt;2010/10/14&lt;/td&gt;<br /> &lt;td&gt;$327,900&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Colleen Hurst&lt;/td&gt;<br /> &lt;td&gt;Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;39&lt;/td&gt;<br /> &lt;td&gt;2009/09/15&lt;/td&gt;<br /> &lt;td&gt;$205,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Sonya Frost&lt;/td&gt;<br /> &lt;td&gt;Software Engineer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;23&lt;/td&gt;<br /> &lt;td&gt;2008/12/13&lt;/td&gt;<br /> &lt;td&gt;$103,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Jena Gaines&lt;/td&gt;<br /> &lt;td&gt;Office Manager&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;30&lt;/td&gt;<br /> &lt;td&gt;2008/12/19&lt;/td&gt;<br /> &lt;td&gt;$90,560&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Quinn Flynn&lt;/td&gt;<br /> &lt;td&gt;Support Lead&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2013/03/03&lt;/td&gt;<br /> &lt;td&gt;$342,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Charde Marshall&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;36&lt;/td&gt;<br /> &lt;td&gt;2008/10/16&lt;/td&gt;<br /> &lt;td&gt;$470,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Haley Kennedy&lt;/td&gt;<br /> &lt;td&gt;Senior Marketing Designer&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;43&lt;/td&gt;<br /> &lt;td&gt;2012/12/18&lt;/td&gt;<br /> &lt;td&gt;$313,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tatyana Fitzpatrick&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;19&lt;/td&gt;<br /> &lt;td&gt;2010/03/17&lt;/td&gt;<br /> &lt;td&gt;$385,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> <br />&lt;/tbody&gt;<br />&lt;/table&gt;\r\n<br />&lt;script src="https://code.jquery.com/jquery-3.3.1.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;<br />$(document).ready(function() {<br /> $(\'#example\').DataTable({<br /> "pageLength":100<br />});<br />} );<br />&lt;/script&gt;\r\n&lt;/body&gt;<br />&lt;/html&gt;</code></pre>\r\n<p><strong>&nbsp;</strong></p>', '1', 'blog'), (89, 'how-to-add-export-to-pdf-csv-print-button-in-jquery-data-table', 'How to Add Export to PDF, CSV, Print Button in jQuery Data Table', '<p dir="ltr">Sometimes, there is a need to export data in excel format, pdf, or print data, such as to export inquiry data in excel format or print registration data, etc. In Data Table, we can add export to pdf, CSV, print buttons very easily by following some steps:</p>\r\n<p><strong>Step 1</strong>:&nbsp;Create Table in HTML</p>\r\n<pre><code>\r\n&lt;table class="table table-striped" id="example"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;thead&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Firstname&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Lastname&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Email&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/thead&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;tbody&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;John&lt;/td&gt;\r\n&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;Doe&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;john@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Mary&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Moe&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;mary@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;July&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Dooley&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;july@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;\r\n&nbsp; &lt;/table&gt;</code></pre>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Step 2:&nbsp;</strong>&nbsp;Add CSS CDN</p>\r\n<pre><code>&lt;link rel="stylesheet" href="<a href="https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">https://cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css</a>"&gt;\r\n</code></pre>\r\n<p><strong><br />Step 3: </strong>Add these JS files at the end of the body tag.</p>\r\n<pre><code>&lt;script src="<a href="https://code.jquery.com/jquery-3.3.1.js">https://code.jquery.com/jquery-3.3.1.js</a>"&gt;&lt;/script&gt;\r\n&lt;script src="<a href="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js</a>"&gt;&lt;/script&gt;<br />\r\n&lt;script src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"&gt;&lt;/script&gt;\r\n&lt;script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"&gt;&lt;/script&gt;\r\n</code></pre>\r\n<p><strong><br />Step 4:</strong>&nbsp;Put&nbsp;<strong>id=&rdquo; example &rdquo;&nbsp;</strong>&nbsp;in your table tag.</p>\r\n<pre><code>&lt;table id=&rdquo;example&rdquo;&gt;&lt;/table&gt;<br /><br /></code></pre>\r\n<p><strong>Step 5</strong>:&nbsp;paste this jquery code after jquery links:</p>\r\n<pre><code>&lt;script&gt;\r\n$(document).ready(function() {&nbsp;&nbsp;\r\n$(\'#example\').DataTable( {<br /> dom: \'Bfrtip\',<br /> buttons: [<br /> \'copyHtml5\',<br /> \'excelHtml5\',<br /> \'csvHtml5\',<br /> \'pdfHtml5\'<br /> ]<br /> } );\r\n} );\r\n&lt;/script&gt;</code></pre>\r\n<p><strong>Complete Code:<br /><br /></strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;<br />&lt;html&gt;<br />&lt;head&gt;<br /> &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;<br />&lt;link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"&gt;<br />&lt;/head&gt;\r\n&lt;body&gt;<br />&lt;table id="example" width="100%"&gt;<br /> &lt;thead&gt;<br /> &lt;tr&gt;<br /> &lt;th&gt;Name&lt;/th&gt;<br /> &lt;th&gt;Position&lt;/th&gt;<br /> &lt;th&gt;Office&lt;/th&gt;<br /> &lt;th&gt;Age&lt;/th&gt;<br /> &lt;th&gt;Start date&lt;/th&gt;<br /> &lt;th&gt;Salary&lt;/th&gt;<br /> &lt;/tr&gt;<br /> &lt;/thead&gt;<br /> &lt;tbody&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tiger Nixon&lt;/td&gt;<br /> &lt;td&gt;System Architect&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2011/04/25&lt;/td&gt;<br /> &lt;td&gt;$320,800&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Garrett Winters&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;63&lt;/td&gt;<br /> &lt;td&gt;2011/07/25&lt;/td&gt;<br /> &lt;td&gt;$170,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Ashton Cox&lt;/td&gt;<br /> &lt;td&gt;Junior Technical Author&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;66&lt;/td&gt;<br /> &lt;td&gt;2009/01/12&lt;/td&gt;<br /> &lt;td&gt;$86,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Cedric Kelly&lt;/td&gt;<br /> &lt;td&gt;Senior Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2012/03/29&lt;/td&gt;<br /> &lt;td&gt;$433,060&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Airi Satou&lt;/td&gt;<br /> &lt;td&gt;Accountant&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;33&lt;/td&gt;<br /> &lt;td&gt;2008/11/28&lt;/td&gt;<br /> &lt;td&gt;$162,700&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Brielle Williamson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;New York&lt;/td&gt;<br /> &lt;td&gt;61&lt;/td&gt;<br /> &lt;td&gt;2012/12/02&lt;/td&gt;<br /> &lt;td&gt;$372,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Herrod Chandler&lt;/td&gt;<br /> &lt;td&gt;Sales Assistant&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;59&lt;/td&gt;<br /> &lt;td&gt;2012/08/06&lt;/td&gt;<br /> &lt;td&gt;$137,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Rhona Davidson&lt;/td&gt;<br /> &lt;td&gt;Integration Specialist&lt;/td&gt;<br /> &lt;td&gt;Tokyo&lt;/td&gt;<br /> &lt;td&gt;55&lt;/td&gt;<br /> &lt;td&gt;2010/10/14&lt;/td&gt;<br /> &lt;td&gt;$327,900&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Colleen Hurst&lt;/td&gt;<br /> &lt;td&gt;Javascript Developer&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;39&lt;/td&gt;<br /> &lt;td&gt;2009/09/15&lt;/td&gt;<br /> &lt;td&gt;$205,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Sonya Frost&lt;/td&gt;<br /> &lt;td&gt;Software Engineer&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;23&lt;/td&gt;<br /> &lt;td&gt;2008/12/13&lt;/td&gt;<br /> &lt;td&gt;$103,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Jena Gaines&lt;/td&gt;<br /> &lt;td&gt;Office Manager&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;30&lt;/td&gt;<br /> &lt;td&gt;2008/12/19&lt;/td&gt;<br /> &lt;td&gt;$90,560&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Quinn Flynn&lt;/td&gt;<br /> &lt;td&gt;Support Lead&lt;/td&gt;<br /> &lt;td&gt;Edinburgh&lt;/td&gt;<br /> &lt;td&gt;22&lt;/td&gt;<br /> &lt;td&gt;2013/03/03&lt;/td&gt;<br /> &lt;td&gt;$342,000&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Charde Marshall&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;San Francisco&lt;/td&gt;<br /> &lt;td&gt;36&lt;/td&gt;<br /> &lt;td&gt;2008/10/16&lt;/td&gt;<br /> &lt;td&gt;$470,600&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Haley Kennedy&lt;/td&gt;<br /> &lt;td&gt;Senior Marketing Designer&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;43&lt;/td&gt;<br /> &lt;td&gt;2012/12/18&lt;/td&gt;<br /> &lt;td&gt;$313,500&lt;/td&gt;<br /> &lt;/tr&gt;<br /> &lt;tr&gt;<br /> &lt;td&gt;Tatyana Fitzpatrick&lt;/td&gt;<br /> &lt;td&gt;Regional Director&lt;/td&gt;<br /> &lt;td&gt;London&lt;/td&gt;<br /> &lt;td&gt;19&lt;/td&gt;<br /> &lt;td&gt;2010/03/17&lt;/td&gt;<br /> &lt;td&gt;$385,750&lt;/td&gt;<br /> &lt;/tr&gt;<br /> <br />&lt;/tbody&gt;<br />&lt;/table&gt;\r\n<br />&lt;script src="https://code.jquery.com/jquery-3.3.1.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;<br />\r\n&lt;script src="https://cdn.datatables.net/buttons/1.6.4/js/dataTables.buttons.min.js"&gt;&lt;/script&gt;\r\n&lt;script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.3/jszip.min.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/pdfmake.min.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.53/vfs_fonts.js"&gt;&lt;/script&gt;<br />&lt;script src="https://cdn.datatables.net/buttons/1.6.4/js/buttons.html5.min.js"&gt;&lt;/script&gt;<br /><br />&lt;script&gt;\r\n$(document).ready(function() {&nbsp;&nbsp;\r\n$(\'#example\').DataTable( {<br /> dom: \'Bfrtip\',<br /> buttons: [<br /> \'copyHtml5\',<br /> \'excelHtml5\',<br /> \'csvHtml5\',<br /> \'pdfHtml5\'<br /> ]<br /> } );\r\n} );\r\n&lt;/script&gt;\r\n\r\n&lt;/body&gt;<br />&lt;/html&gt;</code></pre>\r\n<p><strong>&nbsp;</strong></p>', '1', 'blog'), (90, 'most-important-js-events-every-front-end-developer-should-learn', 'Most Important JS Events Every Front End Developer Should Learn', '<p>The function uses events in JavaScript to change our HTML content or modify an element\'s style. Several events are available in the JavaScript category, such as mouse event, click event, window events, etc. We will learn primarily used events which are the following:</p>\r\n<p><strong>1. onclick event: </strong>This is a mouse event, and it is called by the user when the user clicks on an element such as a button click. When the user clicks a button, the function executes, which is bound to an event.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&lt;button onclick="test()"&gt;Click me&lt;/button&gt;\r\n&lt;script&gt;\r\nfunction test() {\r\n&nbsp; alert(&ldquo;hello onclick event is working fine&rdquo;);\r\n}\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p><strong>2. onkeyup event:</strong> This is a keyboard event that occurs when the user presses any button.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;input type="text" id="name" onkeyup="resume()"&gt;\r\n&lt;input type="text" id="email" onkeyup="resume()"&gt;\r\n&nbsp;\r\n&lt;p&gt;&lt;b&gt;Name :&lt;/b&gt; &lt;span id="namecontain"&gt;&lt;/span&gt;&lt;/p&gt;\r\n&lt;p&gt;&lt;b&gt;Email :&lt;/b&gt; &lt;span id="emailcontain"&gt;&lt;/span&gt;&lt;/p&gt;\r\n&nbsp;\r\n\r\n&lt;script&gt;\r\n&nbsp;\r\nfunction resume()\r\n{\r\n&nbsp;&nbsp; var name =&nbsp; document.getElementById("name").value;\r\n&nbsp;&nbsp; var email = document.getElementById("email").value;\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp; document.getElementById("namecontain").innerHTML=name;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; document.getElementById("emailcontain").innerHTML=email;\r\n&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p><strong>3. onchange event: </strong>&nbsp;This event is mainly used with select box form elements of HTML.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;For loop&lt;/title&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;select id="selectval" onchange="createselect()"&gt;\r\n&lt;option&gt;1&lt;/option&gt;\r\n&lt;option&gt;2&lt;/option&gt;\r\n&lt;option&gt;3&lt;/option&gt;\r\n&lt;option&gt;4&lt;/option&gt;\r\n&lt;option&gt;5&lt;/option&gt;\r\n&lt;option&gt;6&lt;/option&gt;\r\n&lt;/select&gt;\r\n&nbsp;\r\n&lt;select id="other"&gt;\r\n&nbsp;\r\n&lt;/select&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nfunction createselect()\r\n{\r\n&nbsp;&nbsp; var selectvalue=document.getElementById(\'selectval\').value;\r\n&nbsp;&nbsp; var len=selectvalue/2;\r\n&nbsp;&nbsp;\r\n&nbsp;\r\n&nbsp;&nbsp; var otherselect=document.getElementById(\'other\');\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //otherselect.innerHTML="";\r\n&nbsp;&nbsp;\r\n&nbsp; otherselect.innerText = null;\r\n&nbsp;&nbsp;\r\n&nbsp; &nbsp;for(i=1;i&lt;=len;i++)\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp; var option = document.createElement("option");\r\n&nbsp;&nbsp;&nbsp;&nbsp; option.text = i;\r\n&nbsp;&nbsp;&nbsp;&nbsp; otherselect.appendChild(option);\r\n&nbsp;&nbsp; }\r\n&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p><strong>4.onmouseover event: </strong>&nbsp;This is a mouse event that occurs when the user mouse over an element.</p>\r\n<p><strong>Example : </strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&lt;button onmouseover="test()"&gt;Click me&lt;/button&gt;\r\n&lt;script&gt;\r\nfunction test() {\r\n&nbsp; alert(&ldquo;hello mouseover event is working fine&rdquo;);\r\n}\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p><strong>5.onload event: </strong>This event occurs when our DOM is completely loaded.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body onload="myFunction()"&gt;\r\n&nbsp;\r\n&lt;h1&gt;Hello World!&lt;/h1&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nfunction myFunction() {\r\n&nbsp; alert("Page is loaded");\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p><strong>6.onfocus event:&nbsp; </strong>This event is used to focus an element. It is used chiefly in form validation to focus an input that has an error.</p>\r\n<p>Example:</p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\nEnter your name: &lt;input type="text" onfocus="myFunction(this)"&gt;\r\n&nbsp;\r\n&lt;p&gt;When the input field gets focus, a function is triggered which changes the background-color.&lt;/p&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nfunction myFunction(x) {\r\n&nbsp; x.style.background = "yellow";\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>', '1', 'blog'), (91, 'how-to-send-html-email-using-php', 'How to send HTML email using PHP', '<p>Sending mail to the website is a very crucial feature. It is important to get inquiries from websites by mail. PHP mail() function is used to send an email. We will learn by the following steps:</p>\r\n<p><strong>Step1:</strong> Add method <strong>POST</strong> in your form method attribute and properly give name attribute to input fields.</p>\r\n<p><strong>HTML CODE:</strong><strong><br /> </strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Bootstrap Example&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&nbsp; &lt;h2&gt;Contact form&lt;/h2&gt;\r\n&nbsp; &lt;form method="post"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Name:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="email" placeholder="Enter name" name="name"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Email:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control" id="email" placeholder="Enter Email" name="email"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Mobile:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="email" placeholder="Enter Mobile" name="mobile"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Message:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="email" placeholder="Enter name" name="message"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;\r\n&nbsp; &lt;/form&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp; </code></pre>\r\n<p><strong><br />Step2: </strong>Write PHP Code before &lt;!DOCTYPE&gt; Tag</p>\r\n<p><strong>PHP CODE:</strong></p>\r\n<pre><code>&lt;?php\r\n$to = "your email id";\r\n$subject = "Website Enquiry";\r\n&nbsp;\r\n$message = "\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&lt;table&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;Name&lt;/th&gt;\r\n&lt;th&gt;Email&lt;/th&gt;\r\n&lt;th&gt;Mobile&lt;/th&gt;\r\n&lt;th&gt;Message&lt;/th&gt;\r\n&lt;/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;\'".$_POST[\'name\']."\'&lt;/td&gt;\r\n&lt;td&gt;\'".$_POST[\'email\']."\'&lt;/td&gt;\r\n&lt;td&gt;\'".$_POST[\'mobile\']."\'&lt;/td&gt;\r\n&lt;td&gt;\'".$_POST[\'message\']."\'&lt;/td&gt;\r\n&lt;/tr&gt;\r\n&lt;/table&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n";\r\n&nbsp;\r\n// Always set content-type when sending HTML email\r\n$headers = "MIME-Version: 1.0" . "\\r\\n";\r\n$headers .= "Content-type:text/html;charset=UTF-8" . "\\r\\n";\r\n&nbsp;\r\n// More headers\r\n$headers .= \'From: &lt;nextg&gt;\' . "\\r\\n";\r\n&nbsp;\r\n&nbsp;\r\n$mail=mail($to,$subject,$message,$headers);\r\n&nbsp;\r\nif($mail)\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo "&lt;script&gt;alert(\'Thanks\')&lt;/script&gt;";\r\n}\r\n&nbsp;\r\nelse\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this PHP Code,&nbsp;<strong>headers </strong>play an important role in sending emails in inboxes. If we don&rsquo;t correctly set headers, the email will become spam, so we should always use headers.</p>\r\n<p>In <strong>headers,&nbsp;</strong>we set what type of email we are sending, such as text, HTML, or attachment.&nbsp;</p>\r\n<p><strong>Complete Code:</strong></p>\r\n<pre><code>&lt;?php\r\n$to = "your email id";\r\n$subject = "Website Enquiry";\r\n&nbsp;\r\n$message = "\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&lt;table&gt;\r\n&lt;tr&gt;\r\n&lt;th&gt;Name&lt;/th&gt;\r\n&lt;th&gt;Email&lt;/th&gt;\r\n&lt;th&gt;Mobile&lt;/th&gt;\r\n&lt;th&gt;Message&lt;/th&gt;\r\n&lt;/tr&gt;\r\n&lt;tr&gt;\r\n&lt;td&gt;\'".$_POST[\'name\']."\'&lt;/td&gt;\r\n&lt;td&gt;\'".$_POST[\'email\']."\'&lt;/td&gt;\r\n&lt;td&gt;\'".$_POST[\'mobile\']."\'&lt;/td&gt;\r\n&lt;td&gt;\'".$_POST[\'message\']."\'&lt;/td&gt;\r\n&lt;/tr&gt;\r\n&lt;/table&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n";\r\n&nbsp;\r\n// Always set content-type when sending HTML email\r\n$headers = "MIME-Version: 1.0" . "\\r\\n";\r\n$headers .= "Content-type:text/html;charset=UTF-8" . "\\r\\n";\r\n&nbsp;\r\n// More headers\r\n$headers .= \'From: &lt;nextg&gt;\' . "\\r\\n";\r\n&nbsp;\r\n&nbsp;\r\n$mail=mail($to,$subject,$message,$headers);\r\n&nbsp;\r\nif($mail)\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo "&lt;script&gt;alert(\'Thanks\')&lt;/script&gt;";\r\n}\r\n&nbsp;\r\nelse\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Bootstrap Example&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&nbsp; &lt;h2&gt;Contact form&lt;/h2&gt;\r\n&nbsp; &lt;form method="post"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Name:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="email" placeholder="Enter name" name="name"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Email:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control" id="email" placeholder="Enter Email" name="email"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Mobile:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="email" placeholder="Enter Mobile" name="mobile"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Message:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="email" placeholder="Enter name" name="message"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt;\r\n&nbsp; &lt;/form&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (92, 'include-functions-in-php', 'Include Functions in PHP', '<p>Including files in PHP is a handy feature when you want to include the same content or design in multiple pages such as header, footer, sidebar, etc. &nbsp;In PHP, four include functions available, which we will learn and see the difference between them.</p>\r\n<p><strong>1.include() function: </strong>In the include function, write your file path where your file exists. In the include() function, if we write the wrong path sometimes due to typing mistake, then it will throw an error on the particular area where you are trying to include the file rest of code will be working fine.</p>\r\n<p><strong>Example:</strong> include(&lsquo;includes/header.php&rsquo;);</p>\r\n<p>This example includes folder name, and header.php is the file name.</p>\r\n<p><strong>2.require() function: </strong>In require function, simply write your file path where your file exists. In require() method, if we write the wrong path due to typing mistake, then it will throw an error, and it halts the execution of complete code means your file will not work.</p>\r\n<p><strong>Example:</strong> require(&lsquo;includes/header.php&rsquo;);</p>\r\n<p><strong>3.include_once() function: </strong>include_once() is improved version of include() function. It is latest include function, sometimes we include file multiple time by mistake then it will help. It will not repeat our design means it does not accept the same file multiple times.</p>\r\n<p><strong>Example:</strong> include_once(&lsquo;includes/header.php&rsquo;);</p>\r\n<p><strong>4.require_once() function: </strong>require_once() is an improved version of require function work same require, but there is a slight improvement; it does not accept the same file multiple times.</p>\r\n<p><strong>Example:</strong> require_once(&lsquo;includes/header.php&rsquo;);</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (93, 'this-keyword-practical-example-in-js', 'this keyword Practical Example in js', '<p><strong>This keyword</strong> in JS is a very confusing topic for beginners mostly beginner JS developer got confused about using&nbsp;<strong>this keyword</strong>, when to use, how to use. Here I am explaining an easy concept to understand this keyword easily.</p>\r\n<p><strong>1. this keyword has multiple elements:</strong>&nbsp; this keyword is used when you have multiple elements, and you want to point out that element on which you have applied an event.</p>\r\n<p><strong>Example:</strong> In this example, we will see, we have multiple small images, and we will replace the small image with an extensive image on which the image has been clicked. This example looks like the Flipkart product detail page image section.</p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;&lt;img src="images/2.jpeg"&nbsp; style="width:300px" id="bigimg"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;img src="images/2.jpeg" onclick="changeimage(this.src)" title="hello" style="width:100px"&gt;\r\n&lt;img src="images/1.jpeg" onmouseover="changeimage(this.src)" style="width:100px"&gt;\r\n&lt;img src="images/3.jpeg" onmouseover="changeimage(this.src)" style="width:100px"&gt;\r\n&lt;img src="images/4.jpeg" onmouseover="changeimage(this.src)" style="width:100px"&gt;\r\n&lt;img src="images/5.jpeg" onmouseover="changeimage(this.src)" style="width:100px"&gt;\r\n&lt;img src="images/6.jpeg" onmouseover="changeimage(this.src)" style="width:100px"&gt;\r\n&lt;img src="images/7.jpeg" onmouseover="changeimage(this.src)" style="width:100px"&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\nfunction changeimage(smallimgsrc)\r\n{\r\n&nbsp; document.getElementById("bigimg").src=smallimgsrc;\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<br />\r\n<p>In this example, change your src with your source. Here,&nbsp;<strong>src </strong>gives an src of an image on which we have applied a click event.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>2. this keyword with class: &nbsp;</strong>When we use class, we have needed this keyword to access the variable and method of the class. This keyword here points to a variable or method of that class.</p>\r\n<p><strong>Example:</strong> &nbsp;</p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;h2&gt;JavaScript Class&lt;/h2&gt;\r\n&nbsp;\r\n&lt;p&gt;How to use a JavaScript Class.&lt;/p&gt;\r\n&nbsp;\r\n&lt;p id="demo"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nclass Car {\r\n&nbsp; constructor(name, year) {\r\n&nbsp;&nbsp;&nbsp; this.name = name;\r\n&nbsp;&nbsp;&nbsp; this.year = year;\r\n&nbsp; }\r\n}\r\n&nbsp;\r\nconst myCar = new Car("Ford", 2014);\r\ndocument.getElementById("demo").innerHTML =\r\nmyCar.name + " " + myCar.year;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>', '1', 'blog'), (94, 'oop-important-topics-for-beginners-in-php', 'OOP Important Topics for Beginners in PHP', '<p>OOP (Object Oriented Programming) is a programming design pattern in which we write code using classes, objects rather than the old programming system. We were writing code using functions. OOP is best suited for that type of application which is a scalable or extensive application.</p>\r\n<p><strong>Example: </strong>&nbsp;An example we have a project of the multi-login system in which there are several roles such as</p>\r\n<p>1. Admin login</p>\r\n<p>2. Receptionist login</p>\r\n<p>3. Digital Marketing Login</p>\r\n<p>4. Web Developer Login</p>\r\n<p>Here are four different member logins, and each has different functionalities. For such type of application OOP is best because in OOP have some functionalities by using these we can manage big project easily some of the following:</p>\r\n<p>1. Class</p>\r\n<p>2. Objects</p>\r\n<p>3. Inheritance</p>\r\n<p>4. Access Specifier</p>\r\n<p>5. Constructor</p>\r\n<p>&nbsp;</p>\r\n<p><strong>1. Class: &nbsp;</strong>A class contains variables and methods which is access by the object. A class is defined by using the class keyword, followed by the pair of curly braces.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;?php\r\nclass Fruit {\r\n&nbsp; // Properties\r\n&nbsp; public $name;\r\n&nbsp; public $color;\r\n&nbsp;\r\n&nbsp; // Methods\r\n&nbsp; function set_name($name) {\r\n&nbsp;&nbsp;&nbsp; $this-&gt;name = $name;\r\n&nbsp; }\r\n&nbsp;&nbsp;function get_name() {\r\n&nbsp;&nbsp;&nbsp; return $this-&gt;name;\r\n&nbsp; }\r\n}\r\n?&gt;<code></code></code></pre>\r\n<p><strong><br />2. Object:&nbsp; </strong>Object plays a significant role in accessing class variables and methods. A class is nothing without an object; the object is created using a new keyword with the class name.</p>\r\n<p><strong>Example: </strong></p>\r\n<pre><code>$apple = new Fruit();\r\n$banana = new Fruit();\r\n&nbsp;</code></pre>\r\n<p><strong><br />Complete Code: </strong>Complete code of class and object</p>\r\n<pre><code>&lt;?php\r\nclass Fruit {\r\n&nbsp; // Properties\r\n&nbsp; public $name;\r\n&nbsp; public $color;\r\n&nbsp;\r\n&nbsp; // Methods\r\n&nbsp; function set_name($name) {\r\n&nbsp;&nbsp;&nbsp; $this-&gt;name = $name;\r\n&nbsp; }\r\n&nbsp; function get_name() {\r\n&nbsp;&nbsp;&nbsp; return $this-&gt;name;\r\n&nbsp; }\r\n}\r\n&nbsp;\r\n$apple = new Fruit();\r\n$banana = new Fruit();\r\n$apple-&gt;set_name(\'Apple\');\r\n$banana-&gt;set_name(\'Banana\');\r\n&nbsp;\r\necho $apple-&gt;get_name();\r\necho "&lt;br&gt;";\r\necho $banana-&gt;get_name();\r\n?&gt;\r\n&nbsp;<code></code></code></pre>\r\n<p><strong>Necessary: </strong>When we create a class, you should keep one point in mind is that your class name and your file name should be the same, and without an object, you cant access class methods and variables.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>3. Inheritance: The inheritance</strong>&nbsp;feature of OOP is handy to reduce our code because inheritance support reusability.</p>\r\n<p>To use inheritance in PHP, we use keywords. Inheritance means child class can access the functionality of parent class.</p>\r\n<p>To use inheritance, there are the following steps:</p>\r\n<p><strong><br />Step1: </strong>&nbsp;create the first file Fruit.php</p>\r\n<pre>&lt;?php\r\nclass Fruit {\r\n&nbsp; public $name;\r\n&nbsp; public $color;\r\n&nbsp; public function __construct($name, $color) {\r\n&nbsp;&nbsp;&nbsp; $this-&gt;name = $name;\r\n&nbsp;&nbsp;&nbsp; $this-&gt;color = $color;\r\n&nbsp; }\r\n&nbsp; public function intro() {\r\n&nbsp;&nbsp;&nbsp; echo "The fruit is {$this-&gt;name} and the color is {$this-&gt;color}.";\r\n&nbsp; }\r\n}\r\n&nbsp;\r\n?&gt;\r\n</pre>\r\n<p><strong><br />Step2: &nbsp;</strong>create Strawberry.php file</p>\r\n<pre>&lt;?php\r\ninclude("includes/fruit.php");\r\n&nbsp;\r\nclass Strawberry extends Fruit {\r\n&nbsp; public function message() {\r\n&nbsp;&nbsp;&nbsp; echo "Am I a fruit or a berry? ";\r\n&nbsp; }\r\n}\r\n$strawberry = new Strawberry("Strawberry", "red");\r\n$strawberry-&gt;message();\r\n$strawberry-&gt;intro();\r\n?&gt;</pre>\r\n<p><strong><br />4. Access Specifier: </strong>Access specifier provides security in OOP. It controls methods and variables where they can be accessed. There are three access specifiers in OOP:</p>\r\n<p><strong>1. Public: </strong>the property and methods can be accessed everywhere.</p>\r\n<p><strong>2. Private: </strong>the property and methods accessed only in class where it is created.</p>\r\n<p><strong>3. Protected: </strong>the property and methods can be accessed by child class from where it is derived.</p>\r\n<p>&nbsp;</p>\r\n<pre><code><strong>Example: &nbsp;</strong>Database Connection Example of OOP in which we have created private, protected and public.\r\n&lt;?php\r\n&nbsp;\r\nclass Dbconnect\r\n{\r\n&nbsp;private $_localhost = \'localhost\';\r\n&nbsp;private $_user = \'root\';\r\n&nbsp;private $_password = \'\';\r\n&nbsp;private $_dbname = \'oops\';\r\n&nbsp;\r\n&nbsp;protected $connection;\r\n&nbsp;\r\n&nbsp; public function __construct()\r\n&nbsp; {\r\n&nbsp;\r\n&nbsp; if(!isset($this-&gt; connection))\r\n&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $this-&gt;connection = new mysqli($this-&gt;_localhost , $this-&gt;_user , $this-&gt;_password , $this-&gt;_dbname);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(!$this-&gt;connection)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'cannot connect\' ;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; exit;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; }\r\n&nbsp;\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; return $this-&gt;connection;\r\n&nbsp;\r\n&nbsp; }\r\n}\r\n&nbsp;\r\n?&gt;</code></pre>\r\n<p>Here we have created a private variable because that variable only needs to access within the same class. Protected variable $connection this variable will be used by the child class.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>5. Constructor: </strong>Constructor is used when you want to access some function at the time of object creation. Constructor is called automatically. When the object is created, there is no need to access it separately like other methods. Constructor is created by __construct() function in PHP.</p>\r\n<pre><code>Example:\r\n&lt;?php\r\n&nbsp; public function __construct()\r\n&nbsp; {\r\n&nbsp;\r\n&nbsp; if(!isset($this-&gt; connection))\r\n&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $this-&gt;connection = new mysqli($this-&gt;_localhost , $this-&gt;_user , $this-&gt;_password , $this-&gt;_dbname);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(!$this-&gt;connection)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'cannot connect\' ;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; exit;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; }\r\n&nbsp;\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; return $this-&gt;connection;\r\n&nbsp;\r\n&nbsp; }\r\n&nbsp;\r\n?&gt;</code></pre>\r\n<p>Here we have created a constructor to access database connection at the time of object creation on every page.</p>', '1', 'blog'), (95, 'web-design-course-need-of-the-day-after-10th-and-12th', 'Web Design Course: Need of the Day after 10th and 12th?', '<p>Do you know about the Digital India mission? It is the skill development mission that is the topmost important campaign of the Indian Government. This critical campaign aims to make India, especially the current youth, technically sound and explore the latest technology. So, then they can have a bright future and can easily find relevant white collared career opportunities.</p>\r\n<p>With the help of this brilliant campaign, many students, whether they live in rural or urban places, are getting a huge opportunity to learn the skill set they want. Whether they want to become a web designer or web app designer, they can avail several certifications to get enrolled and start mastering one of the crucial skills.</p>\r\n<p>In this blog, we will tell you how learning web design can be helpful and take advantage of it in making a lucrative professional career.</p>\r\n<h3>Why is Web Design the need of the Day?</h3>\r\n<p>Many students think web design and <a title="web development" href="../../web-development-diploma-certificate-courses"><strong>web development</strong></a> are the same things, but this is not the truth. Because web development is closely related to the website\'s functionality and includes complete procedures followed to build it. On the other hand, web design is all about enhancing the look and feel of existing websites. It helps users to stay more on the web pages. Let\'s see its importance so that you can understand it better.</p>\r\n<p>The primary role of web design is to make an attractive website look that can easily attract visitors. And can also help them to navigate the desired products or services. Having a beautifully designed grab more leads and also increases search rankings. Therefore, nowadays, most businesses hire expert designers to design their websites and help them to increase potential revenue.</p>\r\n<p><strong>It builds up trust among the students</strong></p>\r\n<p>A good web design helps customers to trust the brands and their products. Whatever products brands sell out first, they need to attract their target audience because if their website does not convey emotions, CTAs, and trustworthy messages by the website\'s design, they will move to the other sites where they think fit. Therefore, if you become a web designer, you can help businesses get their business run successfully.</p>\r\n<p><strong>It also helps to learn SEO Concepts</strong></p>\r\n<p>Many professionals do not know that having a responsive web design can help in Search Engine Optimization. A fast loading, clean, and easy to navigate website can easily rank in google. There Are several reasons for this as well. Still, you should know that companies will contact you to help them get a professional&mdash;the latest and unique web design if you understand web design.</p>\r\n<p><strong>Importance of Web Design after 10th and 12th</strong></p>\r\n<p>Nowadays, web design is becoming one of the high-paying skills. Many school students learn it to understand its fundamentals, enhance their technical knowledge, and build a roadmap to become an expert web designer by taking a <a href="../../../"><strong>web design course in Delhi</strong></a>. But why are these students showing their interest in this field? You should know that there are plenty of answers to help you understand. <br /><br />This skill is becoming an essential tool to survive in the market and generate a reasonable profit percentage. However, we have mentioned some of the crucial importance of learning <strong>web design after the 10th and 12th</strong> below that you can see here.</p>\r\n<ul>\r\n<li>You can learn valuable computer operating skills.</li>\r\n<li>Can stay up to date with the latest design techniques.</li>\r\n<li>You can have a reasonable rate of return if you spend on a good web design course.</li>\r\n<li>A school student can also learn this skill as they all need to be creative.</li>\r\n<li>You can become technically sound as well as master professional design tools.</li>\r\n<li>It is one of the introductory courses for those willing to pursue graduation in the computer field.</li>\r\n<li>It can be a great skill to make money just by working on a part-time basis.</li>\r\n<li>After some time, you can also work in a top company or open a web design agency.</li>\r\n</ul>\r\n<p><br />These are just a few essential things that you must know if you are confused about learning web designing after your school studies.</p>\r\n<h3>Where should you learn Web Design?</h3>\r\n<p>There are so many institutes in Delhi where <a title="web design courses" href="../../web-design-diploma-certificate-courses"><strong>web design courses</strong></a> are available. But if you want to get a strong foundation of this creative and technical specialization, then consider learning from the Web Development Institute. This excellent institute is located in Rohini, Delhi, and offers comprehensive training with several assignments and projects.</p>\r\n<p>It uses its 360-teaching method and keeps the batches short so that students can learn each thing in detail. This web design course offers detailed information about <strong>HTML, CSS,<strong>Bootstrap</strong>, jQuery,&nbsp; JavaScript, AJAX, ReactJS</strong> and many other professional languages.</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (96, 'codeigniter-folder-file-structure', 'CodeIgniter Folder, File Structure', '<p>Codeigniter File or folder Structure is essential to work on CodeIgniter project mostly beginners got confused to learn in which directory what file? Let\'s see the folder structure of CodeIgniter after downloading:</p>\r\n<p>CodeIgniter has the following structure:</p>\r\n<p>1. Application</p>\r\n<p>2. System</p>\r\n<p>3. User_guide</p>\r\n<p>4. index.php file</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>CodeIgniter Application folder</strong></h3>\r\n<p>&nbsp;the application folder is the place where we work to develop a project means it contains all essential &nbsp;files &nbsp;such as views, controller, config, routes, etc. let\'s see its subdirectories:</p>\r\n<p><strong>1. Cache folder:</strong> &nbsp;This folder is used to store the cache of your project to increase the page speed of your project. We cache our media files such as CSS, images, js to load our page fast on the browser. Mainly developer also uses cache in the .htaccess file.</p>\r\n<p><strong>2. Config folder: &nbsp;</strong>As its name suggests, it contains config files of your project such as database configuration file, base URL and session related work config file, routes URL related config file. There are several files we are explaining some critical files on which most developers work:</p>\r\n<ul>\r\n<li><strong>Autoload file: </strong>In this file, we load our model file, libraries, and helper. It saves our time; if we load our file in autoload, then it is available by all means; there is no need to load files one by one in the controller.</li>\r\n</ul>\r\n<br />\r\n<pre><code><strong>Example: </strong>\r\n<strong>&nbsp;</strong>\r\n$autoload[\'libraries\'] = array(\'database\', \'email\', \'session\',\'cart\',\'form_validation\');\r\n&nbsp;\r\n$autoload[\'model\'] = array(\'admins\',\'banners\',\'categoriess\',\'crud\',\'products\',\'page\'); &nbsp;<br /><br />\r\n<strong>&nbsp;</strong>\r\n</code></pre>\r\n<ul>\r\n<li><strong>Config file: </strong>In this file, we set our base URL, config our session time or session-related work, and we also set URL prefix.</li>\r\n<li><strong>Database file:</strong> In this file, we set our database connection.</li>\r\n<li><strong>Routes:</strong> In this file, we set our URL, which means what kind of URL we want to use for digital marketing or SEO purposes.</li>\r\n</ul>\r\n<br />\r\n<pre><code><strong>Example :</strong>\r\n$route[\'default_controller\'] = \'welcome\';\r\n&nbsp;\r\n$route[\'sitemap\\.xml\'] = "welcome/sitemap";\r\n&nbsp;\r\n$route[\'404_override\'] = \'\';\r\n$route[\'translate_uri_dashes\'] = FALSE;\r\n&nbsp;\r\n/*********************************************************/\r\n$route[\'category/(:any)\'] = \'welcome/category/$1\';\r\n$route[\'search/(:any)\'] = \'welcome/searchbyattribute/$1\';\r\n$route[\'searchbycategory/(:any)\'] = \'welcome/searchbycategory/$1\';<br />\r\n&nbsp;\r\n</code></pre>\r\n<ul>\r\n<li><strong>Hooks: &nbsp;</strong>In this file, we config our hook-related code.</li>\r\n</ul>\r\n<br />\r\n<p><strong>3. Controllers folder: The&nbsp;</strong>Controller is an important folder containing our logic and works as a mediator between views and models file. It loads our view page by its function, and also it connects our model\'s page to the view page.</p>\r\n<p><strong>Necessary: &nbsp;</strong>When you create a controller, you should keep one point in mind: your file name and class name should be the same, and the filename and class name of the first character should be uppercase.</p>\r\n<p><strong>4. Core folder: The core</strong>&nbsp;folder has nothing special it is rarely used. As its name tells about itself, it contains core custom classes that extend system files.</p>\r\n<p><strong>5. Helpers: </strong>This folder is used to contain a user-defined helper function. Helper is like a function that is used repeatedly in the project.</p>\r\n<p><strong>6. Hooks: </strong>In this folder, we create a hook file that works as middleware; for example, we want to protect some pages and check the user login first; then hook is very helpful. By using a hook, we can check the user first then show the page.</p>\r\n<p>If we don&rsquo;t use; then we have to write code on all protected page to check user login.</p>\r\n<p><strong>7. Language: </strong>In this folder, we create files and write language-related settings.</p>\r\n<p><strong>8. Libraries: </strong>In this folder, we contain user-defined libraries, for example, CSV upload library, multiple file upload library.</p>\r\n<p><strong>9.Logs: </strong>This folder contains your error logs.</p>\r\n<p><strong>10.Models: </strong>&nbsp;This folder contains our model\'s fil containings database-related code such as insert and update delete code.</p>\r\n<p><strong>11.Third_Party: </strong>This folder is used to keep third-party API libraries such as payment gateway, message API-related files.</p>\r\n<p><strong>12. Views: </strong>This folder contains our HTML pages.</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<h3><strong>CodeIgniter System &nbsp;folder</strong></h3>\r\n<p>The system folder contains subdirectories that are helpful to run our CodeIgniter. Remember, It contains our CodeIgniter Framework-related code, so beginner developer don&rsquo;t make any changes.</p>\r\n<ul>\r\n<li><strong>Core: </strong>&nbsp;It contains the core file of the CodeIgniter framework; it is the heart of the CodeIgniter Framework. It contains controller, Uri, model-related code, which we extend in our controller model file.</li>\r\n<li><strong>Database:</strong> It contains the core code of database drivers and cache.</li>\r\n<li><strong>Fonts:</strong> It contains fonts-related information.</li>\r\n<li><strong>Helper:</strong> It contains default helpers such as URL, date.</li>\r\n<li><strong>Language:</strong> It contains the default language file.</li>\r\n<li><strong>Libraries:</strong> It contains default libraries of CodeIgniter such as file upload, email, etc.</li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<h3><strong>CodeIgniter User_Guide &nbsp;folder</strong></h3>\r\n<p>This folder contains offline documentation of CodeIgniter Framework, where developers can learn offline. You should remove this folder outside because it creates extra space.<br /><br /></p>\r\n<h3><strong>CodeIgniter index.php File</strong></h3>\r\n<p>Our CodeIgniter first searches the index.php file from where it runs. We can set our development mode in this file, such as production mode, development mode, testing mode, in localhost. We use development mode for debugging purposes, and in live hosting, we use production mode. In production mode, it does not shows any error if it occurs.</p>', '1', 'blog'), (97, 'how-to-remove-index-php-from-codeigniter', 'How to Remove index.php from CodeIgniter', '<p>In CodeIgniter, by default, it takes index.php in URL, but for digital marketing or SEO purpose google recommend URL should be clean then we need to remove index.php from CodeIgniter URLs. Here we will see the following steps to remove index.php from the URL:</p>\r\n<p><strong>Step1:</strong> First, Go to <strong>config&gt;config.php </strong>file and edit the following;</p>\r\n<pre><code>&nbsp;\r\n//&nbsp; Find the below code\r\n$config[\'index_page\'] = "index.php"\r\n&nbsp;\r\n//&nbsp; Remove index.php\r\n$config[\'index_page\'] = ""\r\n&nbsp;</code></pre>\r\n<p><strong>Step2: </strong>In the&nbsp;second&nbsp;step, you have to create a .htaccess file in the root directory where your index.php file is and write the following code:</p>\r\n<pre><code>&nbsp;\r\nRewriteEngine On\r\nRewriteCond %{REQUEST_FILENAME} !-f\r\nRewriteCond %{REQUEST_FILENAME} !-d\r\nRewriteRule ^(.)$ index.php/$1 [L]\r\n</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (98, 'most-used-jquery-functions', 'Most Used JQuery Functions', '<p>There are many functions available in Jquery event functions, traversing functions, effect functions, get and set content functions. We will see some of the functions which are most used in the project, which is listed below category wise:</p>\r\n<h3>Most Used JQuery Events:</h3>\r\n<p><strong>1. click(): </strong>click event is mostly used in projects. It is a mouse event. This function is executed when the user clicks a mouse.</p>\r\n<pre><code><strong>Example :</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("p").click(function(){\r\n&nbsp;&nbsp;&nbsp; $(this). css("background-color", "pink");\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;If you click on me, I will disappear.&lt;/p&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;<br /><br /></code></pre>\r\n<p><strong>2.keyup(): </strong>A<strong>&nbsp;</strong>keyup event is a keyboard event. This event is executed when the user releases a key.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("input").keydown(function(){\r\n&nbsp;&nbsp;&nbsp; $("input").css("background-color", "yellow");\r\n&nbsp; });\r\n&nbsp; $("input").keyup(function(){\r\n&nbsp;&nbsp;&nbsp; $("input").css("background-color", "pink");\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\nEnter your name: &lt;input type="text"&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;<br /><br /></code></pre>\r\n<p><strong>3.change(): </strong>It is an input event mostly used with a select form element. This event is executed when the user changes the select box\'s value.</p>\r\n<pre><code><strong>Example:</strong>\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;change event&lt;/title&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;select id="selectval"&gt;\r\n&lt;option&gt;1&lt;/option&gt;\r\n&lt;option&gt;2&lt;/option&gt;\r\n&lt;option&gt;3&lt;/option&gt;\r\n&lt;option&gt;4&lt;/option&gt;\r\n&lt;option&gt;5&lt;/option&gt;\r\n&lt;option&gt;6&lt;/option&gt;\r\n&lt;/select&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#selectval").change(function(){\r\n&nbsp;&nbsp;&nbsp; alert($(this).val());\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;<br /><br /></code></pre>\r\n<p><strong>4.mouseover: </strong>It is a mouse event. This event is executed when the user mouse over on an element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("p").mouseover(function(){\r\n&nbsp;&nbsp;&nbsp; $("p").css("background-color", "yellow");\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;Move the mouse pointer over this paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;<br /><br /></code></pre>\r\n<p><strong>5.scroll(): </strong>This event is a mouse wheel event. This event is executed when the user scrolls down or scroll up the page.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;style&gt;\r\n.main\r\n{\r\nwidth:100%;\r\nheight:1500px;\r\nbackground:#ddd;\r\n}\r\n&nbsp;\r\n.topheader\r\n{\r\nwidth:100%;\r\nheight:50px;\r\nbackground:#000;\r\n}\r\n&nbsp;\r\n.header\r\n{\r\nwidth:100%;\r\nheight:100px;\r\nbackground:#f00;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n.fixed-header\r\n{\r\nwidth:100%;\r\nposition:fixed;\r\ntop:0;\r\nz-index:999;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="main"&gt;\r\n&lt;div class="topheader"&gt;&lt;/div&gt;\r\n&lt;div class="header"&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;&lt;script&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(window).scroll(function(){\r\n&nbsp;&nbsp;&nbsp; if ($(window).scrollTop() &gt;= 300) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(\'.header\').addClass(\'fixed-header\');\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp; else {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(\'.header\').removeClass(\'fixed-header\');\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; }\r\n});\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;<br /><br /></code></pre>\r\n<h3>Most Used JQuery Effects:<br /><br /></h3>\r\n<p><strong>1. hide(): </strong>This hide() method is used to hide html element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#hide").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("p").hide();\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;If you click on the "Hide" button, I will disappear.&lt;/p&gt;\r\n&nbsp;\r\n&lt;button id="hide"&gt;Hide&lt;/button&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<br /><br /><br />\r\n<pre><code><strong>Example : hide() method with speed</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("button").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("p").hide(1000);\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;button&gt;Hide&lt;/button&gt;\r\n&nbsp;\r\n&lt;p&gt;This is a paragraph with little content.&lt;/p&gt;\r\n&lt;p&gt;This is another small paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /><br /></p>\r\n<p><strong>2.show(): </strong>This method is used to show HTML element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#show").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("p").show();\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;If you click on the "Hide" button, I will disappear.&lt;/p&gt;\r\n&nbsp;\r\n&lt;button id="show"&gt;Show&lt;/button&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<br /><br /><br />\r\n<pre><code><strong>Example : hide() method with speed</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("button").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("p").show(1000);\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;button&gt;Show&lt;/button&gt;\r\n&nbsp;\r\n&lt;p&gt;This is a paragraph with little content.&lt;/p&gt;\r\n&lt;p&gt;This is another small paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /><br /></p>\r\n<p><strong>3.toggle(): </strong>&nbsp;toggle method is used to toggle element means hiding and showing element. it behaves likes switch button on and off.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("button").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("p").toggle();\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;button&gt;Toggle between hiding and showing the paragraphs&lt;/button&gt;\r\n&nbsp;\r\n&lt;p&gt;This is a paragraph with little content.&lt;/p&gt;\r\n&lt;p&gt;This is another small paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /><br /></p>\r\n<p><strong>4.slideUp(): </strong>This method is used to slide up HTML element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#flip").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("#panel").slideUp("slow");\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;style&gt;\r\n#panel, #flip {\r\n&nbsp; padding: 5px;\r\n&nbsp; text-align: center;\r\n&nbsp; background-color: #e5eecc;\r\n&nbsp; border: solid 1px #c3c3c3;\r\n}\r\n&nbsp;\r\n#panel {\r\n&nbsp; padding: 50px;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div id="flip"&gt;Click to slide up panel&lt;/div&gt;\r\n&lt;div id="panel"&gt;Hello world!&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /><br /></p>\r\n<p><strong>5.slideDown():</strong> This method is used to slide down HTML element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#flip").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("#panel").slideDown("slow");\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;style&gt;\r\n#panel, #flip {\r\n&nbsp; padding: 5px;\r\n&nbsp; text-align: center;\r\n&nbsp; background-color: #e5eecc;\r\n&nbsp; border: solid 1px #c3c3c3;\r\n}\r\n&nbsp;\r\n#panel {\r\n&nbsp; padding: 50px;\r\n&nbsp; display: none;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div id="flip"&gt;Click to slide down panel&lt;/div&gt;\r\n&lt;div id="panel"&gt;Hello world!&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /><br /></p>\r\n<p><strong>6. slideToggle():</strong> This method is used to toggle slieup and slide down.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#flip").click(function(){\r\n&nbsp;&nbsp;&nbsp; $("#panel").slideToggle("slow");\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;style&gt;\r\n#panel, #flip {\r\n&nbsp; padding: 5px;\r\n&nbsp; text-align: center;\r\n&nbsp; background-color: #e5eecc;\r\n&nbsp; border: solid 1px #c3c3c3;\r\n}\r\n&nbsp;\r\n#panel {\r\n&nbsp; padding: 50px;\r\n&nbsp; display: none;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div id="flip"&gt;Click to slide the panel down or up&lt;/div&gt;\r\n&lt;div id="panel"&gt;Hello world!&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /><br /></p>\r\n<h3>Most Used JQuery GET/SET Content Functions:<br /><br /></h3>\r\n<p><strong>1.text(): </strong>This method is used to get content from the HTML element. It only get text content.</p>\r\n<pre><code><strong>Example: &nbsp;Get Content using text() function</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#btn1").click(function(){\r\n&nbsp;&nbsp;&nbsp; alert("Text: " + $("#test").text());\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p id="test"&gt;This is some &lt;b&gt;bold&lt;/b&gt; text in a paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;button id="btn1"&gt;Show Text&lt;/button&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n&nbsp;<br /><br /><br />\r\n<pre><code><strong>Example: &nbsp;Set Content using text() function</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n$("#btn1").click(function(){\r\n&nbsp; $("#test").text("Hello world!");\r\n});\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p id="test"&gt;This is some text in a paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;button id="btn1"&gt;set Text&lt;/button&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /><br /></p>\r\n<p><strong>2.html(): </strong>This function is used to get html content form HTML element.<br /><br /></p>\r\n<pre><code><strong>Example: &nbsp;Get Content using html() function</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("#btn1").click(function(){\r\n&nbsp;&nbsp;&nbsp; alert("Text: " + $("#test").html());\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p id="test"&gt;This is some &lt;b&gt;bold&lt;/b&gt; text in a paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;button id="btn1"&gt;Show Text&lt;/button&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /></p>\r\n<pre><code><strong>Example: &nbsp;Set Content using html() function</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n$("#btn1").click(function(){\r\n&nbsp; $("#test").html("&lt;b&gt;Hello world!&lt;/b&gt;");\r\n});\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p id="test"&gt;This is some text in a paragraph.&lt;/p&gt;\r\n&nbsp;\r\n&lt;button id="btn1"&gt;set Text&lt;/button&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /></p>\r\n<p><strong>3.val():</strong> This method is used to get or set form input value.<br /><br /></p>\r\n<pre><code><strong>Example: Get value</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("button").click(function(){\r\n&nbsp;&nbsp;&nbsp; alert("Value: " + $("#test").val());\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;Name: &lt;input type="text" id="test" value="Mickey Mouse"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;button&gt;Show Value&lt;/button&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<pre><code><strong>Example : Set Value</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("button").click(function(){\r\n&nbsp;&nbsp;&nbsp; alert("Value: " + $("#test").val(&ldquo;set content&rdquo;));\r\n&nbsp; });\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;Name: &lt;input type="text" id="test" value="Mickey Mouse"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;button&gt;Show Value&lt;/button&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /></p>\r\n<h3>Most Used JQuery Traversing Functions:<br /><br /></h3>\r\n<p><strong>1.parent():</strong> This method is used to get the parent element of the selected element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n.ancestors * {\r\n&nbsp; display: block;\r\n&nbsp; border: 2px solid lightgrey;\r\n&nbsp; color: lightgrey;\r\n&nbsp; padding: 5px;\r\n&nbsp; margin: 15px;\r\n}\r\n&lt;/style&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("span").parent().css({"color": "red", "border": "2px solid red"});\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="ancestors"&gt;\r\n&nbsp;\r\n&nbsp; &lt;div style="width:500px;"&gt;div (grandparent)&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;p&gt;p (direct parent)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span&gt;span&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/p&gt;\r\n&nbsp; &lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /></p>\r\n<p><strong>2.next(): </strong>This method is used to select the next element of the selected element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n.siblings * {\r\n&nbsp; display: block;\r\n&nbsp; border: 2px solid lightgrey;\r\n&nbsp; color: lightgrey;\r\n&nbsp; padding: 5px;\r\n&nbsp; margin: 15px;\r\n}\r\n&lt;/style&gt;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){\r\n&nbsp; $("h2").next().css({"color": "red", "border": "2px solid red"});\r\n});\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body class="siblings"&gt;\r\n&nbsp;\r\n&lt;div&gt;div (parent)\r\n&nbsp; &lt;p&gt;p&lt;/p&gt;\r\n&nbsp; &lt;span&gt;span&lt;/span&gt;\r\n&nbsp; &lt;h2&gt;h2&lt;/h2&gt;\r\n&nbsp; &lt;h3&gt;h3&lt;/h3&gt;\r\n&nbsp; &lt;p&gt;p&lt;/p&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;<br /><br /></p>\r\n<p><strong>3.prev():</strong> This method is used to select the previous element of the selected element.</p>\r\n<pre><code><strong>Example:</strong>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt; \r\n&lt;head&gt;\r\n&lt;style&gt;\r\n.siblings * { &nbsp; display: block; &nbsp; border: 2px solid lightgrey; &nbsp;\r\ncolor: lightgrey; \r\n&nbsp; padding: 5px; &nbsp; margin: 15px; \r\n}\r\n&lt;/style&gt; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;\r\n&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function(){&nbsp;\r\n$("h2").prev().css({"color": "red", "border": "2px solid red"}); });\r\n&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body class="siblings"&gt; &nbsp;\r\n&lt;div&gt;div (parent) &nbsp; \r\n&lt;p&gt;p&lt;/p&gt; &nbsp; \r\n&lt;span&gt;span&lt;/span&gt; &nbsp; \r\n&lt;h2&gt;h2&lt;/h2&gt; &nbsp; \r\n&lt;h3&gt;h3&lt;/h3&gt; &nbsp;\r\n&lt;p&gt;p&lt;/p&gt; &lt;/div&gt; &nbsp;\r\n&lt;/body&gt; &lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>', '1', 'blog'), (99, 'what-is-mvc-in-codeigniter-framework', 'What is MVC in CodeIgniter Framework', '<p><strong>MVC &nbsp;</strong>stands for Model View Controller, and It is a programming pattern in which we divide our project into three folders. It is best suitable for a medium or large project in which more than one developer will work.</p>\r\n<ul>\r\n<li><strong>Model: </strong>In the Model folder, we contain our database-related files, such as the crud file in which we write insert, update, delete queries.</li>\r\n<li><strong>View: </strong>In the View folder, we contain our designing files such as index.php, about.php, contact.php, etc.</li>\r\n<li><strong>Controller:</strong> In this folder, we contain our logical files in which we write our logic such as file upload, contact form mail, etc. It works as an intermediate between views and models.</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<p><strong>The following are some advantages of using MVC Pattern:</strong></p>\r\n<p><strong>1. </strong>&nbsp;<strong>It is best suitable for large projects</strong>: on which multiple developers can work efficiently means designer work in views folder, a PHP developer can work in the controller folder. The database developer can quickly work in the model\'s folder without any interruption.</p>\r\n<p><strong>2. Flexibility: </strong>&nbsp;It is flexible means we can increase flexibility because it categorizes our project. Our project is well organized in MVC. Our design is in the views folder, and the controller has logic; the model has database-related code so anybody can easily change their components.</p>\r\n<p>&nbsp;</p>\r\n<p>Let\'s see the Details of Each with an example:</p>\r\n<p><strong>1. Model: </strong>&nbsp;As we have already said Model is used to work with database-related code such insert data in the database, editing data in the database, delete data in the database, select data from the database.</p>\r\n<p>In CodeIgniter, we can use the model file in two ways:</p>\r\n<ul>\r\n<li><strong>By loading model in controller file function</strong></li>\r\n</ul>\r\n<pre><code><strong>Example:</strong> &nbsp;$this-&gt;load-&gt;model(&ldquo;crud&rdquo;);</code></pre>\r\n<ul>\r\n<li><strong>By autoloading in autoload.php file</strong></li>\r\n</ul>\r\n<pre><code><strong>Example:</strong> $autoload[\'model\'] = array(\'crud\');</code></pre>\r\n<p>Most developers recommend using model files by autoloading in autoload.php because it saves time and code repetition.</p>\r\n<p><strong>Example: CRUD &nbsp;file of the model in CodeIgniter</strong></p>\r\n<pre><code>&lt;?php\r\nclass Crud extends CI_Model{\r\nfunction insert($table,$data)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result= $this-&gt;db-&gt;insert($table, $data);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $result;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function update($table,$id,$data)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\', $id);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;db-&gt;update($table,$data);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function get_data($table)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $data= $this-&gt;db-&gt;get($table);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; return $data-&gt;result();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function delete($table,$id)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\', $id);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;db-&gt;delete($table);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;</code></pre>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>2. Views: </strong>View is responsible for containing your designing file, and it is run by using controllers functions. In MVC, we can not run our file directly, and we have to use the controller function to run our file.</p>\r\n<p><strong>Example: index.php file in the views folder</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;CodeIgniter first view&lt;/title&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;h1&gt;CodeIgniter first file&lt;/h1&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n<strong>Controllers Code look like this to run this view:</strong>\r\npublic function index()&nbsp;&nbsp;\r\n{\r\n&nbsp; $this-&gt;load-&gt;view(\'index\');\r\n}\r\n&nbsp;</code></pre>\r\n<p><strong>3.Controller: </strong>The controller&nbsp;act as an intermediate between model and view. It contains logic to run view and to connect with model file functions.</p>\r\n<p><strong>Example: </strong>Welcome.php Controller of CodeIgniter to run index.php view file</p>\r\n<pre><code>&lt;?php\r\ndefined(\'BASEPATH\') OR exit(\'No direct script access allowed\');\r\n&nbsp;\r\nclass Welcome extends CI_Controller {\r\npublic function index()&nbsp;&nbsp;\r\n{\r\n&nbsp; $this-&gt;load-&gt;view(\'index\');\r\n}\r\n&nbsp;\r\n}\r\n&nbsp;</code></pre>\r\n<p><strong>Important Note: </strong>Developer should learn OOP for better understanding of MVC, because in MVC pattern we use classes, extends, construct, etc. These are OOP programming concepts, so we recommend all beginner developers should learn OOP concepts.</p>', '1', 'blog'), (100, 'routes-in-codeigniter', 'CodeIgniter Routes', '<p>CodeIgniter Routes is used for making URLs SEO-friendly. It plays a vital role in the project to make a clean URL for digital marketing. We can also achieve this by using .htaccess rules, but CodeIgniter Routes is easy. CodeIgniter Routes can be easily used as compared to .htaccess rules.<br /> <br />CodeIgniter routes file is located in <strong>application&gt;config&gt;routes.php</strong>.<br /> <br />In CodeIgniter; URL is made by the following sequence <strong>index.php/controller/function name</strong>. Let&rsquo;s see how routes work:<br /><br /></p>\r\n<p><strong>Example:&nbsp; </strong>In this example, we will create an about.php file in view, and the default URL will be like this</p>\r\n<pre><code><strong>index.php/Welcome/about</strong>\r\nBy using routes we will make this URL like\r\n<strong>/about-web-development-institute</strong>\r\n&nbsp;</code></pre>\r\n<p><strong><br />Step1: </strong>Create a file in the view folder named about.php</p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;About Us&lt;/title&gt;\r\n&lt;/head&gt;\r\n&nbsp; &nbsp; &lt;body&gt; &lt;h1&gt;About us&lt;/h1&gt; &lt;/body&gt; <br />&lt;/html&gt;</code></pre>\r\n<p><strong><br />Step2: </strong>Create about function in Welcome Controller</p>\r\n<pre><code>&lt;?php\r\ndefined(\'BASEPATH\') OR exit(\'No direct script access allowed\');\r\n&nbsp;\r\nclass Welcome extends CI_Controller {\r\npublic function index()&nbsp;\r\n{\r\n&nbsp; $this-&gt;load-&gt;view(\'index\');\r\n}\r\n&nbsp;public function about()&nbsp;\r\n{\r\n&nbsp; $this-&gt;load-&gt;view(\'about\');\r\n}\r\n&nbsp;\r\n}</code></pre>\r\n<p><strong><br />Step3: </strong>Open the routes.php file and write the following code:</p>\r\n<pre><code>$route[\'about-web-development-institute\'] = \'welcome/about\';</code></pre>\r\n<p>&nbsp;</p>\r\n<p>By using these three steps, you can make your URL clean for SEO purposes. But this route rule is only used for static pages.</p>\r\n<p>Now we will see if the page is dynamic what routes rule will be:</p>\r\n<h4>There are two main wildcards&nbsp; to make a clean URL for dynamic pages:<br /><br /></h4>\r\n<p><strong>1. :num: </strong>this rule is used when you have a number in the URL.</p>\r\n<p><strong>Example:</strong> localhost/blog/web-development-blogs/5</p>\r\n<pre><code>$route[\'category/(:any)/(:num)\']=\'welcome/category/$1/$2\';</code></pre>\r\n<p>Here the first segment of URL is category, the second segment can be anything, and the third segment will be number.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>2.:any:</strong> this rule is used when we want an alphanumeric URL. Any means you can use numeric and alphabetic both.</p>\r\n<p><strong>Example: </strong>localhost/blog/ file-upload-in-php-mysql</p>\r\n<pre><code>$route[\'blog/(:any)\']=\'welcome/blogdetail/$1\';</code></pre>\r\n<p>Here the first segment of URL is &lsquo;blog&rsquo; and the second segment as anything means the number or alphabetical.</p>\r\n<p>&nbsp;</p>\r\n<h4><strong>Url Suffix</strong></h4>\r\n<p>URL suffix is used to change the suffix of URL. It is fun to use means you can make your URL suffix whatever you want. By Default, in CodeIgniter URL does not contain any suffix, but sometimes clients have demand to use the <strong>.html</strong> suffix in the URL. <strong>.html suffix</strong> mostly seen in Magento cms.</p>\r\n<p><strong>Where to change and in which file:</strong></p>\r\n<p><strong>Step1: </strong>&nbsp;Open config.php file, which is located in application&gt;config&gt;config.php</p>\r\n<p><strong>Step2: </strong>&nbsp;find this $config[\'url_suffix\'] = \'\';</p>\r\n<p><strong>Step3: </strong>&nbsp;Add suffix whatever your want</p>\r\n<pre><code><strong>Example:</strong>\r\n$config[\'url_suffix\'] = \'.html\';</code></pre>', '1', 'blog'), (101, 'how-to-use-css-js-and-images-in-codeigniter', 'How to Use CSS,JS and Images in CodeIgniter', '<p>CodeIgniter is based on MVC Pattern in which Our project is divide into three folders Model, View, and Controller. In the Model folder, we keep our database-related files, and In View, we keep our HTML files. In Controller, we keep our PHP logic files. We have separated our project into different folders, but beginners don&rsquo;t know where to keep our images, CSS, and js files.</p>\r\n<p>Loading CSS, images, and js files in CodeIgniter are not easy compared to core PHP. Here are some steps following to load CSS, js, and image :</p>\r\n<p><strong>Step1:&nbsp; </strong>Create a&nbsp;<strong>media folder in the root folder</strong> where your application folder and index.php file exist.</p>\r\n<p><strong>Step2: </strong>Create a CSS folder, js folder, and images folder in the media folder to keep your images, CSS, and js files.</p>\r\n<p><strong>Step3: </strong>Now, you have to load URL helper to use the base_url() function of CodeIgniter. Go to your <strong>application&gt;config&gt;autoload.php</strong> file and find the following code:</p>\r\n<pre><code>$autoload[\'helper\'] = array();\r\nHere add the url helper in this array like this\r\n$autoload[\'helper\'] = array(\'url\');</code></pre>\r\n<p><strong><br />Step4: </strong>Check your <strong>application&gt;config&gt;config.php</strong> file you have written base_url() or not. If not, then write your project base_url like this:</p>\r\n<pre><code>$config[\'base_url\'] = \'http://localhost/amgmaterial/\';</code></pre>\r\n<p>Here immaterial is your folder name.</p>\r\n<p><strong><br />Step5: </strong>Now open your file</p>\r\n<pre><code>&lt;link rel="stylesheet" href=&rdquo;css/style.css"&gt;\r\nReplace this link with this code\r\n&lt;link rel="stylesheet" href="&lt;?php echo base_url();?&gt;media/css/style.css"&gt;</code></pre>\r\n<p>Here base_url() is your project\'s main URL, and media and CSS is the folder name. Replace all the CSS files like this way add base_url and media folder.</p>\r\n<p><strong><br />Step6: </strong>To load the js file and image, do the following:</p>\r\n<pre><code><strong>JS Code: </strong>\r\n&lt;script src="js/main.js"&gt;&lt;/script&gt;\r\nReplace this with this code\r\n&lt;script src="&lt;?php echo base_url();?&gt;media /js/main.js"&gt;&lt;/script&gt;<br /><br /></code></pre>\r\n<p>Replace all the js files like this way add base_url and media folder.<br /><br /></p>\r\n<pre><code><strong>Images:</strong>\r\n&nbsp; &lt;img src="&lt;?php echo base_url();?&gt;media/images/abc.jpg" alt="logo" class="img-fluid"&gt;<br /><br /></code></pre>\r\n<p>Replace all the images like this add base_url and media folder.</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (102, 'type-conversion-in-js', 'Type Conversion in JS ', '<p>Javascript has loosely typed language or dynamic type language. It automatically converts the data into the right type, but it creates problems when we work on calculation-related applications. When we use the + operator it gives the wrong output it does not add values of input instead of it concatenates the values of input and gives the wrong output.</p>\r\n<p>Javascript provides a number of ways to convert data from one type to another type but there is two most common type conversion:</p>\r\n<ul>\r\n<li><strong>Numeric Conversion</strong></li>\r\n<li><strong>String Conversion</strong></li>\r\n</ul>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Numeric Conversion: </strong>It is used to convert data into a number format. There are two methods available in js to convert data into numbers which are the following:</p>\r\n<ul>\r\n<li><strong>parseInt():</strong> It is used to convert data into integer format. It does not contain decimal numbers.</li>\r\n</ul>\r\n<pre><code><strong>&nbsp;</strong>\r\n<strong>Example: </strong>\r\n<strong>&nbsp;</strong>\r\nvar a=&rdquo;5&rdquo;;\r\n&nbsp;\r\nvar b=parseInt(a);\r\n&nbsp;</code></pre>\r\n<p>b will return numeric 5.</p>\r\n<p>&nbsp;</p>\r\n<ul>\r\n<li><strong>parseFloat): </strong>It is used to convert data into decimal format.</li>\r\n</ul>\r\n<pre><code><strong>Example:</strong>\r\nvar a=&rsquo;5.5&rsquo;;\r\nb=parseFloat(a);\r\n</code></pre>\r\n<p>b will give decimal format.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Example: &nbsp;Find the largest of three number</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;input type="text" id="num1"&gt;\r\n&lt;input type="text" id="num2"&gt;\r\n&lt;input type="text" id="num3"&gt;\r\n&nbsp;\r\n&lt;button type="button" onclick="check()"&gt;check&lt;/button&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nfunction check()\r\n{\r\n&nbsp;&nbsp; var num1 = parseInt(document.getElementById("num1").value);\r\n&nbsp;&nbsp; var num2 = parseInt(document.getElementById("num2").value);\r\n&nbsp;&nbsp;&nbsp; var num3 = parseInt(document.getElementById("num3").value);\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp; if(num1&gt;num2 &amp;&amp; num1&gt;num3)\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp; alert("num1 is greatest");\r\n&nbsp;&nbsp; }\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp; else if(num2&gt;num1 &amp;&amp; num2&gt;num3)\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp; alert("num2 is greatest");\r\n&nbsp;&nbsp; }\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp; else if(num3&gt;num1 &amp;&amp; num3&gt;num2)\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp; alert("num3 is greatest");\r\n&nbsp;&nbsp; }\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp; else\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp; alert("invalid input");\r\n&nbsp;&nbsp; }\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;</code></pre>\r\n<p>Here in this example, we have used the&nbsp;<strong>parseInt()</strong> method to convert input value into integer format.</p>\r\n<p><strong>Note: </strong>text input always gives value in string format so you should keep in mind to convert input value in integer format if you want to perform calculation, condition,s, etc.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>String Conversion: </strong>It is used to convert data into string format. There are two functions available in JS which are following:</p>\r\n<ul>\r\n<li>String()</li>\r\n<li>toString()</li>\r\n</ul>\r\n<pre><code><strong>&nbsp;</strong>\r\n<strong>Example: </strong>String() Function\r\n<strong>Syntax: </strong>&nbsp;String(value);\r\nvar a=5;\r\nvar b=String(a);</code></pre>\r\n<p>b will return &ldquo;5&rdquo; in string format.</p>\r\n<p>&nbsp;</p>\r\n<pre><code><strong>Example: </strong>&nbsp;toString() function\r\n<strong>Syntax: </strong>variablename.toString();\r\nvar a=&rdquo;5&rdquo;;\r\nvar b=a.toString();</code></pre>\r\n<p>b will return &ldquo;5&rdquo; in string format.</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (103, 'how-to-use-google-fonts-in-css', 'How to Use Google Fonts in CSS', '<p>Fonts play an important role in design to make the design more beautiful. Example: Design of kid&rsquo;s toys website if we use the simple font in this design the look and feel of design not much attractive, if we use the font according to the website category then our design will be more beautiful. So here we will see how we can use Google fonts there are some steps following:</p>\r\n<p><strong>Step1: </strong>&nbsp;Open the following link:</p>\r\n<pre><code>https://fonts.google.com/<a href="https://fonts.google.com/"><br /><br /></a></code></pre>\r\n<p><strong>Step2: </strong>Choose the Font Whatever you like<br /><br /><img src="../../media/admin/uploads/images/google-font-main-page.png" alt="" width="1585" height="696" /></p>\r\n<p><strong><br />Step3: </strong>&nbsp;Click on the font which you want to use, after clicking on the font a new page will be open in which you will see the font styles.</p>\r\n<p><strong><br />Step4:</strong> select R<strong>egular Style </strong>of font<br /><img src="../../media/admin/uploads/images/regular-font-image.png" alt="" width="1599" height="159" /></p>\r\n<p><strong><br />Step5: </strong>&nbsp;In the Regular style row at the right corner you will see <strong>select this style </strong>click on this you will see the following screen:</p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/select-this-style.png" alt="" width="322" height="700" /></p>\r\n<p>In this image, I have marked the CSS link which you want to copy.</p>\r\n<p><strong><br />Step6: &nbsp;</strong>Paste this CSS link in your &lt;head&gt; section.</p>\r\n<pre><code>&lt;link href="https://fonts.googleapis.com/css2?family=Montserrat:ital@1&amp;display=swap" rel="stylesheet"&gt;</code></pre>\r\n<p><strong><br />Step7: </strong>Paste the following code in your CSS file like this:</p>\r\n<pre><code>body\r\n{\r\nfont-family: \'Montserrat\', sans-serif;\r\n}\r\n&nbsp;\r\n&nbsp;</code></pre>', '1', 'blog'), (104, 'how-to-use-offline-font-in-css', 'How to Use Offline Font in CSS', '<p>In CSS we use Google fonts to style our website, but most of the developer wants to use font offline, we can use font offline in CSS by using their <strong>@font-face property</strong>. There are some following steps to use font offline:</p>\r\n<p><strong>Step1: </strong>&nbsp;Open the following link:</p>\r\n<p>https://fonts.google.com/</p>\r\n<p><strong>Step2: </strong>Choose the Font Whatever you like and download it.</p>\r\n<p><strong>Step3: </strong>&nbsp;After completing the download unzip the file and save it in your project folder.</p>\r\n<p><strong>Step4:</strong> In the CSS file write the following code:</p>\r\n<pre><code>@font-face {\r\n&nbsp; font-family: fontfamily; // you can write the name whatever you want\r\n&nbsp; src: url(foldername/font-name.ttf); // here write the font path and font name with its extension\r\n}\r\nbody\r\n{\r\nfont-family: fontfamilyname; // font family which you have created in your @font-face property.\r\n}\r\n\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n@font-face {\r\n&nbsp; font-family: opansans;\r\n&nbsp; src: url(open-sans.ttf);\r\n}\r\n&nbsp;\r\ndiv {\r\n&nbsp; font-family: opensans;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;h1&gt;Offline Font in CSS&lt;/h1&gt;\r\n&nbsp;\r\n&lt;p&gt; By Using CSS @font-face property we can use offline font very easily.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>', '1', 'blog'), (105, 'add-remove-textbox-dynamically-in-jquery', 'Add & Remove Textbox Dynamically in JQuery', '<p>Sometimes we have a need to add textbox dynamically in the project, this is mostly used in the web development admin panel when users don&rsquo;t know the exact number of inputs.</p>\r\n<p><strong>Example:</strong> In the admin panel to add documents but the user doesn&rsquo;t not the exact number of inputs, means sometimes client uploads 2 documents, sometimes he upload 4 documents, in that case we have need to create a dynamic system for user flexibility.</p>\r\n<p>In JQuery we have some functions for adding html element, There are following:</p>\r\n<p><strong>1. append()</strong></p>\r\n<p><strong>2.prepend()</strong></p>\r\n<p><strong>3.after()</strong></p>\r\n<p><strong>4.before()</strong></p>\r\n<p>These are the four function which we use to add html elements.</p>\r\n<p><strong>Example:</strong> To add and remove textbox dynamically</p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n.block {\r\n&nbsp;&nbsp;&nbsp; display: block;\r\n}\r\ninput {\r\n&nbsp;&nbsp;&nbsp; width: 50%;\r\n&nbsp;&nbsp;&nbsp; display: inline-block;\r\n}\r\nspan {\r\n&nbsp;&nbsp;&nbsp; display: inline-block;\r\n&nbsp;&nbsp;&nbsp; cursor: pointer;\r\n&nbsp;&nbsp;&nbsp; text-decoration: underline;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;div class="optionBox"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="block"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" /&gt; &lt;span class="remove"&gt;Remove Option&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="block"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" /&gt; &lt;span class="remove"&gt;Remove Option&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp; &nbsp;&nbsp;&lt;div class="block"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="add"&gt;Add Option&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(\'.add\').click(function() {\r\n&nbsp;&nbsp;&nbsp; $(\'.block:last\').before(\'&lt;div class="block"&gt;&lt;input type="text" /&gt;&lt;span class="remove"&gt;Remove Option&lt;/span&gt;&lt;/div&gt;\');\r\n});\r\n$(\'.optionBox\').on(\'click\',\'.remove\',function() {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(this).parent().remove();\r\n});\r\n&nbsp;\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;</code></pre>\r\n<p>&nbsp;</p>\r\n<p>In this example, we have used them&nbsp;<strong>before()</strong> function to add textbox dynamically and <strong>remove()</strong> function to remove textbox.</p>', '1', 'blog'), (106, 'how-to-upload-only-pdf-file-with-2mb-size-validation', 'How to Upload Only PDF File with 2MB Size Validation', '<p>File Upload Validation is very important in web development to get rid of spammers. Mostly Spammers or bots upload irrelevant files or big files to disturb your website, if we do not use file validation; that&rsquo;s the main reason to use file validation. Here in this we will learn how to validate extension of file and size of file.</p>\r\n<p><strong>Example: &nbsp;Allowed only 2MB file and (.pdf) extension.</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;&nbsp; if(isset($_FILES[\'image\']))\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp; $upload="";\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $file_name = $_FILES[\'image\'][\'name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_size =$_FILES[\'image\'][\'size\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_tmp =$_FILES[\'image\'][\'tmp_name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_type=$_FILES[\'image\'][\'type\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_ext=explode(\'.\',$_FILES[\'image\'][\'name\']);\r\n&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($file_ext[1]!="pdf" &amp;&amp; $file_size &gt; 2097152)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; move_uploaded_file($file_tmp,"uploads/".$file_name);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $upload=\'&lt;div class="alert alert-success"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;strong&gt;Success!&lt;/strong&gt; File Upload Successfully.\r\n&nbsp; &lt;/div&gt;\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $upload=\' &lt;div class="alert alert-danger"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;strong&gt;Error:&lt;/strong&gt; File Extension should be .pdf or File Size less than 2MB.\r\n&nbsp; &lt;/div&gt;\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp; }\r\n?&gt;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;PDF File Upload Validation&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&nbsp; &nbsp;&lt;body&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="container"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="row"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="col-lg-12"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;?php\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; if(!empty($upload))\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; echo $upload;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; ?&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form action="" method="POST" enctype="multipart/form-data"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="file" class="form-control" name="image" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="submit"/&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp; &lt;/body&gt;\r\n&lt;/html&gt;\r\n<strong>&nbsp;</strong></code></pre>', '1', 'blog'), (107, 'how-to-upload-only-jpeg-jpg-and-png-image-in-php', 'How to Upload only jpeg,jpg and png Image in php', '<p>Sometimes we have to need to restrict our file upload to allowed only jpg, png files with size validation. It is mostly used in the gallery page, event page, and image sliders. If we properly validate our file input then it also helps us to keep away from spammers.</p>\r\n<p><strong>Example:&nbsp; Allowed only (jpeg, jpg, png) &nbsp;with &nbsp;2MB &nbsp;Size file.</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;&nbsp; if(isset($_FILES[\'image\']))\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp; $upload="";\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $file_name = $_FILES[\'image\'][\'name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_size =$_FILES[\'image\'][\'size\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_tmp =$_FILES[\'image\'][\'tmp_name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_type=$_FILES[\'image\'][\'type\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_ext=explode(\'.\',$_FILES[\'image\'][\'name\']);\r\n&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;$extensions=array("jpeg","jpg","png");\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br /> if(in_array($file_ext[1],$extensions)===true &amp;&amp; $file_size &lt; 2097152)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; move_uploaded_file($file_tmp,"uploads/".$file_name);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $upload=\'&lt;div class="alert alert-success"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;strong&gt;Success!&lt;/strong&gt; File Upload Successfully.\r\n&nbsp; &lt;/div&gt;\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $upload=\' &lt;div class="alert alert-danger"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;strong&gt;Error:&lt;/strong&gt; File Extension should be .jpeg,jpg,png or File Size less than 2MB.\r\n&nbsp; &lt;/div&gt;\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp; }\r\n?&gt;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;PDF File Upload Validation&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&nbsp; &nbsp;&lt;body&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="container"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="row"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;div class="col-lg-12"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;?php\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; if(!empty($upload))\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; echo $upload;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; ?&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form action="" method="POST" enctype="multipart/form-data"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="file" class="form-control" name="image" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="submit"/&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp; &lt;/body&gt;\r\n&lt;/html&gt;\r\n<strong>&nbsp;</strong></code></pre>', '1', 'blog'), (108, 'remove-index-php-in-codeigniter-not-working-on-plesk-server', 'Remove index.php in CodeIgniter not working on plesk server', '<p>.htaccess file is used for url related work, such as remove any special character from url and url redirection etc. In Plesk Server .htaccess file does not work because plesk is window server and .htaccess work only with a Linux server. So to resolve this issue we will use the following steps:</p>\r\n<p><strong>Step1:</strong> Create a file in root directory named <strong>web.config</strong>.</p>\r\n<p><strong>Step2: </strong>In <strong>web.config</strong> file write the&nbsp; following code:</p>\r\n<pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;\r\n&lt;configuration&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;system.webServer&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;rewrite&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;rules&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;rule name="Imported Rule 1" stopProcessing="true"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;match url="^(.)$" ignoreCase="false" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;conditions logicalGrouping="MatchAll"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/conditions&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;action type="Rewrite" url="index.php?url={R:1}" appendQueryString="true" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/rule&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/rules&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/rewrite&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/system.webServer&gt;\r\n&lt;/configuration&gt;</code></pre>', '1', 'blog'), (109, 'react-installation', 'React Installation', '<p>React is very trending language nowadays, It is best suited to create SPA (Single Page Application). In this blog we will learn how to install react, There are the following steps to install react:</p>\r\n<p><strong>Step1: &nbsp;</strong>First, you have to download Node.js in your system: Go to Browser and search Node.js Download click on the Nodejs.org link and download Recommended For Most User. See in the image below:</p>\r\n<p><br /><img src="../../../media/admin/uploads/images/node-js.png" alt="" width="859" height="471" /></p>\r\n<p><strong>Step2: </strong>Open CMD (Command Prompt) and go to the directory where you want to install react<br /><br /><img src="../../../media/admin/uploads/images/cmd.png" alt="" width="702" height="360" /><br /><br /></p>\r\n<p><strong>Step3: </strong>Write the following code:</p>\r\n<pre><code>npx create-react-app your-foldername</code></pre>\r\n<p>&nbsp;</p>\r\n<p>Follow these three steps, in third step, it will take 10 to 20 minutes to complete installation so being patient and enjoy the code.</p>', '1', 'blog'), (110, 'react-files-folder-structure-overview', 'React Files & Folder Structure Overview', '<p>In this blog we will learn React file and folder structure, It is very important for a front-end developer to understand react file and folder structure for a better understanding of React, how react works, which file what does. So Let&rsquo;s see the react files and folder:</p>\r\n<br /><img src="../../media/admin/uploads/images/react-folder-structure.png" alt="" width="298" height="460" />\r\n<p><strong><br />1.node_modules folder:&nbsp;</strong> This folder contains all the modules/libraries which we use in our react project.<br /><br /></p>\r\n<p><strong>2.public folder:</strong> In this folder, we contain our images, favicon, manifest.json, and robots file.&nbsp;<br /><br /></p>\r\n<p><strong>3. src folder:</strong> This folder contains the following files:</p>\r\n<ul>\r\n<li><strong>App.css:</strong> This file contains the css of App.js page, it is generated by default when we install react , further we can delete this file if there is no need.</li>\r\n<li><strong>App.js:</strong> This is main file for component where all the components we import. In this file we import our all components such as about page, header, footer other pages etc.</li>\r\n<li><strong>Index.css:</strong> This file contains the css of index.js page. It is default generated when we install react , further this file is not useful we delete this file.</li>\r\n<li><strong>Index.js:</strong> This is the main file of react which react reads first to run the project.</li>\r\n<li><strong>serviceWorker:</strong> This file is used to create to progressive web apps.</li>\r\n</ul>\r\n<br />\r\n<p><strong>4.package.json:</strong> This file is important it contains all the external modules or libraries which we have used in our project such as the bootstrap module, react-router module, etc.</p>', '1', 'blog'), (111, 'digital-marketing-executive-roles-in-it-industry-and-their-importance', 'Digital Marketing Executive Roles in IT industry and their Importance', '<p>The IT sector offers tremendous innovations all the time. Also, the companies that offer information technology and IT services are constantly under pressure to create and increase awareness of new products nearly as quickly as they are launched. Therefore, identifying the best digital marketing strategies remains a struggle. And this necessitates a dynamic and effective promotional strategy. As a result, it is essential to comprehend the role and importance of digital marketing.<br />Also, here you will learn about the <strong>best digital marketing institute</strong> if you are planning to build your career in this field.</p>\r\n<h3>Role of Digital Marketing in IT companies</h3>\r\n<p>Following is some of the roles of digital marketing in IT companies:</p>\r\n<ul>\r\n<li>It gives a fair opportunity to IT companies that prefer to go with online branding and advertising.</li>\r\n<li>Digital marketing is more cost-effective than traditional methods.</li>\r\n<li>The power of online strategies to coordinate with exact target audiences and assure result-driven engagements is the function of digital in branding and promoting because it has influence over other marketing channels.</li>\r\n<li>It guarantees better revenue.</li>\r\n<li>It attracts and engages audiences, who are more than likely to make decisions about your image and may be interested enough to buy what you have to offer.</li>\r\n<li>You can use it to persuade prospects to make productive decisions.</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<h3>Importance of Digital Marketing in IT companies</h3>\r\nHere is the few importance of digital marketing in IT companies:<br />\r\n<ul>\r\n<li>Because your customers are tech-savvy and active consumers of internet media, promoting your product online is the best option.</li>\r\n<li>You can be able to reach your consumers globally</li>\r\n<li>Affiliates, partners, industry experts, and consultants are vital social interactions for IT business development.</li>\r\n<li>Modern methods like digital marketing are more effective than traditional methods.</li>\r\n<li>You will be able to reach the targeted audience at no time.</li>\r\n</ul>\r\nThese are just a few benefits. Therefore, if you pursue your career in this field, it will be extremely beneficial for your better future. Continue reading to know more.<br /><br />\r\n<h3>How can you gain expertise in Digital Marketing?</h3>\r\nIt is always advisable to go with the trend. Thus, many businesses are shifting towards the internet world increasing the scope of a better future. And also increasing the demand for digital marketing, so, if you are also planning to pursue your career in this field then continue reading.<br /><br />As the demand for digital marketing is increasing the opportunity in this sector is also increasing. Therefore, many people are building their careers in this profession. That means there is a huge competition out there. Now the biggest question arises, how can you be apart from the competition and come in the lamplight. The answer is simple, by pursuing an advanced<strong> <a href="../../../digital-marketing-diploma-certificate-courses">digital marketing course in Delhi</a></strong> from one of the <strong>top digital marketing institutes</strong>. This course will help you not only gain expertise in this sector but also help you to understand how digital marketing works in the IT sector.<br /><br />Now, another question arises from where I can pursue this advance digital marketing course. So, you can pursue the course from Web Development Institute, which is widely recognized as one of the <strong>best digital marketing institutes</strong>. The institute offers result-oriented courses that are proven to be beneficial for your future. All courses are set to make you perfect in one month to six months. Choices are your to-go online classes with regular, Fastrack, and crash to get a good result. Don\'t wait, hurry up to stand front in the queue. In short, Web Development Institute is a one-stop solution for all your internet marketing needs which is provided through <strong>digital marketing courses</strong>.<br />\r\n<p>So, why wait any longer? Enroll yourself at <a href="../../../"><strong>Web Development Institute</strong></a>, one of the best digital marketing institutes.</p>', '1', 'blog'), (112, 'how-to-run-react-project-in-command-prompt-or-visual-studio', 'How to Run React Project in Command Prompt or Visual Studio', '<p>In this blog we will learn how to run react project, we can run our react project by cmd prompt, shell, or by visual studio.</p>\r\n<p><strong>By Command Prompt:</strong></p>\r\n<p><strong>Step1: </strong>Open command prompt</p>\r\n<p><strong>Step2: </strong>Go to your directory where your react project</p>\r\n<p><strong>Step3: </strong>write the following command:</p>\r\n<pre><code>npm start\r\nor\r\nnpx start\r\nor\r\nyarn start\r\n</code></pre>\r\n<p><strong>By Visual Studio</strong></p>\r\n<p><strong>Step1:&nbsp; </strong>Open project in visual studio</p>\r\n<p><strong>Step2: </strong>Open terminal in visual studio</p>\r\n<p><strong>Step3: </strong>write the following command in the terminal:</p>\r\n<pre><code>npm start\r\nor\r\nnpx start\r\nor\r\nyarn start\r\n</code></pre>\r\n<p><strong>Note: </strong>&nbsp;yarn start is used if you have installed yarn.</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (113, 'form-validation-in-codeigniter-by-simple-steps-with-send-email-functionality', 'Form Validation in CodeIgniter by Simple Steps with Send Email Functionality', '<p>Form Validation is very important in a website to get rid of spam enquires or viruses. Spammers try to execute the malicious scripts via form inputs and robots fill the spam enquires; these both harm our websites, so get rid of these types of problems we use form validation.</p>\r\n<p>CodeIgniter provides form validation library which is easy to integrate, easy to use. There is no need to write hard code like in core php.Let&rsquo;s see the example of form validation with send email by the following steps:</p>\r\n<p><strong>Step1: </strong>Create file <strong>contact.php</strong> in view and write the following code:</p>\r\n<pre><code>&lt;html&gt;\r\n &lt;head&gt;\r\n &lt;title&gt;Contact Us&lt;/title&gt;\r\n &lt;/head&gt;\r\n &lt;body&gt;\r\n &nbsp;\r\n &lt;?php echo validation_errors(); ?&gt;\r\n &nbsp; \r\n &lt;?php echo form_open(\'form\'); ?&gt;\r\n &nbsp;\r\n &lt;h5&gt;Name&lt;/h5&gt;\r\n &lt;input type="text" name="name" value="" size="50" /&gt;<br /><br />&lt;?php echo form_error(\'name\'); ?&gt;\r\n &nbsp;\r\n &lt;h5&gt;Mobile&lt;/h5&gt;\r\n &lt;input type="text" name="mobile" value="" &nbsp;/&gt;<br /><br />&lt;?php echo form_error(\'mobile\'); ?&gt;\r\n &nbsp;\r\n &lt;h5&gt;Email Address&lt;/h5&gt;\r\n &lt;input type="text" name="email" value="" size="50" /&gt;<br /><br />&lt;?php echo form_error(\'email\'); ?&gt;<br />\r\n &lt;h5&gt;Message&lt;/h5&gt;\r\n &lt;textarea name="message" &gt; &lt;/textarea&gt;\r\n &nbsp;\r\n &nbsp;\r\n &lt;div&gt;&lt;input type="submit" value="Submit" /&gt;&lt;/div&gt; \r\n &nbsp; \r\n &lt;/form&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong>Step2:</strong> Create a new <strong>Controller Form.php</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n class Form extends CI_Controller { \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function index() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library(\'form_validation\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;form_validation-&gt;set_rules(\'name\',\'Name\',\'trim\|required\|min_length[4]\|max_length[20]\'); \r\n $this-&gt;form_validation-&gt;set_rules(\'email\',\'Email\',\'required\|valid_email\'); \r\n $this-&gt;form_validation-&gt;set_rules(\'mobile\',\'phone\',\'required\|numeric\|exact_length[10]\'); \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if ($this-&gt;form_validation-&gt;run() == TRUE) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$message = \'&lt;html&gt;&lt;body&gt;\'; \r\n $message .= \'&lt;table rules="all" style="border-color: #666;" cellpadding="10"&gt;\'; \r\n $message .= "&lt;tr style=\'background: #eee;\'&gt;&lt;td colspan=\'2\'&gt;&lt;strong&gt;Website Enquiry&lt;/strong&gt; &lt;/td&gt;&lt;/tr&gt;"; \r\n $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Name:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;" . $_POST[\'name\'] . "&lt;/td&gt;&lt;/tr&gt;"; \r\n $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Mobile:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;" . $_POST[\'mobile\'] . "&lt;/td&gt;&lt;/tr&gt;"; \r\n $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Email:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;" . $_POST[\'email\'] . "&lt;/td&gt;&lt;/tr&gt;"; \r\n $message .= "&lt;tr&gt;&lt;td&gt;&lt;strong&gt;Message:&lt;/strong&gt; &lt;/td&gt;&lt;td&gt;" . $_POST[\'message\'] . "&lt;/td&gt;&lt;/tr&gt;"; \r\n $message .= "&lt;/table&gt;"; \r\n $message .= "&lt;/body&gt;&lt;/html&gt;"; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library(\'email\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;email-&gt;set_newline("\\r\\n"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;email-&gt;set_mailtype("html"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;email-&gt;from(\'Enquiry-HomePage\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;email-&gt;to(\'your-email\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;email-&gt;subject(\'Website Enquiry\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;email-&gt;message($message); \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; if($this-&gt;email-&gt;send()) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; {&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;redirect(\'thankyou\'); \r\n } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$this-&gt;load-&gt;view(\'contact\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n } \r\n &nbsp; \r\n </code></pre>\r\n<p>Here in this step2, we have used the&nbsp;<strong>required validation </strong>of the form validation library.</p>\r\n<ul>\r\n<li>the first parameter is form input name,</li>\r\n<li>the second parameter will be shown in error</li>\r\n<li>third is the validation rule.</li>\r\n</ul>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (114, 'crud-using-function-in-php', 'CRUD Using Function in PHP', '<p>CRUD (Create, Read, Update, Delete) is an important topic of PHP in which you will learn how to insert, select, update and delete data. In this Blog, we will learn CRUD operation by using function. The function is used when some functionality is used multiple times in a project like a crud operation which is used multiple times in the project, Let&rsquo;s see the following steps:</p>\r\n<p><strong>Step1: </strong>Create Database name crud:</p>\r\n<pre><code>CREATE DATABASE crud;</code></pre>\r\n<p><strong><br />Step2: </strong>Create a <strong>registration table</strong> in the database:</p>\r\n<pre><code>CREATE TABLE registration ( \r\n &nbsp;&nbsp;&nbsp; id INT NOT NULL PRIMARY KEY AUTO_INCREMENT, \r\n &nbsp;&nbsp;&nbsp; name VARCHAR(100) NOT NULL, \r\n &nbsp;&nbsp;&nbsp; email VARCHAR(255) NOT NULL, \r\n &nbsp;&nbsp;&nbsp; mobile &nbsp;BIG INT(10) NOT NULL \r\n );</code></pre>\r\n<p><strong><br />Step3: </strong>Create a <strong>connection.php file</strong> and save it in the includes folder, write the following code:</p>\r\n<pre><code>&lt;?php \r\n $servername = "localhost"; \r\n $username = "root"; \r\n $password = ""; \r\n $db="crud"; \r\n &nbsp; \r\n // Create connection \r\n $connect = mysqli_connect($servername, $username, $password,$db); \r\n &nbsp; \r\n // Check connection \r\n if (!$connect) { \r\n &nbsp; die("Connection failed: " . mysqli_connect_error()); \r\n } \r\n &nbsp; \r\n ?&gt; </code></pre>\r\n<p><strong><br />Step4: </strong>Create a file <strong>all-function.php </strong>save in includes folder and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n &nbsp;function selectalldata($table) \r\n &nbsp;{ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $select="SELECT FROM $table"; \r\n &nbsp;&nbsp; $select1=mysqli_query($GLOBALS[\'connect\'],$select); \r\n &nbsp;&nbsp; return $select1; \r\n &nbsp;} \r\n &nbsp; \r\n &nbsp; function selectdatabyid($table,$id) \r\n &nbsp;&nbsp; { \r\n &nbsp;&nbsp; $select="SELECT * FROM $table where id= $id"; \r\n &nbsp;&nbsp; $select1=mysqli_query($GLOBALS[\'connect\'],$select); \r\n &nbsp;&nbsp; return mysqli_fetch_array($select1); \r\n &nbsp; \r\n &nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;function insert($data,$table) \r\n &nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $columns = ""; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $values = ""; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach ($data as $column =&gt; $value) { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $columns .= ($columns == "") ? "" : ", "; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $columns .= $column; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $values .= ($values == "") ? "" : ", "; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $values .= $value; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //echo $columns; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //echo $values; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $insert=("INSERT INTO $table ($columns) VALUES ($values)"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //echo $insert; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mysqli_query($GLOBALS[\'connect\'],$insert); \r\n &nbsp;&nbsp; } \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; function update($data,$table,$where) \r\n &nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach ($data as $coloum =&gt; $value) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp; $update=("UPDATE $table SET $coloum = $value WHERE id= \'$where\'"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //echo $update; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mysqli_query($GLOBALS[\'connect\'],$update); \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true; \r\n &nbsp;&nbsp; } \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp; function deletedata($table,$where) \r\n &nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp; $delete=("DELETE FROM $table WHERE id=$where"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; mysqli_query($GLOBALS[\'connect\'],$delete) or die(mysqli_error()); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true; \r\n &nbsp;&nbsp; } \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp; ?&gt;</code></pre>\r\n<p><strong><br />Step5: </strong>Create an<strong> add.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n include("includes/connection.php"); \r\n include("includes/allfunction.php"); \r\n &nbsp; \r\n if(isset($_POST[\'submit\'])) \r\n { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$data=array( \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "name"=&gt;"\'".$_POST[\'name\']."\'", \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "email"=&gt;"\'".$_POST[\'email\']."\'", \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "mobile"=&gt;"\'".$_POST[\'mobile\']."\'" \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; insert($data,\'registration\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header(\'location:listing.php\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; \r\n &lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;form method="POST"&gt; \r\n &nbsp; \r\n &lt;input type="text" name="name" placeholder="enter name"&gt; \r\n &lt;input type="text" name="email" placeholder="enter email"&gt; \r\n &lt;input type="text" name="mobile" placeholder="enter mobile"&gt; \r\n &nbsp; \r\n &lt;input type="submit" name="submit"&gt; \r\n &nbsp; \r\n &lt;/form&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step6: </strong>Create a <strong>listing.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n include("includes/connection.php"); \r\n include("includes/allfunction.php"); \r\n &nbsp; \r\n if(!empty($_GET[\'delid\'])) \r\n { \r\n $id=$_GET[\'delid\']; \r\n &nbsp; \r\n deletedata("registration",$id); \r\n } \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; \r\n &lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Listing&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div class="container"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp; &lt;table class="table table-striped"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;thead&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Name&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Mobile&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Email&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Edit&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;delete&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/thead&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;tbody&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php \r\n &nbsp; \r\n &nbsp;&nbsp; $result = selectalldata("enquiry"); \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; while($data = mysqli_fetch_array($result)) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ?&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'name\']; ?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'mobile\']; ?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'email\']; ?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&lt;a href="edit.php?editid=&lt;?php echo $data[\'id\'];?&gt;"&gt;edit&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;td&gt;&lt;a href="listing.php?delid=&lt;?php echo $data[\'id\'];?&gt;" onclick=" return confirm(\'Do You really want to delete this data\')"&gt;delete&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php } ?&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/tbody&gt; \r\n &nbsp; &lt;/table&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step7: </strong>Create an <strong>edit.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n include("includes/connection.php"); \r\n include("includes/allfunction.php"); \r\n &nbsp; \r\n $id =$_GET[\'editid\']; \r\n $data = selectdatabyid("enquiry",$id); \r\n &nbsp; \r\n if(isset($_POST[\'submit\'])) \r\n { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$data=array( \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "name"=&gt;"\'".$_POST[\'name\']."\'", \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "email"=&gt;"\'".$_POST[\'email\']."\'", \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "mobile"=&gt;"\'".$_POST[\'mobile\']."\'", \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "subject"=&gt;"\'".$_POST[\'subject\']."\'", \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "message"=&gt;"\'".$_POST[\'message\']."\'" \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; update($data,\'enquiry\',$id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header("location:listing.php"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; \r\n &lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;form method="POST"&gt; \r\n &nbsp; \r\n &lt;input type="text" name="name" value="&lt;?php echo $data[\'name\'];?&gt;" placeholder="enter name"&gt; \r\n &lt;input type="text" name="email" value="&lt;?php echo $data[\'email\'];?&gt;" placeholder="enter email"&gt; \r\n &lt;input type="text" name="mobile" value="&lt;?php echo $data[\'mobile\'];?&gt;" placeholder="enter mobile"&gt; \r\n &nbsp; \r\n &lt;input type="text" name="subject" value="&lt;?php echo $data[\'subject\'];?&gt;" placeholder="enter subject"&gt; \r\n &nbsp; \r\n &lt;input type="text" name="message" value="&lt;?php echo $data[\'message\'];?&gt;" placeholder="enter message"&gt; \r\n &nbsp; \r\n &lt;input type="submit" name="submit"&gt; \r\n &nbsp; \r\n &lt;/form&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp;</code></pre>\r\n<p><strong><br />Note:&nbsp; </strong>In this crud example I have created an <strong>all-functions.php file</strong> which is very useful to create an admin panel for <strong>website development</strong>. In this we had not used any data filter methods for security, this is only a crud functionality for beginner developers to learn more about function.</p>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/crud-using-function.zip">Download Source Code</a></p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (115, 'crud-using-oop-concept-in-php', 'CRUD Using Object Oriented Concept in PHP', '<p>OOP(Object Oriented Programming) is a programming pattern that uses real-world concepts such as object, inheritance, class, etc. OOP is best suitable for such a type of application that is scaleable. In this blog, we will learn CRUD operation using OOP. Let&rsquo;s see the following steps:</p>\r\n<p><strong><br />Step1: </strong>Create Database name <strong>oop</strong>:</p>\r\n<pre><code>CREATE DATABASE oop;</code></pre>\r\n<p><strong><br />Stpe2: </strong>Create a <strong>form table</strong> in the database:</p>\r\n<pre><code>CREATE TABLE form ( \r\n &nbsp;&nbsp;&nbsp; id INT NOT NULL PRIMARY KEY AUTO_INCREMENT, \r\n &nbsp;&nbsp;&nbsp; name VARCHAR(100) NOT NULL, \r\n &nbsp;&nbsp;&nbsp; email VARCHAR(255) NOT NULL, \r\n &nbsp;&nbsp;&nbsp; phone &nbsp;BIG INT(10) NOT NULL \r\n );</code></pre>\r\n<p><strong><br />Step3: </strong>Create a <strong>Dbconnect.php file</strong> and save it in the&nbsp;<strong>classes folder</strong>, write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n class Dbconnect \r\n { \r\n &nbsp;private $_localhost = \'localhost\'; \r\n &nbsp;private $_user = \'root\'; \r\n &nbsp;private $_password = \'\'; \r\n &nbsp;private $_dbname = \'oop\'; \r\n &nbsp; \r\n &nbsp;protected $connection; \r\n &nbsp; \r\n &nbsp; public function __construct() \r\n &nbsp; { \r\n &nbsp; \r\n &nbsp; if(!isset($this-&gt; connection)) \r\n &nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $this-&gt;connection = new mysqli($this-&gt;_localhost , $this-&gt;_user , $this-&gt;_password , $this-&gt;_dbname); \r\n &nbsp; \r\n &nbsp; } \r\n &nbsp; \r\n &nbsp; return $this-&gt;connection; \r\n &nbsp; \r\n &nbsp; } \r\n } \r\n &nbsp; \r\n ?&gt; </code></pre>\r\n<p><strong><br />Step4: </strong>Create a file <strong>Crud.php </strong>save in classes folder and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n include_once (\'Dbconnect.php\'); \r\n &nbsp; \r\n class Crud extends Dbconnect \r\n { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public &nbsp;&nbsp;&nbsp; $columns=""; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public $values=""; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public $column=""; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public $value=""; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function __construct() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; parent::__construct();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;public function selectalldata($table) \r\n &nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $select="SELECT * FROM $table"; \r\n &nbsp;&nbsp;&nbsp; $select1=$this-&gt;connection-&gt;query($select); \r\n &nbsp;&nbsp;&nbsp; return $select1; \r\n &nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function selectbyid($table,$id) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sel= "SELECT * FROM $table where id=$id"; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sel1=$this-&gt;connection-&gt;query($sel); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return mysqli_fetch_array($sel1); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function insert($data,$table) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //print_r($data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach($data as $this-&gt;column =&gt; $this-&gt;value) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;columns .= ($this-&gt;columns == "") ? "" : ", "; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;columns .= $this-&gt;column; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;values .= ($this-&gt;values == "") ? "" : ", "; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;values .= "\'".$this-&gt;value ."\'"; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //echo $this-&gt;values; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $insert= ("INSERT into $table ($this-&gt;columns) values ($this-&gt;values)"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //echo $insert; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $insert1= $this-&gt;connection-&gt;query($insert); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;public function update($data,$table,$id) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach ($data as $this-&gt;column =&gt; $this-&gt;value) \r\n &nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp; $update=("UPDATE $table SET $this-&gt;column = \'$this-&gt;value\' WHERE id= \'$id\'"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // echo $update; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;connection-&gt;query($update); \r\n &nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function deletedata($table,$where) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp; $delete=("DELETE FROM $table WHERE id=$where"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;connection-&gt;query($delete); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return true; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function escape_string($value) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;connection-&gt;real_escape_string($value); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step5: </strong>Create an <strong>add.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n include_once ("classes/crud.php"); \r\n &nbsp; \r\n $crud= new crud(); \r\n &nbsp; \r\n if(isset($_POST[\'submit\'])) \r\n { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data= array( \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "name"&nbsp; =&gt; $crud-&gt;escape_string($_POST[\'name\']),&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "email"&nbsp; =&gt; $crud-&gt;escape_string($_POST[\'email\']), \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "phone"&nbsp; =&gt; $crud-&gt;escape_string($_POST[\'phone\']) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $crud-&gt;insert($data,\'form\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'insert successfully\'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header(\'location:listing.php\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'try again\' ; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; \r\n &nbsp; \r\n ?&gt; \r\n &lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;title&gt;add in oops&lt;/title&gt; \r\n &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt; \r\n &lt;link href="https://fonts.googleapis.com/css?family=Poppins&amp;display=swap" rel="stylesheet"&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;form method="POST" name="form"&gt; \r\n &nbsp; \r\n &lt;label&gt;name&lt;/label&gt; \r\n &lt;input type="text" name="name"&gt;&lt;br/&gt; \r\n &nbsp; \r\n &lt;label&gt;email&lt;/label&gt; \r\n &lt;input type="text" name="email"&gt;&lt;br/&gt; \r\n &nbsp; \r\n &lt;label&gt;phone&lt;/label&gt; \r\n &lt;input type="text" name="phone"&gt;&lt;br/&gt; \r\n &nbsp; \r\n &lt;input type="submit" name="submit"&gt; \r\n &nbsp; \r\n &lt;/form&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; </code></pre>\r\n<p><strong><br />Step6: </strong>Create a <strong>listing.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n include_once ("classes/crud.php"); \r\n &nbsp;&nbsp; \r\n &nbsp;if(!empty($_GET[\'delid\'])) \r\n &nbsp;{ \r\n &nbsp; \r\n &nbsp;$id=$_GET[\'delid\']; \r\n &nbsp; \r\n &nbsp;$crud= new crud(); \r\n &nbsp;$crud-&gt;deletedata("form",$id); \r\n &nbsp;header(\'location:listig.php\'); \r\n &nbsp;} \r\n &nbsp;&nbsp; \r\n &nbsp;?&gt; \r\n &nbsp;&nbsp; \r\n &nbsp;&lt;!DOCTYPE html&gt; \r\n &nbsp;&lt;html lang="en"&gt; \r\n &nbsp;&lt;head&gt; \r\n &nbsp;&nbsp; &lt;title&gt;Listing&lt;/title&gt; \r\n &nbsp;&nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp;&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp;&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp;&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp;&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp;&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &nbsp;&lt;/head&gt; \r\n &nbsp;&lt;body&gt; \r\n &nbsp;&nbsp; \r\n &nbsp;&lt;div class="container"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp; &lt;table class="table table-striped"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp; &lt;thead&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Name&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Mobile&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Email&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Edit&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;delete&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp; &lt;/thead&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp; &lt;tbody&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php \r\n &nbsp;&nbsp; $crud= new crud(); \r\n &nbsp;&nbsp;&nbsp; $result = $crud-&gt;selectalldata("form"); \r\n &nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; while($data = mysqli_fetch_array($result)) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ?&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'name\']; ?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'phone\']; ?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'email\']; ?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;a href="edit.php?editid=&lt;?php echo $data[\'id\'];?&gt;"&gt;edit&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;a href="listing.php?delid=&lt;?php echo $data[\'id\'];?&gt;" onclick=" return confirm(\'Do You really want to delete this data\')"&gt;delete&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php } ?&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp; &lt;/tbody&gt; \r\n &nbsp;&nbsp; &lt;/table&gt; \r\n &nbsp;&lt;/div&gt; \r\n &nbsp;&nbsp; \r\n &nbsp;&lt;/body&gt; \r\n &nbsp;&lt;/html&gt; \r\n &nbsp;&nbsp; </code></pre>\r\n<p><strong><br />Step7: </strong>Create an <strong>edit.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n include_once ("classes/crud.php"); \r\n &nbsp; \r\n $id = $_GET[\'editid\']; \r\n &nbsp; \r\n $crud= new crud(); \r\n &nbsp; \r\n $data = $crud-&gt;selectbyid(\'form\',$id); \r\n &nbsp; \r\n if(isset($_POST[\'submit\'])) \r\n { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data= array( \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "name"&nbsp; =&gt; $crud-&gt;escape_string($_POST[\'name\']),&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "email"&nbsp; =&gt; $crud-&gt;escape_string($_POST[\'email\']), \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; "phone"&nbsp; =&gt; $crud-&gt;escape_string($_POST[\'phone\']) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $crud-&gt;update($data,\'form\',$id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'updated successfully\'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header(\'location:listing.php\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'try again\' ; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n ?&gt; \r\n &lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;title&gt;Edit in oops&lt;/title&gt; \r\n &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt; \r\n &lt;link href="https://fonts.googleapis.com/css?family=Poppins&amp;display=swap" rel="stylesheet"&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;form method="POST" name="form"&gt; \r\n &nbsp; \r\n &lt;label&gt;name&lt;/label&gt; \r\n &lt;input type="text" name="name" value="&lt;?php echo $data[\'name\'];?&gt;"&gt;&lt;br/&gt; \r\n &nbsp; \r\n &lt;label&gt;email&lt;/label&gt; \r\n &lt;input type="text" name="email" value="&lt;?php echo $data[\'email\'];?&gt;"&gt;&lt;br/&gt; \r\n &nbsp; \r\n &lt;label&gt;phone&lt;/label&gt; \r\n &lt;input type="text" name="phone" value="&lt;?php echo $data[\'phone\'];?&gt;"&gt;&lt;br/&gt; \r\n &nbsp; \r\n &lt;input type="submit" name="submit"&gt; \r\n &nbsp; \r\n &lt;/form&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n </code></pre>\r\n<p><strong><br />Note:&nbsp; </strong>In this blog, I have created a Crud.php file which is very useful to create an admin panel for website development, this is only a crud functionality for beginner developers to learn more about the object-oriented concept.</p>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/crud-using-oop.zip">Download Source Code</a></p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (116, 'crud-in-codeigniter', 'CRUD In CodeIgniter', '<p>In this blog, we will learn CRUD operation using CodeIgniter. In CodeIgniter to use crud operation, we have to place our code according to the MVC pattern. We will keep our design part in views, logics in controller and database-related code in models. Let&rsquo;s see the following steps to use crud:</p>\r\n<p><strong><br />Step1:</strong> Download the CodeIgniter3 Project from its official website, extract it and place it in your xampp directory.</p>\r\n<pre><code>https://codeigniter.com/download</code></pre>\r\n<strong><br />Step2: </strong>&nbsp;Setup basic configuration in your project like base URL in&nbsp;<strong>config.php file</strong>, autoload necessary libraries, helper in <strong>autoload.php file.</strong>\r\n<pre><code> $config[\'base_url\'] = \'http://localhost/codeigniter-crud\'; \r\n $autoload[\'helper\'] = array(\'url\'); \r\n $autoload[\'model\'] = array(\'crud\'); </code></pre>\r\n<p><strong><br />Step3: &nbsp;</strong>Create Database named <strong>codeigniter_crud</strong></p>\r\n<pre><code>CREATE DATABASE codeigniter_crud </code></pre>\r\n<p><strong><br />Step4: </strong>Setup Database Connection in <strong>application&gt;config&gt;database.php file.</strong></p>\r\n<pre><code>$db[\'default\'] = array( \r\n &nbsp;&nbsp;&nbsp; \'dsn\'&nbsp;&nbsp; =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp; \'hostname\' =&gt; \'localhost\', \r\n &nbsp;&nbsp;&nbsp; \'username\' =&gt; \'root\', \r\n &nbsp; &nbsp;&nbsp;\'password\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp; \'database\' =&gt; \'codeigniter_crud\', \r\n &nbsp;&nbsp;&nbsp; \'dbdriver\' =&gt; \'mysqli\', \r\n &nbsp;&nbsp;&nbsp; \'dbprefix\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp; \'pconnect\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp; \'db_debug\' =&gt; (ENVIRONMENT !== \'production\'), \r\n &nbsp;&nbsp;&nbsp; \'cache_on\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp; \'cachedir\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp; \'char_set\' =&gt; \'utf8\', \r\n &nbsp;&nbsp;&nbsp; \'dbcollat\' =&gt; \'utf8_general_ci\', \r\n &nbsp;&nbsp;&nbsp; \'swap_pre\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp; \'encrypt\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp; \'compress\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp; \'stricton\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp; \'failover\' =&gt; array(), \r\n &nbsp;&nbsp;&nbsp; \'save_queries\' =&gt; TRUE \r\n ); \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step5: </strong>&nbsp;Make clean or seo friendly url using routes.php file of CodeIgniter , write the following code:</p>\r\n<pre><code>\r\n $route[\'default_controller\'] = \'welcome\'; \r\n $route[\'404_override\'] = \'\'; \r\n $route[\'translate_uri_dashes\'] = FALSE; \r\n &nbsp; \r\n &nbsp; \r\n $route[\'add\'] = \'welcome/add\'; \r\n $route[\'edit/(:num)\'] = \'welcome/edit/$1\'; \r\n $route[\'delete/(:num)\'] = \'welcome/delete/$1\'; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step6: </strong>&nbsp;Create <strong>add.php in views folder</strong>, write the following code:</p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Insert&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div class="container"&gt; \r\n &nbsp; &lt;h2&gt;Insert&lt;/h2&gt; \r\n &nbsp; &lt;form method="post"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Name:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter name" name="name"&gt; \r\n &nbsp; &nbsp;&nbsp;&lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="pwd"&gt;Email:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control"&nbsp; placeholder="Enter email" name="email"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="pwd"&gt;Mobile:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter mobile" name="mobile"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt; \r\n &nbsp; &lt;/form&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step7: </strong>Create <strong>listing.php file in views folder</strong>, write the following code:</p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Listing&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div class="container"&gt; \r\n &nbsp; &lt;h2&gt;Listing Data&lt;/h2&gt; \r\n &lt;p&gt;&lt;a href="&lt;?php echo base_url(\'add\');?&gt;" class="btn btn-primary"&gt;Add&lt;/a&gt;&lt;/p&gt; \r\n &nbsp; &lt;table class="table table-bordered"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;thead&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Name&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Email&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Mobile&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;th&gt;Edit&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &lt;th&gt;Delete&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/thead&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;tbody&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php foreach($LISTDATA as $data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {?&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data-&gt;name;?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data-&gt;email;?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data-&gt;mobile;?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;a href="&lt;?php echo base_url(\'edit/\'.$data-&gt;id);?&gt;"&gt;Edit&lt;/a&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;a href="&lt;?php echo base_url(\'delete/\'.$data-&gt;id);?&gt;"&gt;Delete&lt;/a&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php } ?&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/tbody&gt; \r\n &nbsp; &lt;/table&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step8: &nbsp;</strong>Create <strong>edit.php file in views folder</strong>, write the following code:</p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Edit&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div class="container"&gt; \r\n &nbsp; &lt;h2&gt;Update&lt;/h2&gt; \r\n &nbsp; &lt;form method="post"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Name:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" value="&lt;?php echo $EDITDATA[0]-&gt;name;?&gt;"&nbsp; placeholder="Enter name" name="name"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="pwd"&gt;Email:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control" value="&lt;?php echo $EDITDATA[0]-&gt;email;?&gt;"&nbsp; placeholder="Enter email" name="email"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="pwd"&gt;Mobile:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" value="&lt;?php echo $EDITDATA[0]-&gt;mobile;?&gt;"&nbsp; placeholder="Enter mobile" name="mobile"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt; \r\n &nbsp; &lt;/form&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step9: </strong>Create <strong>Crud.php file in models folder</strong>,write the following code:</p>\r\n<pre><code>&lt;?php \r\n class Crud extends CI_Model{ \r\n &nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; \r\n function insert($table,$data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result= $this-&gt;db-&gt;insert($table, $data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $result; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function update($table,$id,$data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\', $id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;db-&gt;update($table,$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function get_data($table) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $data= $this-&gt;db-&gt;get($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; return $data-&gt;result();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function delete($table,$id) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\', $id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;db-&gt;delete($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function fetchdatabyid($id,$table) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\',$id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $data=$this-&gt;db-&gt;get($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; return $data-&gt;result(); \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step10:&nbsp; </strong>In default controller,&nbsp;<strong>Welcome.php of CodeIgniter,</strong> write the following code:</p>\r\n<pre><code>&lt;?php \r\n defined(\'BASEPATH\') OR exit(\'No direct script access allowed\'); \r\n &nbsp; \r\n class Welcome extends CI_Controller { \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /** \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Index Page for this controller. \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Maps to the following URL \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome/index \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Since this controller is set as the default controller in \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* config/routes.php, it\'s displayed at http://example.com/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* So any other public methods not prefixed with an underscore will \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* map to /index.php/welcome/&lt;method_name&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* @see https://codeigniter.com/user_guide/general/urls.html \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function index() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'LISTDATA\']=$this-&gt;crud-&gt;get_data(\'registration\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'listing\',$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function add() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(isset($_POST[\'submit\'])) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'name\']=$this-&gt;input-&gt;post(\'name\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'email\']=$this-&gt;input-&gt;post(\'email\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'mobile\']=$this-&gt;input-&gt;post(\'mobile\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;crud-&gt;insert(\'registration\',$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; redirect(base_url()); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'add\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function edit() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $args=func_get_args(); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(isset($_POST[\'submit\'])) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'name\']=$this-&gt;input-&gt;post(\'name\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'email\']=$this-&gt;input-&gt;post(\'email\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'mobile\']=$this-&gt;input-&gt;post(\'mobile\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;crud-&gt;update(\'registration\',$args[0],$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; redirect(base_url()); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'EDITDATA\']=$this-&gt;crud-&gt;fetchdatabyid($args[0],\'registration\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'edit\',$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function delete() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $args=func_get_args(); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $this-&gt;crud-&gt;delete(\'registration\',$args[0]); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; redirect(base_url()); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n }\r\n\r\n</code></pre>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/crud-in-codeigniter.zip">Download Source Code</a></p>', '1', 'blog'), (117, 'how-to-use-phpmailer-in-php', 'How to Use PHPMailer in PHP', '<p>PHPMailer is an important and most useful library to send email easily, sometimes the PHP default mail() function does not work properly then there is a need of a PHPMailer. PHPMailer is used to send mail by localhost, it works very well on localhost.</p>\r\n<p>Let&rsquo;s see the following steps to use PHPMailer:</p>\r\n<p><strong><br />Step1:&nbsp; </strong>Download <strong>PHPMailer from GitHub</strong>, you can download the link below given the link:</p>\r\n<pre><code>https://github.com/PHPMailer/PHPMailer</code></pre>\r\n<p><strong><br />Step2: </strong>After download extract the folder and put only the&nbsp;<strong>src folder</strong> in your project directory, src folder contains all the necessary classes file of PHPMailer.</p>\r\n<p><strong><br />Step3: </strong>create <strong>phpmailer.php</strong> file to check to send mail functionality of PHPMailer, write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n use PHPMailer\\PHPMailer\\PHPMailer; \r\n use PHPMailer\\PHPMailer\\Exception; \r\n &nbsp; \r\n require \'phpmailer/src/Exception.php\'; \r\n require \'phpmailer/src/PHPMailer.php\'; \r\n require \'phpmailer/src/SMTP.php\'; \r\n &nbsp; \r\n //require \'vendor/autoload.php\'; \r\n &nbsp; \r\n $mail = new PHPMailer(true); \r\n &nbsp; \r\n try { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;SMTPDebug = 2;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;isSMTP();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;Host&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = \'smtp.gmail.com;\';&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;SMTPAuth = true;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;Username = \'your-gmail-id\';&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;Password = \'your-gmail-id-password\';&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;SMTPSecure = \'tls\';&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;Port&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = 587; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;setFrom(\'your-gmail-id\', \'Name\');&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;addAddress(\'client-gmail-id\'); // where you want to send mail \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;isHTML(true);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;Subject = \'Subject\'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;Body = \'HTML message body in &lt;b&gt;bold&lt;/b&gt; \'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;AltBody = \'Body in plain text for non-HTML mail clients\'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mail-&gt;send(); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo "Mail has been sent successfully!"; \r\n } catch (Exception $e) { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo "Message could not be sent. Mailer Error: {$mail-&gt;ErrorInfo}"; \r\n } \r\n &nbsp; \r\n ?&gt; </code></pre>\r\n<p><strong><br />Note: </strong>There are some important points to keep in mind to use PHPMailer :</p>\r\n<ol>\r\n<li>Disable Gmail 2 Step Verification</li>\r\n<li>Turn on less secure apps form Gmail security</li>\r\n</ol>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/phpmailer.zip">Download Source Code</a></p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (118, 'basic-computer-programming-language', 'Basic Computer Programming Language that can Enhance your knowledge after arts and commerce', '<p><strong>C programming:</strong> C programming is a mid-level system programming language developed by Dennis Ritchie in the early 1970s when he used to work at A&amp;B Bell Labs in the United States. Critical features of C programming include low-level access to system memory, simple style, and many more. As part of the design, the C language provides the constructs used to map the typical machine-level instructions efficiently. It has a fundamental level of usage in the assembly-level language. The language applications include creating and developing software such as operating systems and various application levels of software.</p>\r\n<h1><span style="font-size: x-large;"><strong>Why learn C programming language</strong></span></h1>\r\n<p><strong>learning&nbsp;C programming has plenty of benefits:&nbsp;</strong>C is a middle-level language: Being a middle-level language, C fits between low-level machine understanding assembly language and user-friendly high-level language. It reduces the gap between low-level and high-level languages.</p>\r\n<p><strong>Helps you comprehend computer theories fundamentals:</strong> Most of the computer theories are related to C programming. In modernistic languages, machine-level details are unseen to the user, so to work with network adapters, CPU cache, memory, knowledge of C programming is a must.<br /><strong><br />Lesser libraries</strong>: In comparison to modern hight level languages, the C programming language has fewer libraries. The low number of libraries helps you getting a bit independent on a programming language for some essential operations.</p>\r\n<p><strong>Fast execution time:</strong> C programs enjoy this advantage over another programming language. Codes written and compiled in the C program run faster in comparison to any other programming language.</p>\r\n<p><strong>Embedded programming:</strong> Embedded programming is also mentioned as micro-controller programming, in which the C program is used to control the controller. Microcontrollers and embedded programming are used in robotics and hardware.</p>\r\n<p>C language is used in the inter-operating mode of a variety of computer platforms. It is used in the development of software such as operating systems and various application levels of software. C language presents the constructs used to outline the typical machine-level instructions efficiently and has a primary assembly-level language user. Keeping all the features of the <a href="../../c-programming"><strong>C programming course</strong></a> in mind, we have prepared a course that will elevate your knowledge from the basics to the highly advanced level concepts. <br /><br />The majority of the people face issues in learning the language since the language is close to being a low-level language. Such doubts can be excellently cleared by excellent faculty who already guided several learners to their desired results.</p>\r\n<p>One must get tired of searching <strong>C language classes near me</strong>. Here we end your hunt for the best C training institute that will provide you the proper guidance for learning the programming language with definite concept and extreme precision. It is hard to find a <a href="../../c-plus-plus-programming"><strong><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;c++ programming course&quot;}" data-sheets-userformat="{&quot;2&quot;:1407551,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16711935},&quot;5&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;12&quot;:0,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:0},&quot;15&quot;:&quot;Lora&quot;,&quot;16&quot;:18,&quot;17&quot;:1,&quot;19&quot;:0,&quot;21&quot;:0,&quot;23&quot;:1}">c++ programming course</span></strong></a>&nbsp;that covers all the aspects of providing comprehensive education. We present you with the best mentors who will steer you to the most nuanced possible knowledge about the programming language. C programming has been there for a long and is not a dying language, making it valuable to learn by the young programmers entering the programming world.</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (119, 'how-to-use-fontawesome-in-website', 'How to Use Font Awesome in Website', '<p>Font Awesome is a CSS file that contains icons of websites like phone icons, email icons, WhatsApp icons, etc. There are a number of similar CSS files like Google fonts, flat icons, etc, but Font Awesome is mostly used in websites. &nbsp;In previous days we use png images for icons but it slows down the performance of the website so Font Awesome is also helpful to give the best performance as compare to png images.</p>\r\n<p>In this blog we will learn how to use Font Awesome Icon on the website, Let&rsquo;s see the following steps:</p>\r\n<p><strong><br />Step1: &nbsp;</strong>Copy the following given link:</p>\r\n<pre><code>&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt; </code></pre>\r\n<p><strong><br />Step2: </strong>Paste this link in your &lt;head&gt; tag.</p>\r\n<p><strong><br />Step3: </strong>Search the icon on google &nbsp;which you want to use or you can find the icon on this given link:</p>\r\n<pre><code>https://fontawesome.com/v4.7/icons/</code></pre>\r\n<p><strong><br />Step4:</strong> Copy icon HTML Code and paste in your html code wherever you want to use.</p>\r\n<p><strong><br />Complete Code:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &lt;i class="fa fa-address-book" aria-hidden="true"&gt;&lt;/i&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Note: </strong>Now the current version of Font Awesome is 5 and Font Awesome6 is the upcoming version, in this blog we have given the example of Font Awesome4, if you want to use the FontAwesome5 then there is no problem you can use the same steps which I told only change the CSS CDN link of font-awesome.</p>', '1', 'blog'), (120, 'difference-between-append-and-after-in-jquery', 'Difference Between append() and after() in JQuery', '<p>In JQuery there are two methods append() and after() which is look alike similar but there is a little bit of difference between them. Let&rsquo;s see the difference:</p>\r\n<p><strong>1. append():</strong> append method inserts the data at the end of its last child element.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &lt;div class=\'main\'&gt; \r\n &nbsp; &lt;div class=\'child\'&gt;child&lt;/div&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &lt;script&gt; \r\n $(\'.main\').append($(\'&lt;div class="lastchild"&gt;last child&lt;/div&gt;\')); \r\n &lt;/script&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><br /><strong>Check this Example in Inspect Mode You will see the output like this :</strong></p>\r\n<pre><code>This div: \r\n<strong> <br />&lt;div class="lastchild"&gt;last child&lt;/div&gt;</strong> <br />\r\n Will be added after this div <br />\r\n <strong>&lt;div class=\'child\'&gt;child&lt;/div&gt;</strong> \r\n &nbsp; </code></pre>\r\n<p><strong><br />2. after(): </strong>This method inserts data after the selected element.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &lt;div class=\'main\'&gt; \r\n &nbsp; &lt;div class=\'child\'&gt;child&lt;/div&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &lt;script&gt; \r\n $(\'.main\').after($(\'&lt;div class="lastchild"&gt;last child&lt;/div&gt;\')); \r\n &lt;/script&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt;</code></pre>\r\n<p><strong><br />Check this Example in Inspect Mode You will see the output like this :</strong></p>\r\n<pre><code>This div:<br /> \r\n <strong>&lt;div class="lastchild"&gt;last child&lt;/div&gt;</strong> <br />\r\n Will be added after this div <br />\r\n<strong> &lt;div class=\'main\'&gt;child&lt;/div&gt;</strong> \r\n &nbsp; \r\n </code></pre>', '1', 'blog'), (121, 'crud-using-ajax-in-php', 'CRUD Using AJAX in PHP', '<p>CRUD (Create Read Update Delete) using Ajax, in this blog we will learn how to do crud operation using Ajax. Ajax is very useful when you don&rsquo;t want to reload your page when you insert data, select data, or anything else.</p>\r\n<p>Ajax is the way you can interact with the database without reloading the page, to use Ajax we use JS or JQuery to send or receive data. Let&rsquo;s see the following steps:</p>\r\n<p><strong><br />Step1: </strong>Create Database name blog_samples:</p>\r\n<pre><code>CREATE DATABASE blog_samples; </code></pre>\r\n<strong><br />Stpe2: </strong>Create a <strong>posts table</strong> in the database:\r\n<pre><code>CREATE TABLE posts ( &nbsp;&nbsp;&nbsp; <br />id INT NOT NULL PRIMARY KEY AUTO_INCREMENT, &nbsp;&nbsp;&nbsp; <br />title VARCHAR(100) NOT NULL, &nbsp;&nbsp;&nbsp; <br />description LONGTEXT NOT NULL, &nbsp;&nbsp;&nbsp; <br />post_at &nbsp;DATE NOT NULL );</code></pre>\r\n<p><strong><br />Step3: </strong>Create a <strong>connection.php</strong> file, write the following code:</p>\r\n<pre><code>&lt;?php \r\n $servername = "localhost"; \r\n $username = "root"; \r\n $password = ""; \r\n $db="blog_samples"; \r\n &nbsp; \r\n // Create connection \r\n $conn = mysqli_connect($servername, $username, $password,$db); \r\n &nbsp; \r\n // Check connection \r\n if (!$conn) { \r\n &nbsp; die("Connection failed: " . mysqli_connect_error()); \r\n } \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step4: </strong>Create a file <strong>add.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Add Data Using AJAX&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div class="container py-5"&gt; \r\n &nbsp; &lt;h2&gt;Add Blog&lt;/h2&gt; \r\n &nbsp; &lt;p class="text-right"&gt;&lt;a href="index.php" class="btn btn-primary"&gt;View All Blogs&lt;/a&gt;&lt;/p&gt; \r\n &nbsp; &lt;form&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Title:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="title"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="pwd"&gt;Description:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;textarea class="form-control" id="description"&gt;&lt;/textarea&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp; &lt;button type="button" id="save" class="btn btn-primary"&gt;Submit&lt;/button&gt; \r\n &nbsp; &lt;/form&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;script&gt; \r\n $(\'#save\').click(function () { \r\n &nbsp; \r\n $title = $(\'#title\').val(); \r\n $desc = $("#description").val(); \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n $.ajax({url:"insert.php", \r\n method:"POST", \r\n data:{titlecol:$title,desccol:$desc}, \r\n success:function(dataabc){ \r\n &nbsp; window.location.href="index.php"; \r\n }}); \r\n &nbsp; \r\n &nbsp; \r\n }); \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &lt;/script&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step5:</strong> Create a file <strong>insert.php</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n include("connection.php"); \r\n &nbsp; \r\n $title= $_POST[\'titlecol\']; \r\n $desc=$_POST[\'desccol\']; \r\n $adddate=date(\'Y-m-d\'); \r\n &nbsp; \r\n &nbsp; \r\n $sql ="insert into posts(post_title,description,post_at) values (\'".$title."\',\'".$desc."\',\'".$adddate."\')"; \r\n &nbsp; \r\n mysqli_query($conn,$sql); \r\n &nbsp; \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step6: </strong>Create a file <strong>index.php </strong>and write&nbsp;the following code:</p>\r\n<pre><code>&lt;?php \r\n include("connection.php"); \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n if(isset($_GET[\'del_id\'])) \r\n { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $id=$_GET[\'del_id\']; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sql="delete from posts where id=\'".$id."\'"; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result=mysqli_query($conn,$sql); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header(\'location:index.php\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Select Data Using AJAX&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &lt;div class="container py-5"&gt; \r\n &lt;div class="row"&gt; \r\n &lt;div class="col-lg-12"&gt; \r\n &lt;h1 class="text-center"&gt;Select Data Using AJAX&lt;/h1&gt; \r\n &lt;p class="text-right"&gt;&lt;a href="add.php" class="btn btn-primary"&gt;Add Blog&lt;/a&gt;&lt;/p&gt; \r\n &lt;table class="table table-bordered table-striped" id="content"&gt; \r\n &lt;/table&gt; \r\n &lt;/div&gt; \r\n &lt;/div&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;script&gt; \r\n $(document).ready(function(){ \r\n $.ajax({url:"select.php", \r\n success:function(dataabc){ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //console.log(dataabc); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("#content").html(dataabc);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n }}); \r\n &nbsp; \r\n &nbsp; \r\n }); \r\n &lt;/script&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step7: </strong>Create a file <strong>select.php</strong> file and write the following code:</p>\r\n<pre><code>&lt;?php \r\n include("connection.php"); \r\n &nbsp; \r\n $sql="select from posts"; \r\n $result = mysqli_query($conn,$sql); \r\n &nbsp; \r\n &nbsp; \r\n echo \' &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;th&gt;Sr.No&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;th&gt;Date&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;th&gt;Title&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;th&gt;Description&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;th&gt;Edit&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;th&gt;Delete&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/tr&gt;\'; \r\n &nbsp; \r\n $i=1; \r\n while($data=mysqli_fetch_array($result)) \r\n { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;echo \' \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;td&gt;\'.$i.\'&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;td&gt;\'.$data[\'post_at\'].\'&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;\'.$data[\'post_title\'].\'&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;\'.$data[\'description\'].\'&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;a href="edit.php?edit_id=\'.$data[\'id\'].\'"&gt;edit&lt;/a&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;a href="index.php?del_id=\'.$data[\'id\'].\'" &gt;delete&lt;/a&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; $i++; \r\n } \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step8: </strong>Create an&nbsp;<strong>edit.php file</strong> and write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n include_once(\'connection.php\'); \r\n &nbsp; \r\n $id = $_GET[\'edit_id\']; \r\n $sql = "select * from posts where id=\'".$id."\'"; \r\n $result = mysqli_query($conn,$sql); \r\n &nbsp; \r\n $data=mysqli_fetch_array($result); \r\n &nbsp; \r\n ?&gt; \r\n &nbsp; \r\n &lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Update Using AJAX&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div class="container"&gt; \r\n &nbsp; &lt;h2&gt;Edit Data&lt;/h2&gt; \r\n &nbsp;&nbsp; &lt;p class="text-right"&gt;&lt;a href="index.php" class="btn btn-primary"&gt;View All Blogs&lt;/a&gt;&lt;/p&gt; \r\n &nbsp; &lt;form&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="hidden" id="postid" value="&lt;?php echo $_GET[\'edit_id\'];?&gt;"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Title:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control" id="title" value="&lt;?php echo $data[\'post_title\'];?&gt;" &gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &lt;div class="form-group"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="pwd"&gt;Description:&lt;/label&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;textarea class="form-control" id="description"&gt;&lt;?php echo $data[\'description\'];?&gt;&lt;/textarea&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp; &lt;button type="button" id="save" class="btn btn-primary"&gt;Submit&lt;/button&gt; \r\n &nbsp; &lt;/form&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &lt;script&gt; \r\n $(\'#save\').click(function () { \r\n &nbsp; \r\n $id=$("#postid").val(); \r\n &nbsp; \r\n //alert($id); \r\n &nbsp; \r\n $title = $(\'#title\').val(); \r\n $desc = $("#description").val(); \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n $.ajax({url:"update.php", \r\n method:"POST", \r\n data:{postid:$id,titlecol:$title,desccol:$desc}, \r\n success:function(dataabc){ \r\n window.location.href="index.php"; \r\n }}); \r\n &nbsp; \r\n &nbsp; \r\n }); \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n &lt;/script&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; </code></pre>\r\n<p><strong><br />Step9:</strong> Create a file <strong>update.php</strong> and write the following code:</p>\r\n<pre><code> &lt;?php \r\n include("connection.php"); \r\n &nbsp; \r\n $id = $_POST[\'postid\']; \r\n $title= $_POST[\'titlecol\']; \r\n $desc=$_POST[\'desccol\']; \r\n &nbsp; \r\n &nbsp; \r\n //echo $id; \r\n &nbsp; \r\n $sql ="UPDATE posts SET post_title=\'".$title."\',description=\'".$desc."\' where id=\'".$id."\'"; \r\n &nbsp; \r\n mysqli_query($conn,$sql); \r\n &nbsp; \r\n &nbsp; \r\n &nbsp; \r\n ?&gt; \r\n &nbsp;</code></pre>\r\n<strong>Note: </strong>\r\n<ul>\r\n<li>In this blog we have used Ajax for insert, update and select functionality only.</li>\r\n<li>To delete, select data by id for edit we have not used ajax, you can customize this example as per your need.</li>\r\n</ul>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../media/uploads/blog-code-files/crud-using-php-ajax.zip">Download Source Code</a></p>', '1', 'blog'), (122, 'is-basic-computer-programming-a-good-choice-for-beginners', 'Is Basic Computer Programming a Good Choice for Beginners', '<p>Setting a clear path at an early age would give your child added benefit when he enters the world of technology. Society is moving towards automation. Every day we see innovation that reduces human efforts and contributes to making life easy. The backbone of all modern innovation lies in computer programming. <br /><br />The demand for a computer programmer is consistently growing in various sectors. Mainstream jobs are losing their ground due to automation and adaptation of the new technology in the service sectors.<br /><br />Giving your child a tool to succeed in computer programming would allow them to build a strong foundation. As soon as the child reaches working age, he will have talents to offer to multinational companies. Your child\'s professional career will skyrocket immediately, whereas other children who completed their graduation will have to spend 3 to 4 years more building the foundation.</p>\r\n<h3>Benefits of learning Basic Computer Programming</h3>\r\n<ul>\r\n<li>Coding promotions logical thinking.</li>\r\n<li>The child becomes creative in solving a problem.</li>\r\n<li>Failure will never become a problem for your child because failure is an inevitable part of computer programming.</li>\r\n<li>Teach you persistence.</li>\r\n<li>Coding teaches you resilience.</li>\r\n<li>Coding improves math skills.</li>\r\n<li>Programming develops self-learning habits.</li>\r\n</ul>\r\n<p><br />And finally, learning computer programming at an early stage may land you in the top companies such as Google and Microsoft if you become the best in what you do.&nbsp;Learning the&nbsp;<a href="../../c-programming"><strong><span data-sheets-value="{&quot;1&quot;:2,&quot;2&quot;:&quot;c programming course&quot;}" data-sheets-userformat="{&quot;2&quot;:30911,&quot;3&quot;:{&quot;1&quot;:0},&quot;4&quot;:{&quot;1&quot;:2,&quot;2&quot;:16777215},&quot;5&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;10&quot;:2,&quot;14&quot;:{&quot;1&quot;:2,&quot;2&quot;:2105636},&quot;15&quot;:&quot;Lora&quot;,&quot;16&quot;:18,&quot;17&quot;:1}">c programming course</span></strong></a> would give control over the computer software and allow you to explore the hidden power of the computer.</p>\r\n<p>The C++ programming course offer by the institute would make you learn the coding with the step-by-step process, so you do not feel exhausted. Learning a new programming language is similar to learning a spoken language. You have to learn new words, sentence framing methods, grammar, and understand the flow of the language to become an expert in the literature.<br /><br />Start with the C++ course, and as you move ahead and become good at writing the code and developing your program, you can upgrade the skill by learning the <strong>advanced c++ course</strong>. It is advisable to learn a&nbsp;<a href="../../c-plus-plus-programming"><strong>c++ programming course</strong></a> at an early age. The more time you give to practice the coding method, the more you understand the concepts and develop critical thinking.<br /> <br /><strong>C and C++ languages</strong> are the basics of the programming language every programmer should learn and apply during practice. Once your base is strong, the upper language would become easy to comprehend. The majority of the upper programming languages are build using the C and C++ frameworks. Learning C and C++ language would give you an advantage when you start working on real projects.<br /><br /><strong>Conclusion</strong><br />Parents should allow their children to learn something constructive during their schooling, such as knowing the computer programming language. It has many benefits and offers the security of the career of your child. Make computer learning sessions more fun and enriching, so when your child enters the competitive world, your child will be ready to climb the ladder quickly. Enquire about the <strong>c and c++ language training</strong> and register your kid for the course.</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (123, 'use-of-codeigniter-hooks', 'CodeIgniter Hooks', '<p>CodeIgniter Hooks acts like middleware, Sometimes there is a need to restrict some pages to access without login or without admin permission then hooks are a very useful feature of Codeigniter. In CodeIgniter pages run by controller function so if we want to validate permission then we have to write code in each function of the controller, in this case, hooks save our time and code also.</p>\r\n<p>CodeIgniter Hooks like laravel middleware which validates code before executing controller functions. Let&rsquo;s see the following steps in which we have used a hook to restrict the page:</p>\r\n<p><strong><br />Step1:</strong> Download CodeIgniter3</p>\r\n<pre><code> https://codeigniter.com/download </code></pre>\r\n<p><strong><br />Step2:&nbsp; </strong>Create <strong>Blocker.php </strong>in <strong>application&gt;hooks</strong> folder, write the following code:</p>\r\n<pre><code>&lt;?php \r\n class Blocker { \r\n &nbsp;&nbsp;&nbsp; function requestBlocker(){ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $ci=&amp;get_instance(); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; if($ci-&gt;is_hookable){ \r\n &nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo "not allowed"; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; die; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; } \r\n } \r\n ?&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step3: </strong>&nbsp;Go to the <strong>application&gt;config&gt;hooks.php</strong> file, write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp; \r\n $hook[\'post_controller\'] = array( \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'class\'&nbsp;&nbsp;&nbsp; =&gt; \'Blocker\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'function\' =&gt; \'requestBlocker\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'filename\' =&gt; \'Blocker.php\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'filepath\' =&gt; \'hooks\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'params\'&nbsp;&nbsp; =&gt; "" \r\n ); \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step4: </strong>Create a Controller<strong> Test.php,</strong>write the following code:</p>\r\n<pre><code>&lt;?php \r\n defined(\'BASEPATH\') OR exit(\'No direct script access allowed\'); \r\n &nbsp; \r\n class Test extends CI_Controller { \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /** \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Index Page for this controller. \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Maps to the following URL \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome/index \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Since this controller is set as the default controller in \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* config/routes.php, it\'s displayed at http://example.com/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* So any other public methods not prefixed with an underscore will \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* map to /index.php/welcome/&lt;method_name&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* @see https://codeigniter.com/user_guide/general/urls.html \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; public $is_hookable = FALSE; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function index() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'test\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n } </code></pre>\r\n<p><br />In this Controller we have written: <strong>Public $is_hookable=FALSE</strong>, means this controller is not hook able.</p>\r\n<p><strong><br />Step5: </strong>In <strong>Welcome.php Controller</strong>, default Controller of CodeIgniter, write the following code:</p>\r\n<pre><code>&lt;?php \r\n defined(\'BASEPATH\') OR exit(\'No direct script access allowed\'); \r\n &nbsp; \r\n class Welcome extends CI_Controller { \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Index Page for this controller. \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Maps to the following URL \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome/index \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Since this controller is set as the default controller in \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* config/routes.php, it\'s displayed at http://example.com/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* So any other public methods not prefixed with an underscore will \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* map to /index.php/welcome/&lt;method_name&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* @see https://codeigniter.com/user_guide/general/urls.html \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public $is_hookable = TRUE; \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function index() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'welcome_message\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n } \r\n &nbsp; </code></pre>\r\n<p><br />In this we have written <strong>public $is_hookable= TRUE</strong> means, this controller is restricted, it will show an error: not allowed.</p>\r\n&nbsp;\r\n<p><strong><br />Step6:</strong> Create a <strong>test.php file</strong> in views, write the following code:</p>\r\n<pre><code>&lt;?php \r\n defined(\'BASEPATH\') OR exit(\'No direct script access allowed\'); \r\n ?&gt;&lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;Welcome to CodeIgniter&lt;/title&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;style type="text/css"&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ::selection { background-color: #E13300; color: white; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ::-moz-selection { background-color: #E13300; color: white; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; body { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color: #fff; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 40px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font: 13px/20px normal Helvetica, Arial, sans-serif; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: #4F5155; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; a { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: #003399; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color: transparent; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-weight: normal; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; h1 { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: #444; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color: transparent; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border-bottom: 1px solid #D0D0D0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-size: 19px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-weight: normal; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 0 0 14px 0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding: 14px 15px 10px 15px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; code { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-family: Consolas, Monaco, Courier New, Courier, monospace; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-size: 12px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; background-color: #f9f9f9; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: 1px solid #D0D0D0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: #002166; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; display: block; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 14px 0 14px 0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding: 12px 10px 12px 10px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #body { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 0 15px 0 15px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; p.footer { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; text-align: right; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; font-size: 11px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border-top: 1px solid #D0D0D0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; line-height: 32px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; padding: 0 10px 0 10px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 20px 0 0 0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; #container { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; margin: 10px; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; border: 1px solid #D0D0D0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; box-shadow: 0 0 8px #D0D0D0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div id="container"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;Welcome to CodeIgniter!&lt;/h1&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div id="body"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;The page you are looking at is being generated dynamically by CodeIgniter.&lt;/p&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;If you would like to edit this page you\'ll find it located at:&lt;/p&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;code&gt;application/views/welcome_message.php&lt;/code&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;The corresponding controller for this page is found at:&lt;/p&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;code&gt;application/controllers/Welcome.php&lt;/code&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;If you are exploring CodeIgniter for the very first time, you should start by reading the &lt;a href="user_guide/"&gt;User Guide&lt;/a&gt;.&lt;/p&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p class="footer"&gt;Page rendered in &lt;strong&gt;0.0244&lt;/strong&gt; seconds. &lt;?php echo&nbsp; (ENVIRONMENT === \'development\') ?&nbsp; \'CodeIgniter Version &lt;strong&gt;\' . CI_VERSION . \'&lt;/strong&gt;\' : \'\' ?&gt;&lt;/p&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step7: </strong>Do not delete the default view file<strong> welcome_message.php</strong></p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (124, 'import-csv-file-into-database-using-codeigniter', 'Import CSV file into database using CodeIgniter', '<p>CSV upload is useful when we want to upload bulk data in seconds, we insert our data via form one by one it takes a lot of time to insert data so in this case CSV upload saves our time. Some examples of CSV upload are leads upload, product upload, etc.</p>\r\n<p><strong><br />Step1:</strong> Download CodeIgniter3</p>\r\n<pre><code>https://codeigniter.com/download</code></pre>\r\n<p><strong><br />Step2: </strong>Create a database named <strong>csvimport</strong></p>\r\n<pre><code>CREATE DATABASE csvimport; </code></pre>\r\n<p><strong><br />Step3: </strong>Create a <strong>leads table</strong> in <strong>csvimport</strong> database</p>\r\n<pre><code>CREATE TABLE leads (&nbsp;&nbsp;&nbsp;&nbsp; \r\n id INT NOT NULL PRIMARY KEY AUTO_INCREMENT,&nbsp;&nbsp;&nbsp;&nbsp; \r\n name TEXT NOT NULL,&nbsp;&nbsp;&nbsp;&nbsp; \r\n email TEXT NOT NULL,&nbsp;&nbsp;&nbsp;&nbsp; \r\n mobile&nbsp; TEXT NOT NULL); </code></pre>\r\n<p><strong><br />Step4: </strong>Setup a connection in <strong>database.php</strong> file</p>\r\n<pre><code>$db[\'default\'] = array( \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dsn\'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'hostname\' =&gt; \'localhost\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'username\' =&gt; \'root\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'password\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'database\' =&gt; \'csvimport\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbdriver\' =&gt; \'mysqli\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbprefix\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'pconnect\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'db_debug\' =&gt; (ENVIRONMENT !== \'production\'), \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'cache_on\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'cachedir\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'char_set\' =&gt; \'utf8\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbcollat\' =&gt; \'utf8_general_ci\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'swap_pre\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'encrypt\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'compress\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'stricton\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'failover\' =&gt; array(), \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'save_queries\' =&gt; TRUE \r\n ); </code></pre>\r\n<p><strong><br />Step5: </strong>&nbsp;create a file <strong>Csvimport.php </strong>in the libraries folder, write the following code:</p>\r\n<pre><code>&lt;?php if ( ! defined(\'BASEPATH\')) exit(\'No direct script access allowed\'); \r\n /* \r\n &nbsp;* CodeIgniter CSV Import Class \r\n &nbsp;* \r\n &nbsp;* This library will help import a CSV file into \r\n &nbsp;* an associative array. \r\n &nbsp;* \r\n &nbsp;* This library treats the first row of a CSV file \r\n &nbsp;* as a column header row. \r\n &nbsp;* \r\n &nbsp;* \r\n &nbsp;* @package&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CodeIgniter \r\n &nbsp;* @subpackage&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Libraries \r\n &nbsp;* @category&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Libraries \r\n &nbsp;* @author&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Brad Stinson \r\n &nbsp;/ \r\n class Csvimport { \r\n &nbsp;&nbsp;&nbsp; private $handle = ""; \r\n &nbsp;&nbsp;&nbsp; private $filepath = FALSE; \r\n &nbsp;&nbsp;&nbsp; private $column_headers = FALSE; \r\n &nbsp;&nbsp;&nbsp; private $initial_line = 0; \r\n &nbsp;&nbsp;&nbsp; private $delimiter = ","; \r\n &nbsp;&nbsp;&nbsp; private $detect_line_endings = FALSE; \r\n &nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Function that parses a CSV file and returns results \r\n &nbsp;&nbsp;&nbsp;&nbsp; * as an array. \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; public \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; filepath&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; string&nbsp; Location of the CSV file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; column_headers&nbsp; array&nbsp;&nbsp; Alternate values that will be used for array keys instead of first line of CSV \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; detect_line_endings&nbsp; boolean&nbsp; When true sets the php INI settings to allow script to detect line endings. Needed for CSV files created on Macs. \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; initial_line&nbsp; integer&nbsp; Sets the line of the file from which start parsing data. \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; delimiter&nbsp; string&nbsp; The values delimiter (e.g. ";" or ","). \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; array \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; public function get_array($filepath=FALSE, $column_headers=FALSE, $detect_line_endings=FALSE, $initial_line=FALSE, $delimiter=FALSE) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Raise memory limit (for big files) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ini_set(\'memory_limit\', \'20M\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // File path \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(! $filepath) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $filepath = $this-&gt;_get_filepath();&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If filepath provided, set it \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_filepath($filepath); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If file doesn\'t exists, return false \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(! file_exists($filepath)) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return FALSE;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // auto detect row endings \r\n &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;if(! $detect_line_endings) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $detect_line_endings = $this-&gt;_get_detect_line_endings();&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If detect_line_endings provided, set it \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_detect_line_endings($detect_line_endings); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If true, auto detect row endings \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($detect_line_endings) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ini_set("auto_detect_line_endings", TRUE); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Parse from this line on \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(! $initial_line) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $initial_line = $this-&gt;_get_initial_line();&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_initial_line($initial_line); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Delimiter \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(! $delimiter) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;{ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $delimiter = $this-&gt;_get_delimiter();&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If delimiter provided, set it \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_delimiter($delimiter); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Column headers \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(! $column_headers) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $column_headers = $this-&gt;_get_column_headers();&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If column headers provided, set them \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_column_headers($column_headers); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // Open the CSV for reading \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_get_handle(); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $row = 0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; while (($data = fgetcsv($this-&gt;handle, 0, $this-&gt;delimiter)) !== FALSE) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if ($data[0] != NULL) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($row &lt; $this-&gt;initial_line) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $row++; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; continue; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If first row, parse for column_headers \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($row == $this-&gt;initial_line) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // If column_headers already provided, use them \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($this-&gt;column_headers) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach ($this-&gt;column_headers as $key =&gt; $value) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $column_headers[$key] = trim($value); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else // Parse first row for column_headers to use \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach ($data as $key =&gt; $value) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $column_headers[$key] = trim($value); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $new_row = $row - $this-&gt;initial_line - 1; // needed so that the returned array starts at 0 instead of 1 \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach($column_headers as $key =&gt; $value) // assumes there are as many columns as their are title columns \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$result[$new_row][$value] = utf8_encode(trim($data[$key])); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; unset($data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $row++; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_close_csv(); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $result; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the "detect_line_endings" flag \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; detect_line_endings&nbsp;&nbsp;&nbsp; bool&nbsp; The flag bit \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _set_detect_line_endings($detect_line_endings) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;detect_line_endings = $detect_line_endings; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the "detect_line_endings" flag \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; public \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; detect_line_endings&nbsp;&nbsp;&nbsp; bool&nbsp; The flag bit \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; public function detect_line_endings($detect_line_endings) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_detect_line_endings($detect_line_endings); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Gets the "detect_line_endings" flag \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; bool \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _get_detect_line_endings() \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;detect_line_endings; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the initial line from which start to parse the file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; initial_line&nbsp;&nbsp;&nbsp; int&nbsp; Start parse from this line \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _set_initial_line($initial_line) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;initial_line = $initial_line; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the initial line from which start to parse the file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; public \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; initial_line&nbsp;&nbsp;&nbsp; int&nbsp; Start parse from this line \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; public function initial_line($initial_line) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_initial_line($initial_line); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Gets the initial line from which start to parse the file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; int \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _get_initial_line() \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;initial_line; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the values delimiter \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; initial_line&nbsp;&nbsp;&nbsp; string&nbsp; The values delimiter (eg. "," or ";") \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _set_delimiter($delimiter) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;delimiter = $delimiter; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the values delimiter \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; public \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; initial_line&nbsp;&nbsp;&nbsp; string&nbsp; The values delimiter (eg. "," or ";") \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; public function delimiter($delimiter) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_delimiter($delimiter); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Gets the values delimiter \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; string \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _get_delimiter() \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;delimiter; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the filepath of a given CSV file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; filepath&nbsp;&nbsp;&nbsp; string&nbsp; Location of the CSV file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _set_filepath($filepath) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;filepath = $filepath; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the filepath of a given CSV file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; public \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; filepath&nbsp;&nbsp;&nbsp; string&nbsp; Location of the CSV file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; public function filepath($filepath) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_filepath($filepath); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Gets the filepath of a given CSV file \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; string \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _get_filepath() \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;filepath; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the alternate column headers that will be used when creating the array \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; column_headers&nbsp; array&nbsp;&nbsp; Alternate column_headers that will be used instead of first line of CSV \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _set_column_headers($column_headers=\'\') \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(is_array($column_headers) &amp;&amp; !empty($column_headers)) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;column_headers = $column_headers; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Sets the alternate column headers that will be used when creating the array \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; public \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @param&nbsp;&nbsp; column_headers&nbsp; array&nbsp;&nbsp; Alternate column_headers that will be used instead of first line of CSV \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp; &nbsp;&nbsp;public function column_headers($column_headers) \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;_set_column_headers($column_headers); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Gets the alternate column headers that will be used when creating the array \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; mixed \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _get_column_headers() \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;column_headers; \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Opens the CSV file for parsing \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; void \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _get_handle() \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;handle = fopen($this-&gt;filepath, "r"); \r\n &nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp; * Closes the CSV file when complete \r\n &nbsp;&nbsp;&nbsp;&nbsp; * \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @access&nbsp; private \r\n &nbsp;&nbsp;&nbsp;&nbsp; * @return&nbsp; array \r\n &nbsp;&nbsp;&nbsp;&nbsp; / \r\n &nbsp;&nbsp;&nbsp; private function _close_csv() \r\n &nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;fclose($this-&gt;handle); \r\n &nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp; \r\n } \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step6: </strong>In a default view <strong>welcome_message.php</strong> , write the following code:</p>\r\n<pre><code>&lt;?php \r\n defined(\'BASEPATH\') OR exit(\'No direct script access allowed\'); \r\n ?&gt;&lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;CSV Import&lt;/title&gt; \r\n &nbsp; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div id="container"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form method="post" enctype="multipart/form-data"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="file" name="csv_file"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="submit" name="submit"&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step7: </strong>In a Controller <strong>Welcome.php, </strong>write the following code:</p>\r\n<pre><code>&lt;?php \r\n defined(\'BASEPATH\') OR exit(\'No direct script access allowed\'); \r\n &nbsp; \r\n class Welcome extends CI_Controller { \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Index Page for this controller. \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* Maps to the following URL \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome/index \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or - \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Since this controller is set as the default controller in \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* config/routes.php, it\'s displayed at http://example.com/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* So any other public methods not prefixed with an underscore will \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* map to /index.php/welcome/&lt;method_name&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* @see https://codeigniter.com/user_guide/general/urls.html \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;/ \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function index() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(isset($_POST[\'submit\'])) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $file_data = $this-&gt;csvimport-&gt;get_array($_FILES["csv_file"]["tmp_name"]); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $i=1;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; foreach($file_data as $row) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$data[\'name\']=$row[\'Name\']; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$data[\'email\']=$row[\'Email\']; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$data[\'mobile\']=$row[\'Mobile\']; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$this-&gt;crud-&gt;insert(\'leads\',$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'inserted successfully\'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'welcome_message\'); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n } \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step8: </strong>Create a file <strong>Crud.php </strong>in the models folder, write the following code:</p>\r\n<pre><code>&lt;?php \r\n &nbsp;class Crud extends CI_Model{ \r\n &nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;function insert($table,$data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result= $this-&gt;db-&gt;insert($table, $data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $result; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function update($table,$id,$data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\', $id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;db-&gt;update($table,$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function get_data($table) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;$data= $this-&gt;db-&gt;get($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $data-&gt;result();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function delete($table,$id) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\', $id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $this-&gt;db-&gt;delete($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function fetchdatabyid($id,$table) \r\n &nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;where(\'id\',$id); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data=$this-&gt;db-&gt;get($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $data-&gt;result(); \r\n &nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;} \r\n &nbsp; \r\n &nbsp;</code></pre>\r\n<strong><br />Note:</strong>\r\n<ul>\r\n<li>First,Your file should be in .csv format not in .xlsx format.</li>\r\n<li>Second, download CSV dummy file format from this link <a href="../../../media/uploads/blog-code-files/csvdummy.csv">Download CSV File</a> in this file you will see the column heading which you have to use in controller function, so change this heading according to your need and also change in controller function index where we have used column heading of CSV.</li>\r\n<li>Try to write your column heading without space in CSV file.</li>\r\n</ul>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/codeigniter-csv-upload.zip">Download Source Code</a></p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (125, 'how-to-upload-wordpress-website-on-cpanel', 'How to Upload WordPress Website on cPanel', '<p>In this blog we will learn how to upload a WordPress website on Cpanel, this is an important topic mostly developer develop their website on the local server easily but they don&rsquo;t know how to set up a WordPress website on a live server. Let&rsquo;s see the following steps:</p>\r\n<p><strong><br />Step1: &nbsp;</strong>Download WordPress from its official website you will get the zip file of WordPress, you can download from this link:</p>\r\n<p>https://wordpress.org/download/<br /><img src="../../media/admin/uploads/images/wordpress-download.png" alt="" width="938" height="709" /><br /><br /></p>\r\n<p><strong><br />Step2: </strong>Open your <strong>Cpanel </strong>of web hosting, In Cpanel open <strong>file manager<br /><img src="../../media/admin/uploads/images/file-manager.png" alt="" /><br /><br /><br /></strong></p>\r\n<p><strong><br />Step3: </strong>DoubleClick on <strong>public_html<br /><img src="../../media/admin/uploads/images/publi_html.png" alt="" width="682" height="232" /><br /><br /></strong></p>\r\n<p><strong><br />Step4: </strong>If you have single website hosting then click on the upload button and upload your zip file of WordPress which you have been downloaded, if you have multiple website hosting means you have hosted multiple websites on a single cpanel then you have to upload zip in your domain name directory.<br /><img src="../../media/admin/uploads/images/upload.png" alt="" width="1138" height="126" /><br /><br /></p>\r\n<p><strong><br />Step5: </strong>After completion of upload zip file extract it.<br /><br /></p>\r\n<p><strong><br />Step6: </strong>Go back to Cpanel main screen, create a database for a website, click on MySQL database wizard.<br /><img src="../../media/admin/uploads/images/mysql-datase-wizard.png" alt="" width="1188" height="474" /><br /><br /></p>\r\n<p><strong><br />Step7: &nbsp;</strong>After opening MySQL database wizard, a screen appears to create a database, enter database name whatever you want or you have used on a local server, save database name in your notepad file, it will use on wp-config.php file further.<br /><img src="../../media/admin/uploads/images/create-databse.png" alt="" /><br /><br /></p>\r\n<p><strong><br />Step8: </strong>Create Database user and password.<br /><img src="../../media/admin/uploads/images/create-database-user.png" alt="" width="1080" height="624" /></p>\r\n<p><strong><br />Step9: </strong>Check all privileges, click on the next step button. You will see the completed task.<br /><img src="../../media/admin/uploads/images/all-privilleges.png" alt="" width="1439" height="692" /></p>\r\n<p><strong><br />Step10.</strong>Open your domain name in the browser.</p>\r\n<p><strong><br />Step11: </strong>&nbsp;Follow the steps of WordPress installation, in the second or third step you have to fill&nbsp; your database name, a password that you have created in MySQL database wizard.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>&nbsp;</strong></p>', '1', 'blog'), (126, 'how-to-move-wordpress-website-from-local-server-to-cpanel', 'How to Move Wordpress Website from local Server to Cpanel', '<p>In this blog, we will learn how to move WordPress websites from a local server to Cpanel, most beginner developers create a website on a local server but are unable to upload it on cpanel. Let&rsquo;s see the following steps:</p>\r\n<p><strong><br />Step1: &nbsp;</strong>Go to xampp or wamp server where you have created a website select all files of the folder and compressed it.<br /><br /><strong>Step2:&nbsp;</strong>&nbsp;Open Phpmyadmin select the database of the website and export the database.</p>\r\n<p><strong>Step3: </strong>Open your <strong>Cpanel </strong>of web hosting, In Cpanel open <strong>file manager<br /><img src="../../media/admin/uploads/images/file-manager.png" alt="" /><br /><br /><br /></strong></p>\r\n<p><strong><br />Step4: </strong>DoubleClick on <strong>public_html<br /><img src="../../media/admin/uploads/images/publi_html.png" alt="" width="682" height="232" /><br /><br /></strong></p>\r\n<p><strong><br />Step5: </strong>If you have single website hosting then click on the upload button and upload your zip file of WordPress which you have been downloaded, if you have multiple website hosting means you have hosted multiple websites on a single cpanel then you have to upload zip in your domain name directory.<br /><img src="../../media/admin/uploads/images/upload.png" alt="" width="1138" height="126" /><br /><br /></p>\r\n<p><strong><br />Step6: </strong>After completion of upload zip file extract it.<br /><br /></p>\r\n<p><strong><br />Step7: </strong>Go back to Cpanel main screen, create a database for a website, click on MySQL database wizard.<br /><img src="../../media/admin/uploads/images/mysql-datase-wizard.png" alt="" width="1188" height="474" /><br /><br /></p>\r\n<p><strong><br />Step8: &nbsp;</strong>After opening MySQL database wizard, a screen appears to create a database, enter database name whatever you want or you have used on a local server, save database name in your notepad file, it will use on wp-config.php file further.<br /><img src="../../media/admin/uploads/images/create-databse.png" alt="" /><br /><br /></p>\r\n<p><strong><br />Step9: </strong>Create Database user and password.<br /><img src="../../media/admin/uploads/images/create-database-user.png" alt="" width="1080" height="624" /></p>\r\n<p><strong><br />Step10: </strong>Check all privileges, click on the next step button. You will see the completed task.<br /><img src="../../media/admin/uploads/images/all-privilleges.png" alt="" width="1439" height="692" /></p>\r\n<p><strong><br />Step11:&nbsp;</strong>Open the <strong>wp-config.php file</strong> of your website and add the database, user, and password which you have created from mysql_database_wizard.</p>\r\n<p><strong>Step12: </strong>&nbsp;Go to PHPMyAdmin select the database of the website click on the <strong>wp_options table,&nbsp;</strong>In this table change the following:<br /><br /><img src="../../media/admin/uploads/images/wp_options.png" alt="" width="716" height="106" /><br /><br /></p>\r\n<p>&nbsp;In this image-selected area put your live URL with http://domain-name.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>&nbsp;</strong></p>', '1', 'blog'), (127, 'prevent-contact-form-spam-without-captcha', 'Prevent Contact Form Spam Without CAPTCHA', '<p>Nowadays there is a common problem in website form is spam enquiries. Bots fill up the spam enquiries in our website via the form to get rid of this most developers use captcha or Recaptcha, But captcha or Recaptcha irritates user experience, so there is another solution is that we can solve spam enquiries by putting hidden input field in the form.</p>\r\n<p>In this blog I am showing the steps of the CodeIgniter framework, you can use this technique in any language such as php,.net etc. Let&rsquo;s see the following steps:</p>\r\n<p><strong>Step1: &nbsp;</strong>In View file adds the hidden input field and add a form name , script code like this:</p>\r\n<pre><code>&lt;html&gt; \r\n &nbsp;&lt;head&gt; \r\n &nbsp;&lt;title&gt;Contact Us&lt;/title&gt; \r\n &nbsp;&lt;/head&gt; \r\n &nbsp;&lt;body&gt; \r\n &nbsp; \r\n &nbsp;&lt;?php echo validation_errors(); ?&gt; \r\n &nbsp;&nbsp; \r\n &lt;form name="contact_form" method="post" id="validate-form" &gt; \r\n &nbsp;&lt;input type="hidden" name="_a2a2a_" value="23"&gt; \r\n &nbsp;&lt;h5&gt;Name&lt;/h5&gt; \r\n &nbsp;&lt;input type="text" name="name" value="" size="50" /&gt; \r\n &nbsp; \r\n &nbsp;&lt;h5&gt;Mobile&lt;/h5&gt; \r\n &nbsp;&lt;input type="text" name="mobile" value=""&nbsp; /&gt; \r\n &nbsp; \r\n &nbsp;&lt;h5&gt;Email Address&lt;/h5&gt; \r\n &nbsp;&lt;input type="text" name="email" value="" size="50" /&gt; \r\n &nbsp;&lt;h5&gt;Message&lt;/h5&gt; \r\n &nbsp;&lt;textarea name="message" &gt; &lt;/textarea&gt; \r\n &nbsp; \r\n &nbsp; \r\n &nbsp;&lt;div&gt;&lt;input type="submit" value="Submit" /&gt;&lt;/div&gt; \r\n &nbsp;&nbsp; \r\n &nbsp;&lt;/form&gt; \r\n &nbsp;&nbsp; \r\n &lt;script type="text/javascript"&gt; \r\n var formname = "contact_form"; \r\n var fieldname = "_a2a2a_"; \r\n var finalvalue = "4"; \r\n var soft_sell = "document."; \r\n &nbsp; \r\n soft_sell += formname; \r\n soft_sell += "." + fieldname + ".va"; \r\n eval(soft_sell + "lue=\'"+finalvalue+"\'"); \r\n &lt;/script&gt; \r\n &nbsp;&lt;/body&gt; \r\n &nbsp;&lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Step2: </strong>In the Controller file function validate the code like this:</p>\r\n<pre><code>if(isset($_POST[\'submit\']) and (isset($_POST["_a2a2a_"])) and $_POST["_a2a2a_"] == "4" ) \r\n { \r\n &nbsp; // write the code whatever you want , send email or insert data in database; \r\n } \r\n &nbsp; </code></pre>\r\n<p><br />This concept is called Honeypot Method, it is a very useful technique to get rid of spam enquiries.</p>', '1', 'blog'), (128, 'php-interview-questions-for-fresher', 'PHP Interview Questions for Fresher', '<p>In this blog we will see interview questions for PHP fresher developers, nowadays students got confused in an interview preparation I will give you some commonly asked questions in an interview that will be helpful for fresher developers. Some common questions every fresher developer should learn before the interview which is following:</p>\r\n<p><strong>Q1. &nbsp;How to send email in PHP?</strong></p>\r\n<p><strong>Q2. How to send attachments with mail in PHP?</strong></p>\r\n<p><strong>Q3. How to use PHPMailer in PHP?</strong></p>\r\n<p><strong>Q4. What are SESSION and the use of SESSION in PHP?</strong></p>\r\n<p><strong>Q5. Difference Between SESSION &amp; COOKIE in PHP?</strong></p>\r\n<p><strong>Q6. Types of Cookie in PHP?</strong></p>\r\n<p><strong>Q7. File upload in PHP with the database?</strong></p>\r\n<p><strong>Q8. Multiple File Upload in PHP with the database?</strong></p>\r\n<p><strong>Q9. Form Validation in PHP?</strong></p>\r\n<p><strong>Q10. CRUD in php &amp; MySQL?</strong></p>\r\n<p><strong>Q11. Joins in MySQL</strong></p>\r\n<p><strong>Q12. AJAX in PHP?</strong></p>\r\n<p><strong>Q13. Login &amp; Registration with proper authentication?</strong></p>\r\n<p><strong>Q14. Include functions in PHP and the difference between them?</strong></p>\r\n<p><strong>Q15.&nbsp; Little Bit Knowledge of OOP Concepts &amp; PDO in PHP?</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p>I hope these questions will help the fresher developers to crack the interview, soon we will update the interview questions with answers on our website.</p>\r\n<p><strong>&nbsp;</strong></p>', '1', 'blog'), (129, 'animation-effects-in-css', 'Animation Effects in css', '<p>In this blog, we will learn how to use animation effects on websites like animate text, animate buttons, etc. we mostly see on website animation effects of button and text animation on the image slider. Let&rsquo;s see the following steps to use animation:</p>\r\n<p><strong><br />Step1:&nbsp; </strong>Go to the following link :</p>\r\n<pre><code>https://animate.style/</code></pre>\r\n<p><strong><br />Step2: </strong>&nbsp;use the following CDN link in your &lt;head&gt; tag:</p>\r\n<pre><code>&lt;head&gt; \r\n &nbsp; &lt;link \r\n &nbsp;&nbsp;&nbsp; rel="stylesheet" \r\n &nbsp;&nbsp;&nbsp; href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" \r\n &nbsp; /&gt; \r\n &lt;/head&gt; </code></pre>\r\n<p><strong><br />Step3: </strong>&nbsp;use the class of animation which animation effect you want to use like:</p>\r\n<pre><code>&lt;h1 class="animate__animated animate__bounce"&gt;An animated element&lt;/h1&gt; \r\n &nbsp; </code></pre>\r\n<p><strong><br />Complete Code:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;title&gt;Animation Effect&lt;/title&gt; \r\n &nbsp;&lt;link \r\n &nbsp;&nbsp;&nbsp; rel="stylesheet" \r\n &nbsp;&nbsp;&nbsp; href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" \r\n &nbsp; /&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &lt;h1 class="animate__animated animate__bounce"&gt;Bounce Effect&lt;/h1&gt; \r\n &lt;h1 class="animate__animated animate__swing"&gt;Swing Effect&lt;/h1&gt; \r\n &lt;h1 class="animate__animated animate__wobble"&gt;Wobble Effect&lt;/h1&gt; \r\n &lt;h1 class="animate__animated animate__heartBeat"&gt;Heart Beat Effect&lt;/h1&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; </code></pre>\r\n<p><br />There are numbers of animation effects you can copy the class name of animation whatever effect you want to use on the website.</p>', '1', 'blog'), (130, 'pagination-in-codeigniter', 'Pagination in CodeIgniter', '<p>In this blog, we will learn about pagination in CodeIgniter. Pagination is used when you don&rsquo;t want to load your all data at once, if we load all data at once it slows down our page so the solution is pagination. You saw on the website in blogs list, product lists there is the number at the bottom like 1,2,3 next, etc.</p>\r\n<p>The purpose of pagination on a website is that to maintain website performance, it loads data in parts like to load only 5 data or 10 data not all at once.</p>\r\n<p>Lets&rsquo; see the following steps to use pagination in CodeIgniter:</p>\r\n<p><strong><br />Step1:&nbsp; </strong>Download CodeIgniter3 from the following link:</p>\r\n<pre><code> https://codeigniter.com/download </code></pre>\r\n<p><strong><br />Step2:</strong> Create a database named <strong>codeigniter_pagination</strong></p>\r\n<pre><code>CREATE DATABASE codeigniter_pagination;</code></pre>\r\n<p><strong><br />Step3: </strong>Create table named blogs:</p>\r\n<pre><code>CREATE TABLE `blogs` ( \r\n &nbsp; `id` int(11) NOT NULL, \r\n &nbsp; `addeddate` date DEFAULT NULL, \r\n &nbsp; `title` text COLLATE utf8mb4_unicode_ci DEFAULT NULL, \r\n &nbsp; `description` longtext COLLATE utf8mb4_unicode_ci DEFAULT NULL, \r\n &nbsp; `updatedat` date DEFAULT NULL \r\n ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; </code></pre>\r\n<p><strong><br />Step4: </strong>Setup your database connection in <strong>config&gt;database.php</strong></p>\r\n<pre><code>$db[\'default\'] = array( \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dsn\'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'hostname\' =&gt; \'localhost\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'username\' =&gt; \'root\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'password\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'database\' =&gt; \'codeigniter_pagination\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbdriver\' =&gt; \'mysqli\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbprefix\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'pconnect\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'db_debug\' =&gt; (ENVIRONMENT !== \'production\'), \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'cache_on\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'cachedir\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'char_set\' =&gt; \'utf8\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbcollat\' =&gt; \'utf8_general_ci\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'swap_pre\' =&gt; \'\', \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'encrypt\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'compress\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'stricton\' =&gt; FALSE, \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'failover\' =&gt; array(), \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'save_queries\' =&gt; TRUE \r\n ); </code></pre>\r\n<p><strong><br />Step5: </strong>Setup Base URL in <strong>config&gt;config.php file:</strong></p>\r\n<pre><code>$config[\'base_url\'] = \'http://localhost/codeigniter-pagination/\'; </code></pre>\r\n<p><strong><br />Step6: </strong>&nbsp;Setup Routes in <strong>config&gt;routes.php file:</strong></p>\r\n<pre><code>$route[\'blogs\'] = \'welcome/index\'; \r\n $route[\'blogs/(:num)\'] = \'welcome/index/$1\'; </code></pre>\r\n<p><strong><br />Step7: </strong>&nbsp;In Default Controller <strong>Welcome.php</strong>, write the following code:</p>\r\n<pre><code>public function index() \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library("pagination"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config = array();&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config["base_url"] = base_url().\'/blogs\'; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config["total_rows"] = count($this-&gt;crud-&gt;get_data(\'blogs\')); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config["per_page"] = 3; // per page how many data you want to show \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config["uri_segment"] = 2; // your url segment \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;pagination-&gt;initialize($config); \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $page = ($this-&gt;uri-&gt;segment(2)) ? $this-&gt;uri-&gt;segment(2) : 0; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data["links"] = $this-&gt;pagination-&gt;create_links();&nbsp; // this code create links of pagination like 1 2 3 ... last etc. \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'LISTDATA\']= $this-&gt;crud-&gt;selectdatainlimit($config["per_page"], $page,\'blogs\'); // this code fetch data in limit like in first time 3 data second time 4 to 6 data \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'listing\',$data); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </code></pre>\r\n<p><strong><br />Step8: </strong>Create a file in the model\'s folder named crud.php, write the following code:</p>\r\n<pre><code>&lt;?php \r\n class Crud extends CI_Model{ \r\n &nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function get_data($table) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $data= $this-&gt;db-&gt;get($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; return $data-&gt;result();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function selectdatainlimit($limit, $start,$table) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; { \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;order_by(\'addeddate\',"desc"); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $this-&gt;db-&gt;limit($limit, $start); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data= $this-&gt;db-&gt;get($table); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $data-&gt;result(); \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n }</code></pre>\r\n<p><strong><br />Step9: </strong>Create a <strong>listing.php file</strong> in the views folder, write the following code:</p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html lang="en"&gt; \r\n &lt;head&gt; \r\n &nbsp; &lt;title&gt;Blog Listing&lt;/title&gt; \r\n &nbsp; &lt;meta charset="utf-8"&gt; \r\n &nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; \r\n &nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt; \r\n &nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt; \r\n &nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt; \r\n &lt;/head&gt; \r\n &lt;body&gt; \r\n &nbsp; \r\n &lt;div class="container"&gt; \r\n &nbsp; &lt;h2&gt;Blogs List&lt;/h2&gt; \r\n &nbsp; \r\n &nbsp; &lt;table class="table table-bordered"&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;thead&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Date&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Title&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;th&gt;Description&lt;/th&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;/thead&gt; \r\n &nbsp;&nbsp;&nbsp; &lt;tbody&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php \r\n foreach($LISTDATA as $data) \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {?&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data-&gt;addeddate;?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data-&gt;title;?&gt;&lt;/td&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data-&gt;description;?&gt;&lt;/td&gt; \r\n &nbsp; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php&nbsp; } ?&gt; \r\n &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \r\n &nbsp;&nbsp;&nbsp; &lt;/tbody&gt; \r\n &nbsp; &lt;/table&gt; \r\n &nbsp; \r\n &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;&lt;?php echo $links; ?&gt;&lt;/p&gt; \r\n &nbsp; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &lt;/body&gt; \r\n &lt;/html&gt;</code></pre>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/codeigniter-pagination.zip">Download Source Code</a></p>', '1', 'blog'), (131, 'how-to-copy-one-column-data-to-another-in-mysql', 'How to Copy one column data to another in mysql', '<p>In this blog you will learn how to copy one column of data to another column in MySQL, sometimes there is a need to copy data in multiple rows, if we do this manually it will take a lot of time so in this, you will learn how we can do this by the query. Let&rsquo;s see the following:</p>\r\n<p><strong><br />Write this code in your PHPMyAdmin SQL or on MySQL:</strong></p>\r\n<pre><code>UPDATE&nbsp; `table name SET `column2`=`column1` where `id`=1</code></pre>\r\n<p><strong><br />Example: </strong></p>\r\n<pre><code>UPDATE `posts` SET heading=blogtitle;</code></pre>', '1', 'blog'), (132, 'how-to-copy-one-table-data-to-another-table-using-mysql-query', 'How to Copy one table data to another table using MySQL Query', '<p>In this blog you will learn how to copy one table data to another table in MySQL, sometimes there is a need to copy data from one table to another, if we do this manually it will take a lot of time so in this, you will learn how we can do this by the query. Let&rsquo;s see the following:</p>\r\n<p><strong>Write this code in your PHPMyAdmin SQL or on MySQL:</strong></p>\r\n<pre><code>INSERT INTO table2 &nbsp;SELECT FROM table1</code></pre>\r\n<p><strong>Example: </strong></p>\r\n<pre><code>INSERT INTO pages &nbsp;SELECT * FROM staticpages </code></pre>', '1', 'blog'), (133, 'laravel-not-working-on-live-server', 'Laravel not working on live server', '<p>In this blog you will learn how to remove public form laravel main url, on server by default laravel run on public folder that&rsquo;s why laravel not run on server directly by domain name. Let&rsquo;s see the following steps:</p>\r\n<p><strong>Step1: </strong>Move your all files from the&nbsp;<strong>public folder</strong> to the&nbsp;<strong>root directory</strong></p>\r\n<p><strong>Step2: </strong>open your <strong>index.php file</strong> do the following changes:</p>\r\n<pre><code>require __DIR__.\'/../vendor/autoload.php\';\r\n\r\n$app = require_once __DIR__.\'/../bootstrap/app.php\';\r\n\r\nto\r\n\r\nrequire __DIR__.\'/vendor/autoload.php\';\r\n\r\n$app = require_once __DIR__.\'/bootstrap/app.php\';\r\n</code></pre>', '1', 'blog'), (134, 'use-font-awesome-icon-as-content-in-css', 'Use Font Awesome Icon as Content in CSS', '<p>In this blog, you will learn how to use font awesome icon as content in pseudo-element property of CSS. Pseudo element is a very useful property of CSS, sometimes there is a need to add icons before elements then we use this property. Let&rsquo;s see the following steps how to use font awesome icon as content:</p>\r\n<p><strong>Step1: The first</strong>&nbsp;step is to include CSS file of font-awesome in &lt;head&gt; section:</p>\r\n<pre><code> &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/<br />ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt; <br /><br /></code></pre>\r\n<p><strong><br />Step2: </strong>Search icon whatever you want to use and copy the Unicode of this icon, you can see in this image:<br /><br /><img src="../../media/admin/uploads/images/font-awesome-unicode.png" alt="" width="1584" height="734" /></p>\r\n<p><strong><br /><br />Step3: </strong>Paste Unicode in your CSS code like this:</p>\r\n<pre><code>\r\n li::before \r\n { \r\n &nbsp;&nbsp; content:\'\\f00c\'; \r\n &nbsp;&nbsp; font-family:FontAwesome; \r\n } \r\n &nbsp;<br /> </code></pre>\r\n<p><strong><br />Complete Source Code:</strong></p>\r\n<pre>&lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/<br />libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt; \r\n &lt;style&gt; \r\n &nbsp; \r\n li \r\n { \r\n &nbsp;&nbsp;&nbsp; list-style:none; \r\n } \r\n &nbsp; \r\n li::before \r\n { \r\n &nbsp; content:\'\\f00c\'; \r\n &nbsp; font-family:FontAwesome; \r\n } \r\n &nbsp; \r\n &lt;/style&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &lt;ul&gt; \r\n &lt;li&gt;Web Design&lt;/li&gt; \r\n &lt;li&gt;Web Development&lt;/li&gt; \r\n &lt;li&gt;Graphic Design&lt;/li&gt; \r\n &lt;/ul&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; </pre>', '1', 'blog'), (135, 'learn-digital-marketing-course-to-advance-your-skill', 'Learn Digital Marketing Course to Advance your Skill', '<p>Digital marketing has become a necessary ingredient for business success. Without being in the digital realm, it would be difficult to achieve success in the growing competition.</p>\r\n<p>Local and global companies are utilizing strategies to attract customers and engage them in their products.</p>\r\n<p>The social activities of users have contributed to industry growth. People actively participate in various kinds of social discussions, content sharing, content consumption activities, interacting one on one with online people, and exchanging information. Growing social interaction among people from all around the world has opened windows for businesses.</p>\r\n<p>Companies are using this opportunity to interact with active members on social media sites such as <strong>Facebook</strong>, <strong>Twitter, Linked</strong> In, and <strong>Instagram</strong> to educate them and create awareness about problems.</p>\r\n<p>Close interaction with users allows companies to solve their problems with an expert solution. It saves users time as they find value in products sold by companies.</p>\r\n<p>Different types of strategies are used to promote brands using various techniques. Joining the <a href="../../../digital-marketing-institute"><strong>digital marketing institute</strong></a> in Delhi is the quickest way to upgrade your knowledge and become an expert in the field.</p>\r\n<h3><span style="font-size: x-large;">People searching for the Best digital marketing course will learn the following things through training</span></h3>\r\n<ol>\r\n<li>Personal training on strategy building.</li>\r\n<li>Learn how to create campaigns on social media sites.</li>\r\n<li>Understanding of analytical reports.</li>\r\n<li>Lead generation tactics.</li>\r\n<li>Comprehensive training material design for expedite learning.</li>\r\n<li>Knowing content strategy and how to use it to drive visitors.</li>\r\n<li>Community building strategy to encourage people to involve in a healthy discussion.</li>\r\n<li>Develop problem-solving skills.</li>\r\n</ol>\r\n<p>Training offered to participants goes through stages. Every session will focus on a particular subject. Users will be taught how to handle campaigns efficiently and generate desired results for execution.</p>\r\n<p>It is vital to have a balance between the allocated budget and planning. Both are interlinked, and if any one of them fails, it will affect the organization.</p>\r\n<p>So, the person handling the company\'s marketing has to take a wise decision that will lead the organization in the right direction.</p>\r\n<p>Various <strong>digital marketing training in Delhi</strong> is conducted for people who want to enter the field. People interested in learning skills should take part in training and start developing talent.</p>\r\n<p>Necessary training material and information will be provided to you when you apply for the course.</p>\r\n<p>The <strong>Best digital marketing institute</strong> would prefer having people who are enthusiastic about becoming a marketer. If you believe you can uplift companies\' business, then this is a course meant for you.</p>\r\n<p>The industry is consistently growing. Even if you have years of experience in the field, you can join a digital marketing course in Delhi to upgrade your skill.</p>\r\n<p>Every year new strategies are added to the field that becomes a trending story on the web. As you start learning these skills, you will become more powerful in what you do.</p>\r\n<p><strong>Conclusion</strong></p>\r\n<p>Want to achieve success in the field? Then <strong><a href="../../../digital-marketing-diploma-certificate-courses">digital marketing institute in Rohini</a> Delhi</strong> will offer you a tool to become a master in what you do. Get training course details and make your professional journey inspiring. Companies are looking for certified &amp; talented people to work in their organization. If you are not certified, you will miss the opportunity. So do not make your decision the reason for your failure. Get the certificate and become an expert in the field.</p>', '1', 'blog'), (136, 'backend-developer-course', 'Backend Developer', '<p><strong>Backend Developer Course</strong> at <strong>Web Development Institute</strong> is designed by professional trainers. This course available in both online and classroom mode. Being the unit of <strong>Next-G Classes</strong>, our main aim is to provide latest technology-based training. All topics covered in our course contents are well researched and its helps lots to become a backend developer. </p>\r\n<p>Our training process are straight forward and flexible. Students and working professionals can easily complete this course in both online and classroom mode in regular, Fastrack and crash mode. During the training you will get various project to work, which helps lots to gain practical and theoretical knowledge of particular language. After the training you will be capable to design website fully functional and also able to create dynamic website and web application using various languages taught by us. In between training you can do unlimited practice and clear all doubts on same day of class in the guidance of trainer.</p>', '1', 'course'), (137, 'how-to-upload-php-website-on-cpanel-with-database', 'How to Upload PHP website on cPanel with database', '<p>In this blog we will learn how to upload php website on cpanel with mysql database, this is an important topic mostly developer develop their website on local server easily but they don&rsquo;t know how to setup php website with database on live server. Let&rsquo;s see the following steps:</p>\r\n<p><strong>Step1:&nbsp; </strong>Compress your project in zip format.</p>\r\n<p><strong>Step2: </strong>Open your <strong>cpanel </strong>of web hosting, In cpanel open <strong>file manager<br /><br /><img src="../../media/admin/uploads/images/file-manager.png" alt="" width="1185" height="676" /><br /></strong></p>\r\n<p><strong><br />Step3: </strong>DoubleClick on <strong>public_html<br /><br /><img src="../../media/admin/uploads/images/publi_html.png" alt="" width="682" height="232" /><br /></strong></p>\r\n<p><strong><br />Step4: </strong>If you have single website hosting then click on upload button and upload your zip file of project which you have compressed, if you have multiple websites hosting means you have hosted multiple website on single cpanel then you have to upload zip in your domain name directory.<br /><br /><img src="../../media/admin/uploads/images/upload.png" alt="" width="1138" height="126" /></p>\r\n<p><strong><br />Step5: </strong>After completion of upload zip file extract it.</p>\r\n<p><strong><br />Step6: </strong>Go back to cpanel main screen, create database for website, click on <strong>mysql database wizard</strong>.<br /><br /><img src="../../media/admin/uploads/images/mysql-datase-wizard.png" alt="" width="1188" height="474" /></p>\r\n<p><strong><br />Step7:&nbsp; </strong>After opening mysql database wizard, screen appear to create database , enter database name whatever you want or you have used on local server, save database name in your notepad file , it will use on connection.php file further.<br /><br /><img src="../../media/admin/uploads/images/create-databse.png" alt="" width="1148" height="591" /></p>\r\n<p><strong><br />Step8: </strong>Create Database user and password.<br /><br /><img src="../../media/admin/uploads/images/create-database-user.png" alt="" width="1080" height="624" /></p>\r\n<p><strong><br />Step9: </strong>Check all privileges, click on next step button. You will see the completed task.<br /><br /><img src="../../media/admin/uploads/images/all-privilleges.png" alt="" width="1439" height="692" /></p>\r\n<p><strong><br />Step10.</strong>Open your<strong> connection.php</strong> file or file where you have mentioned database detail enter the user name , password, and database name which you have created through <strong>mysql database wizard.</strong><br /><br /><strong>Example:</strong></p>\r\n<pre><code>&lt;?php<br />$servername = "localhost";<br />$username = "root";<br />$password = "";<br />$db="phpclass4thnew";\r\n// Create connection<br />$conn = mysqli_connect($servername, $username, $password,$db);\r\n// Check connection<br />if (!$conn) {<br /> die("Connection failed: " . mysqli_connect_error());<br />}<br />//echo "Connected successfully";<br />?&gt;\r\n</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (138, 'how-to-upload-codeigniter-website-on-cpanel', 'How to Upload CodeIgniter Website on cPanel', '<p>In this blog we will learn how to upload the Codeigniter framework website on Cpanel with MySQL database, this is an important topic mostly developer develop their website on the local servers easily but they don&rsquo;t know how to set up a Codeigniter website with a database on a live server. Let&rsquo;s see the following steps:</p>\r\n<p><strong>Step1:&nbsp; </strong>Compress your project in zip format.</p>\r\n<p><strong>Step2: </strong>Open your <strong>Cpanel </strong>of web hosting, Cpanel open <strong>file manager<br /><br /><img src="../../media/admin/uploads/images/file-manager.png" alt="" width="1185" height="676" /><br /></strong></p>\r\n<p><strong><br />Step3: </strong>DoubleClick on <strong>public_html<br /><img src="../../media/admin/uploads/images/publi_html.png" alt="" width="682" height="232" /><br /></strong></p>\r\n<p><strong>Step4: </strong>If you have single website hosting then click on the upload button and upload your zip file of the project which you have compressed, if you have multiple websites hosting means you have hosted multiple websites on a single then you have to upload zip in your domain name directory.<br /><img src="../../media/admin/uploads/images/upload.png" alt="" width="1138" height="126" /></p>\r\n<p><strong>Step5: </strong>After completion of upload zip file extract it.</p>\r\n<p><strong>Step6: </strong>Go back to Cpanel main screen, create a database for a website, click on <strong>MySQL database wizard</strong>.<br /><img src="../../media/admin/uploads/images/mysql-datase-wizard.png" alt="" width="1188" height="474" /></p>\r\n<p><strong>Step7:&nbsp; </strong>After opening MySQL database wizard, a screen appears to create a database, enter database name whatever you want or you have used on a local server, save database name in your notepad file, it will use on connection.php file further.<br /><img src="../../media/admin/uploads/images/create-databse.png" alt="" width="1148" height="591" /></p>\r\n<p><strong>Step8: </strong>Create Database user and password.<br /><img src="../../media/admin/uploads/images/create-database-user.png" alt="" width="1080" height="624" /></p>\r\n<p><strong>Step9: </strong>Check all privileges, click on the next step button. You will see the completed task.<br /><img src="../../media/admin/uploads/images/all-privilleges.png" alt="" width="1439" height="692" /></p>\r\n<p><strong>Step10. </strong>Open <strong>config&gt;config.php</strong> file and change the base URL.</p>\r\n<p><strong>Step11: </strong>Open <strong>config&gt;database.php</strong> file and change the username, database, password.</p>\r\n<p><strong>&nbsp;</strong></p>', '1', 'blog'), (139, 'comment-system-using-php-mysql', 'Comment System Using PHP & MySQL', '<p>In this blog, we will learn how to make Comment&nbsp; System in PHP &amp; MySQL. On the Blog page we mostly see a comment system on the website in this blog we will create a nested comment and reply system by using simple steps:</p>\r\n<p><strong>Step1:</strong> Create Database <strong>comment_system_php</strong></p>\r\n<pre><code>CREATE DATABASE comment_system_php;</code></pre>\r\n&nbsp;\r\n<p><strong>Step2: </strong>Create table<strong> blogs</strong></p>\r\n<pre><code>CREATE TABLE `blogs` (\r\n&nbsp; `id` int(11) NOT NULL,\r\n&nbsp; `addeddate` date DEFAULT NULL,\r\n&nbsp; `title` text COLLATE utf8mb4_unicode_ci DEFAULT NULL,\r\n&nbsp; `description` longtext COLLATE utf8mb4_unicode_ci DEFAULT NULL\r\n) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Step3: </strong>Create table<strong> comments</strong></p>\r\n<pre><code>CREATE TABLE `comments` (\r\n&nbsp; `id` int(11) NOT NULL,\r\n&nbsp; `blog_id` int(11) DEFAULT NULL,\r\n&nbsp; `comment_id` int(11) DEFAULT NULL,\r\n&nbsp;&nbsp; `name` varchar(100) COLLATE utf8mb4_unicode_ci DEFAULT NULL,\r\n&nbsp; `description` longtext COLLATE utf8mb4_unicode_ci DEFAULT NULL,\r\n) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;\r\n\r\n</code></pre>\r\n<p><strong><br />Step4: </strong>Create<strong> connection.php</strong> file</p>\r\n<pre><code>&lt;?php\r\n$servername = "localhost";\r\n$username = "root";\r\n$password="";\r\n$db = "comment_system_php";\r\n&nbsp;\r\n// Create connection\r\n$conn = mysqli_connect($servername, $username, $password,$db);\r\n&nbsp;\r\n// Check connection\r\nif (!$conn) {\r\n&nbsp; die("Connection failed: " . mysqli_connect_error());\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Step5: </strong>Create <strong>index.php</strong> file</p>\r\n<pre><code>&lt;?php\r\ninclude(\'connection.php\');\r\n?&gt;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Blogs&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&nbsp; &lt;h2&gt;All Blogs&lt;/h2&gt;\r\n&nbsp; &lt;p&gt;To Comment on blog please click on view detail link.&lt;/p&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp; &lt;table class="table table-striped"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;thead&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Sr.No&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Title&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Description&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;View&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/thead&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;tbody&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sql="select * from blogs";\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result=mysqli_query($conn,$sql);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $i=1;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; while($data=mysqli_fetch_array($result))\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {?&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $i;?&gt;&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'title\'];?&gt;&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $data[\'description\'];?&gt;&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;a href="blog-detail.php?blogid=&lt;?php echo $data[\'id\'];?&gt;"&gt;view detail&lt;/a&gt;&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php $i++; } ?&gt;&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;\r\n&nbsp; &lt;/table&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Step6: </strong>Create <strong>blog-detail.php</strong> file</p>\r\n<pre><code>&lt;?php\r\ninclude(\'connection.php\');\r\n&nbsp;\r\n&nbsp;\r\nfunction showComments()\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $comment="";\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $comment.=commenttree();\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo $comment;\r\n}\r\n&nbsp;\r\nfunction commenttree($parentid=NULL)\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $comments=\'\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sql=\'\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(is_null($parentid))\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sql="select * from comments where comment_id=\'0\'";\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sql="select * from comments where comment_id=$parentid";\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result=mysqli_query($GLOBALS[\'conn\'],$sql);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; while($data=mysqli_fetch_array($result))\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // echo $data[\'comment_id\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // echo \'&lt;pre&gt;\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // print_r($data);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($data[\'comment_id\']==\'0\')\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$comments.=\'\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;div class="media border comment0 p-3"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="media-body"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h4&gt;\'.$data[\'name\'].\'&lt;small&gt;&lt;i&gt; Posted on February 19, 2016&lt;/i&gt;&lt;/small&gt;&lt;/h4&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\'.$data[\'description\'].\'\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;p&gt;&lt;a href="#postcomment" class="btn btn-primary mt-2 float-right" onclick="reply(\'.$data[\'id\'].\')"&gt;reply&lt;/a&gt;&lt;/p&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $comments.=\'&lt;div class="media border reply p-3"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="media-body"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h4&gt;\'.$data[\'name\'].\'&lt;small&gt;&lt;i&gt; Posted on February 19, 2016&lt;/i&gt;&lt;/small&gt;&lt;/h4&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\'.$data[\'description\'].\'\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;p&gt;&lt;a href="#postcomment" class="btn btn-primary mt-2 float-right" onclick="reply(\'.$data[\'id\'].\')"&gt;reply&lt;/a&gt;&lt;/p&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; \';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $comments.=\'&lt;div class="media&nbsp; parent p-3"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="media-body"&gt;\'.commenttree($data[\'id\']).\'&lt;/div&gt;&lt;/div&gt;\';\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; return $comments;\r\n&nbsp;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n$blogid=$_GET[\'blogid\'];\r\n&nbsp;\r\nif(isset($_POST[\'submit\']))\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(empty($_POST[\'commentid\']))\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $commentid=\'0\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $commentid=$_POST[\'commentid\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $sql="insert into comments (blog_id,comment_id,name,description) values (\'".$blogid."\',\'".$commentid."\',\'".$_POST[\'name\']."\',\'".$_POST[\'description\']."\')";\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $result=mysqli_query($conn,$sql);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if($result)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo \'&lt;script&gt;alert("comment added successfully, we will published after verify your comment.")&lt;/script&gt;\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo "Error: " . $sql . "&lt;br&gt;" . mysqli_error($conn);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Blog Detail&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&lt;div class="col-lg-12"&gt;\r\n&lt;?php\r\n$sql="select * from blogs where id=$blogid";\r\n$result=mysqli_query($conn,$sql);\r\n$data=mysqli_fetch_array($result);\r\n?&gt;\r\n&nbsp;\r\n&lt;h2&gt;&lt;?php echo $data[\'title\'];?&gt;&lt;/h2&gt;\r\n&lt;p&gt;&lt;?php echo $data[\'description\'];?&gt;&lt;/p&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;div class="col-lg-12"&gt;\r\n&lt;h4&gt;Comments&lt;/h4&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php showComments(); ?&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;div class="col-lg-12" id="postcomment"&gt;\r\n&lt;h4 class="mt-4"&gt;Post Your Comment&lt;/h4&gt;\r\n&nbsp;\r\n&lt;form method="post"&gt;\r\n&lt;input type="hidden" name="commentid" id="commentid"&gt;\r\n&lt;label&gt;Name&lt;/label&gt;\r\n&lt;input type="text" class="form-control" name="name"&gt;\r\n&nbsp;\r\n&lt;label&gt;Comment&lt;/label&gt;\r\n&lt;textarea class="form-control" name="description"&gt;&lt;/textarea&gt;\r\n&nbsp;\r\n&lt;input type="submit" name="submit" class="btn btn-primary mt-2"&gt;\r\n&nbsp;\r\n&lt;/form&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\nfunction reply(commentid)\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //alert(commentid);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("#commentid").val(commentid);\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;</code></pre>\r\n<p><br />To create this comment system I have used the recursion concept.</p>\r\n<p><strong>Recursion:</strong> Recursion is a concept that allowing a function to call itself from within its own code.</p>\r\n&nbsp;\r\n<p><strong>Note: </strong>In this blog, we have inserted blogs in the table directly, there is not any add blog system, you can customize this code according to your need.</p>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/comment-system-using-php-mysql.zip">Download Source Code</a></p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (140, 'google-login-in-codeigniter', 'Google LogIn in CodeIgniter', '<p>In this blog we will learn how to use Google login on website, many websites uses google login, google login is best for user experience, sometimes users don&rsquo;t want to create a profile on the website then he can log in via google.</p>\r\n<p>Let&rsquo;s see the following steps to use google login :</p>\r\n<ol>\r\n<li>Create Goolge API Credentials</li>\r\n<li>Download Google API library</li>\r\n<li>Set Base URL of the project and autoload files</li>\r\n<li>Database Connection Settings</li>\r\n<li>Create Controller for Google Login</li>\r\n<li>Create Models for Google login</li>\r\n<li>Create View for Google Login</li>\r\n</ol>&nbsp;\r\n<h3><strong>Create Google API Credentials</strong></h3>\r\n<p>To use Google Login, the first step is to create Google API, Let&rsquo;s see the following steps:</p>\r\n<p><strong>Step1: </strong>&nbsp;Go to the following URL: &nbsp;<a href="https://console.developers.google.com/">https://console.developers.google.com/<br /></a></p>\r\n<p><strong>Step2: &nbsp;</strong>Once you have opened the above link click on create a project<br /><br /><img src="../../media/admin/uploads/images/google-login-create-project.png" alt="" width="1599" height="691" /></p>\r\n<p><strong><br />Step3: &nbsp;</strong>After clicking on the new project following screen appear, enter your project name and click on create button.<br /><br /><img src="../../media/admin/uploads/images/google-login-new-project.png" alt="" width="595" height="401" /></p>\r\n<p><strong><br />Step4: &nbsp;</strong>Click on the&nbsp;<strong>OAuth consent screen</strong> link, you will see the following screen; select <strong>externa</strong>l and click on create button.<br /><br /><img src="../../media/admin/uploads/images/google-login-oauth-consent-screen.png" alt="" width="1151" height="539" /></p>\r\n<p><strong><br />Step5: </strong>&nbsp;Once you click on create button, you will redirect to a new page, on this page you have to enter the following details:</p>\r\n<pre><code>App Name\r\nUser support email\r\nApp domain\r\nEmail addresses<br /><br /><img src="../../media/admin/uploads/images/google-login-app-name.png" alt="" width="1178" height="678" /><br />\r\n</code></pre>\r\n<p>After fill-up, the following detail clicks on the save and continue button.</p>\r\n<p><strong><br />Step6: &nbsp;</strong>After completing page creation, click on credentials, on the credentials page click on create credentials following dropdown will be shown, select the OAuth client ID.<br /><br /><img src="../../media/admin/uploads/images/google-login-credentials.png" alt="" width="930" height="406" /></p>\r\n<p><strong><br />Step7: </strong>Ater selecting OAuth client ID following screen appears, on this select web application from the dropdown.<br /><br /><img src="../../media/admin/uploads/images/google-login-oauth-clientid.png" alt="" width="583" height="305" /></p>\r\n<p><strong><br />Step8: </strong>After the selection of the web application from the dropdown following fields will appear, you have to enter your application name and in authorized redirect URI; you have to enter your domain URL and click on create button.<br /><br /><img src="../../media/admin/uploads/images/google-login-oauth-after-web-application-selection.png" alt="" width="1099" height="694" /></p>\r\n<p><strong><br />Step9: </strong>After completing the step8 following screen appear; copy your <strong>client id</strong> and&nbsp;<strong>client secret</strong> and paste it into your google_login controller file. &nbsp;<br /><br /><img src="../../media/admin/uploads/images/google-login-oauth-credentials.png" alt="" width="791" height="555" /><br /><br /></p>\r\n<h3><strong><br />Download Google API library<br /><br /></strong></h3>\r\n<p>After creating Google API Credentials, now we have to download the Google API library by using composer, run the following command in your cmd change directory as per your requirement.</p>\r\n<pre><code>composer require google/apiclient:"^2.0"</code></pre>\r\n&nbsp;\r\n<h3><strong><br />Set Base url of project and autoload files:<br /><br /></strong></h3>\r\n<p>Set base url in application&gt;config.php file</p>\r\n<pre><code>$config[\'base_url\'] = \'http://localhost/googlelogin/\';</code></pre>\r\n<p><strong>Autoload files:</strong></p>\r\n<pre><code>$autoload[\'libraries\'] = array(\'database\', \'email\', \'session\');</code>\r\n&nbsp;</pre>\r\n<h3><strong><br />Database Connection Settings:<br /><br /></strong></h3>\r\n<p>Set database connection setting in your database.php file</p>\r\n<pre><code>$db[\'default\'] = array(\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dsn\'&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'hostname\' =&gt; \'localhost\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'username\' =&gt; \'root\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'password\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'database\' =&gt; \'googlelogin\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbdriver\' =&gt; \'mysqli\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbprefix\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'pconnect\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'db_debug\' =&gt; (ENVIRONMENT !== \'production\'),\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'cache_on\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'cachedir\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'char_set\' =&gt; \'utf8\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'dbcollat\' =&gt; \'utf8_general_ci\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'swap_pre\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'encrypt\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'compress\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'stricton\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'failover\' =&gt; array(),\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'save_queries\' =&gt; TRUE\r\n);\r\n&nbsp;\r\n&nbsp;</code></pre>\r\n<h3><strong><br />Create Controller Google_login.php:<br /><br /></strong></h3>\r\n<p>Create Controller Google_login.php and paste the following code:</p>\r\n<pre><code>&lt;?php\r\ndefined(\'BASEPATH\') OR exit(\'No direct script access allowed\');\r\n&nbsp;\r\nclass Google_login extends CI_Controller {\r\n&nbsp;\r\n&nbsp;public function __construct()\r\n&nbsp;{\r\n&nbsp; parent::__construct();\r\n&nbsp; $this-&gt;load-&gt;model(\'google_login_model\');\r\n&nbsp;}\r\n&nbsp;\r\n&nbsp;function login()\r\n&nbsp;{\r\n&nbsp; include_once APPPATH . "libraries/vendor/autoload.php";\r\n&nbsp;\r\n&nbsp; $google_client = new Google_Client();\r\n&nbsp;\r\n&nbsp; $google_client-&gt;setClientId(\'&rsquo;); //Define your ClientID\r\n&nbsp;\r\n&nbsp; $google_client-&gt;setClientSecret(&lsquo;\'); //Define your Client Secret Key\r\n&nbsp;\r\n&nbsp; $google_client-&gt;setRedirectUri(\'\'); //Define your Redirect Uri\r\n&nbsp;\r\n&nbsp; $google_client-&gt;addScope(\'email\');\r\n&nbsp;\r\n&nbsp; $google_client-&gt;addScope(\'profile\');\r\n&nbsp;\r\n&nbsp; if(isset($_GET["code"]))\r\n&nbsp; {\r\n&nbsp;&nbsp; $token = $google_client-&gt;fetchAccessTokenWithAuthCode($_GET["code"]);\r\n&nbsp;\r\n&nbsp;&nbsp; if(!isset($token["error"]))\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp; $google_client-&gt;setAccessToken($token[\'access_token\']);\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; $this-&gt;session-&gt;set_userdata(\'access_token\', $token[\'access_token\']);\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; $google_service = new Google_Service_Oauth2($google_client);\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; $data = $google_service-&gt;userinfo-&gt;get();\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; $current_datetime = date(\'Y-m-d H:i:s\');\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; if($this-&gt;google_login_model-&gt;Is_already_register($data[\'id\']))\r\n&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp; //update data\r\n&nbsp;&nbsp;&nbsp;&nbsp; $user_data = array(\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'first_name\' =&gt; $data[\'given_name\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'last_name\'&nbsp; =&gt; $data[\'family_name\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'email_address\' =&gt; $data[\'email\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'profile_picture\'=&gt; $data[\'picture\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'updated_at\' =&gt; $current_datetime\r\n&nbsp;&nbsp;&nbsp;&nbsp; );\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;google_login_model-&gt;Update_user_data($user_data, $data[\'id\']);\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp; else\r\n&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp; //insert data\r\n&nbsp;&nbsp;&nbsp;&nbsp; $user_data = array(\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'login_oauth_uid\' =&gt; $data[\'id\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'first_name\'&nbsp; =&gt; $data[\'given_name\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'last_name\'&nbsp;&nbsp; =&gt; $data[\'family_name\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'email_address\'&nbsp; =&gt; $data[\'email\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'profile_picture\' =&gt; $data[\'picture\'],\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; \'created_at\'&nbsp; =&gt; $current_datetime\r\n&nbsp;&nbsp;&nbsp;&nbsp; );\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;google_login_model-&gt;Insert_user_data($user_data);\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp; $this-&gt;session-&gt;set_userdata(\'user_data\', $user_data);\r\n&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp; $login_button = \'\';\r\n&nbsp; if(!$this-&gt;session-&gt;userdata(\'access_token\'))\r\n&nbsp; {\r\n&nbsp;&nbsp; $login_button = \'&lt;a href="\'.$google_client-&gt;createAuthUrl().\'"&gt;&lt;img src="\'.base_url().\'asset/sign-in-with-google.png" /&gt;&lt;/a&gt;\';\r\n&nbsp;&nbsp; $data[\'login_button\'] = $login_button;\r\n&nbsp;&nbsp; $this-&gt;load-&gt;view(\'google_login\', $data);\r\n&nbsp; }\r\n&nbsp; else\r\n&nbsp; {\r\n&nbsp;&nbsp; $this-&gt;load-&gt;view(\'google_login\', $data);\r\n&nbsp; }\r\n&nbsp;}\r\n&nbsp;\r\n&nbsp;function logout()\r\n&nbsp;{\r\n&nbsp; $this-&gt;session-&gt;unset_userdata(\'access_token\');\r\n&nbsp;\r\n&nbsp; $this-&gt;session-&gt;unset_userdata(\'user_data\');\r\n&nbsp;\r\n&nbsp; redirect(\'google_login/login\');\r\n&nbsp;}\r\n&nbsp;\r\n}\r\n?&gt;\r\n&nbsp;</code></pre>\r\n<h3><strong><br />Create Model file Google_login_model.php<br /><br /></strong></h3>\r\n<p>Create model file Google_login_model.php &nbsp;in models folder &nbsp;and paste the following code:</p>\r\n<pre><code>&lt;?php\r\nclass Google_login_model extends CI_Model\r\n{\r\n&nbsp;function Is_already_register($id)\r\n&nbsp;{\r\n&nbsp; $this-&gt;db-&gt;where(\'login_oauth_uid\', $id);\r\n&nbsp; $query = $this-&gt;db-&gt;get(\'chat_user\');\r\n&nbsp; if($query-&gt;num_rows() &gt; 0)\r\n&nbsp; {\r\n&nbsp;&nbsp; return true;\r\n&nbsp; }\r\n&nbsp; else\r\n&nbsp; {\r\n&nbsp;&nbsp; return false;\r\n&nbsp; }\r\n&nbsp;}\r\n&nbsp;\r\n&nbsp;function Update_user_data($data, $id)\r\n&nbsp;{\r\n&nbsp; $this-&gt;db-&gt;where(\'login_oauth_uid\', $id);\r\n&nbsp; $this-&gt;db-&gt;update(\'chat_user\', $data);\r\n&nbsp;}\r\n&nbsp;\r\n&nbsp;function Insert_user_data($data)\r\n&nbsp;{\r\n&nbsp; $this-&gt;db-&gt;insert(\'chat_user\', $data);\r\n&nbsp;}\r\n}\r\n?&gt;</code></pre>\r\n<h3><strong><br />Create a view file google_login.php<br /><br /> </strong></h3>\r\n<p>Create a file google_login.php in views folder and paste the following code:</p>\r\n<pre><code>&lt;html&gt;\r\n&nbsp;&lt;head&gt;\r\n&nbsp; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;\r\n&nbsp; &lt;title&gt;Login with Google in Codeigniter&lt;/title&gt;\r\n&nbsp; &lt;meta content=\'width=device-width, initial-scale=1, maximum-scale=1\' name=\'viewport\'/&gt;\r\n&nbsp; &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" /&gt;\r\n&nbsp;\r\n&nbsp;&lt;/head&gt;\r\n&nbsp;&lt;body&gt;\r\n&nbsp; &lt;div class="container"&gt;\r\n&nbsp;&nbsp; &lt;br /&gt;\r\n&nbsp;&nbsp; &lt;h2 align="center"&gt;Login using Google Account with Codeigniter&lt;/h2&gt;\r\n&nbsp;&nbsp; &lt;br /&gt;\r\n&nbsp;&nbsp; &lt;div class="panel panel-default"&gt;\r\n&nbsp;&nbsp; &lt;?php\r\n&nbsp;&nbsp; if(!isset($login_button))\r\n&nbsp;&nbsp; {\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; $user_data = $this-&gt;session-&gt;userdata(\'user_data\');\r\n&nbsp;&nbsp;&nbsp; echo \'&lt;div class="panel-heading"&gt;Welcome User&lt;/div&gt;&lt;div class="panel-body"&gt;\';\r\n&nbsp;&nbsp;&nbsp; echo \'&lt;img src="\'.$user_data[\'profile_picture\'].\'" class="img-responsive img-circle img-thumbnail" /&gt;\';\r\n&nbsp;&nbsp;&nbsp; echo \'&lt;h3&gt;&lt;b&gt;Name : &lt;/b&gt;\'.$user_data["first_name"].\' \'.$user_data[\'last_name\']. \'&lt;/h3&gt;\';\r\n&nbsp;&nbsp;&nbsp; echo \'&lt;h3&gt;&lt;b&gt;Email :&lt;/b&gt; \'.$user_data[\'email_address\'].\'&lt;/h3&gt;\';\r\n&nbsp;&nbsp;&nbsp; echo \'&lt;h3&gt;&lt;a href="\'.base_url().\'google_login/logout"&gt;Logout&lt;/h3&gt;&lt;/div&gt;\';\r\n&nbsp;&nbsp; }\r\n&nbsp;&nbsp; else\r\n&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp; echo \'&lt;div align="center"&gt;\'.$login_button . \'&lt;/div&gt;\';\r\n&nbsp;&nbsp; }\r\n&nbsp;&nbsp; ?&gt;\r\n&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp; &lt;/div&gt;\r\n&nbsp;&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../../media/uploads/blog-code-files/google-login-using-codeigniter.zip">Download Source Code</a></p>', '1', 'blog'), (141, 'how-to-use-media-queries-for-responsive-design', 'How to Use Media Queries for Responsive Design?', '<p>Media Query plays an important role to make a website responsive or device friendly. By using media query we can easily style our website according to device size. &nbsp;Media Query has some breakpoints by using these breakpoints we can manage our website on a particular device.</p>\r\n<h3><strong>Mobile Vertical View Breakpoints:</strong></h3>\r\n<p><strong>1. 320px</strong>: 320px is used for a mobile device that is less than 5 inches.</p>\r\n<p><strong>Example: </strong>Sony Xperia, iPhone SE, etc.<strong><br /></strong></p>\r\n<p><strong>2</strong>. <strong>360px: </strong>360px is used for a mobile device that is between 5 inch to 6 inch.</p>\r\n<p><strong>Example: </strong>Galaxy s5<strong><br /></strong></p>\r\n<p><strong>3. 414px: </strong>414px is used for a mobile device that is greater than 6 inches.</p>\r\n<p><strong>Example: </strong>iphone11,iphone 11 pro etc.</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<h3><strong>Mobile Horizontal View Breakpoints</strong></h3>\r\n<p><strong>1. 568px: </strong>568px is horizontal view of <strong>320px device</strong> which is less than 5 inch.</p>\r\n<p><strong>2. 640px: </strong>640PX is horizontal view of <strong>360px device</strong> which is between 5 inch to 6 inch.</p>\r\n<p><strong>3. 736px: </strong>736px is horizontal view of <strong>414px device</strong> which is greater than 6 inch.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>Tablet/Ipad Breakpoints</strong></h3>\r\n<p><strong>1. 768px to 1024px: </strong>This size is used for vertical view of tablet, ipad.</p>\r\n<p><strong>2.</strong> <strong>1024px to 1366px: </strong>This size is used for ipad pro device.</p>\r\n<p><strong>Syntax to Write Media Query:</strong></p>\r\n<pre><code>@media &lt;media_type&gt; connector ( &lt;query&gt; )</code></pre>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>@media only screen and (max-width:360px)\r\n{\r\n&nbsp; /* write css rules here /\r\n}</code></pre>\r\n<p>This media query will work only on-screen, which is less than 360px size.</p>\r\n<p><strong>There are different media types which are following:</strong></p>\r\n<ul>\r\n<li>all</li>\r\n<li>print</li>\r\n<li>screen</li>\r\n<li>speech</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>@media print\r\n{\r\n&nbsp; h1\r\n{\r\nfont-size:18px;\r\n}\r\n}</code></pre>\r\n<p>This media query will make h1 font-size 18px when the pages need to be printed.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Important Points:</strong></p>\r\n<p><strong>1. </strong>Always use media query in descending order, which means always write small size at the end.</p>\r\n<p><strong>2.</strong> Always write media query at the end of desktop styling CSS, if we write in middle then it may disturb our desktop design, so always try to write at the end of desktop CSS.</p>', '1', 'blog'), (142, 'what-are-css-variables-explain-with-example', 'What are CSS Variables? Explain with Example', '<p>Variable is used in programming languages such as C, C++, JS, Python, etc. to hold values that have to be used in the entire program. In a website to use variables, we have to use CSS Variable concept.</p>\r\n<p>CSS Variable introduced in CSS3 version, it is an advanced property of CSS which help us to manage our repeated code easily.</p>\r\n<p>CSS Variable is used to keep the common property of website which is used in multiple pages of the website such as background color, font style, font size, etc.</p>\r\n<p>If we keep common CSS property in a variable we can manage easily by changing root value only, there is no need to change property in different places.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>:root\r\n{\r\n&nbsp; --css-variable-name:css-property-value;\r\n}\r\n&nbsp;\r\n</code></pre>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;\r\n&lt;style&gt;\r\n:root\r\n{\r\n&nbsp;&nbsp; --grey-color:#eee;\r\n&nbsp;&nbsp; --red-color:#f00;\r\n}\r\n&nbsp;\r\n.main\r\n{\r\n&nbsp; width:100%;\r\n&nbsp; height:1000px;\r\n&nbsp; background:var(--grey-color);\r\n}\r\n&nbsp;\r\n.box\r\n{\r\n&nbsp; width:400px;\r\n&nbsp; height:400px;\r\n&nbsp; background:var(--red-color);\r\n}\r\n&nbsp;\r\n.box h1\r\n{\r\n&nbsp; color:var(--grey-color);\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="main"&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;h1&gt;CSS Variable&lt;/h1&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;</code></pre>\r\n<p>In this example, --grey-color variable is used in .main class for background color and in .box h1 for h1 font color.</p>\r\n<p>CSS variable is helpful if you want to reuse your website template or website component because in CSS Variable we can change CSS property by just changing root value.</p>', '1', 'blog'), (143, 'what-is-css-flexbox-explain-with-suitable-example', 'What is CSS Flexbox? Explain with suitable example', '<p>In CSS2 we use float property to align our boxes, we can align our boxes left or right, we can&rsquo;t align our boxes vertically and center. This is a limitation in float property, In CSS3 Flexbox Introduced; by using flex we can align our boxes horizontally or vertically very easily.</p>\r\n<p>CSS3 Flexbox is written in parent element to align child element, it does not use like float, it is a little bit different than other CSS properties.</p>\r\n<p>CSS3 Flexbox has two major properties by using these we can align our boxes:</p>\r\n<ul>\r\n<li><strong>justify-content: </strong>justify-content is used to align boxes or any HTML element horizontally (x-axis).</li>\r\n</ul>\r\n<strong>&nbsp;<br /></strong> justify-content has some properties to align elements horizontally:<br /><br /><ol>\r\n<li><strong>flex-start: </strong>left aligns element.</li>\r\n<li><strong>flex-end: </strong>right aligns element.</li>\r\n<li><strong>center:</strong> center aligns element.</li>\r\n<li><strong>space-between:</strong> left aligns element with proper space between boxes except for the first box and last box.</li>\r\n<li><strong>space-around: </strong>left aligns element with equal space right and left between boxes.</li>\r\n</ol><strong>&nbsp;</strong> <strong>&nbsp;</strong>\r\n<ul>\r\n<li><strong>align-items: </strong>align-items is used to align boxes or elements vertically (y-axis).</li>\r\n</ul>\r\n<br />align-items has some properties to align elements vertically:<br /><br /><ol>\r\n<li><strong>flex-start: </strong>left aligns element at the top of the container.</li>\r\n<li><strong>flex-end: </strong>left aligns element at the bottom of the container.</li>\r\n<li><strong>center:</strong> center aligns element vertically.</li>\r\n<li><strong>space-between:</strong> left aligns element with proper space between boxes vertically except first box and last box.</li>\r\n<li><strong>space-around: </strong>left aligns element with equal space vertically right and left between boxes.</li>\r\n</ol><strong>&nbsp;</strong> &nbsp;\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n.main\r\n{\r\n&nbsp;width:100%;\r\n&nbsp;height:1000px;\r\n&nbsp;background:#eee;\r\n&nbsp;display:flex;\r\n&nbsp;justify-content:space-around;\r\n&nbsp;flex-wrap:wrap;\r\n&nbsp;align-items:center;\r\n}\r\n&nbsp;\r\n.box\r\n{\r\nwidth:300px;\r\nheight:300px;\r\nbackground:#f00;\r\nmargin:20px;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="main"&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;div class="box"&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example, we have used justify-content and align-items both to align our boxes horizontally and vertically.</p>\r\n<p><strong>Note: </strong>In this example, we have used <strong>flex-wrap: wrap</strong> property, by default flex, does not wrap boxes in a new line that&rsquo;s why we have to use the flex-wrap property.</p>\r\n<p>CSS3 Flexbox is modern property to align elements, nowadays mostly web designers use flexbox to align items instead of float.</p>', '1', 'blog'), (144, 'digital-marketing-expert-course-at-web-development-institute', 'Why Digital Marketing Expert Course at Web Development Institute', '<p><strong>Advance Digital Marketing Course</strong> at Web Development Institute of the best courses in the field of digital marketing. This six-month diploma course in digital marketing covers all the concepts of graphic design, web design, video editing, WordPress website development, SEO, SMO, PPC, Content marketing, Schema Markup, ORM, Email Marketing, etc. The advance Digital Marketing Course is broadly divided into 12 Modules. Each module is designed by professional and expert trainers after deeply analyzing the industry and technology.</p>\r\n<p>This course is available in both online and classroom mode at <strong>Regular</strong>, <strong>Fastrack</strong>, and <strong>Crash</strong> Mode. Our key features of training are that anyone can do this course as per their choice and in each mode, course content will be the same.</p>\r\n<h4><strong>Module 1: Graphics Designing (Adobe Photoshop)</strong></h4>\r\nsocial media posts. After the first module, our trainee was able to design any type of post. Above mentioned modules are covered in between training at <a href="../../../"><strong>Web Development Institute</strong></a>. Our first modules start with graphic design concepts where we teach all the concepts of image editing, banner, infographics, poster, etc, designing. During the first modules, our trainee learns to create<br /><strong>Features of this module:</strong>\r\n<ul>\r\n<li>Learn the concept of image editing</li>\r\n<li>Learn to create posts, banners, infographics, web PSD, etc.</li>\r\n<li>Skills to create high-quality image</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<h4><strong style="font-size: 1em;">Module 2: Web Designing</strong></h4>\r\nModule 2 covers all the concepts of HTML, CSS &amp; BOOTSTRAP. Where we teach the concepts of web page design attractive using HTML &amp; CSS. After this, we teach Bootstrap to create responsive pages and also discuss the concepts of how to increase website speed and apply all concepts of on-page Optimization. This module helps our students to implement all SEO tags and meta tags and tools to include in the website during the promotion of the website.<br />\r\n<p><strong>Features of this module:</strong></p>\r\n<ul>\r\n<li>Learn to create web pages</li>\r\n<li>Learn to create a responsive website</li>\r\n<li>Learn to implement important SEO tags</li>\r\n<li>Grow skill in Web Design</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<h4><strong>Module 3: Video Editing using Filmora</strong></h4>\r\nIn this module, we teach the concepts for creating video through filomora software. Quality video is important for SEO to improve the branding and popularity of any business. Keeping this, we have put this software in our advanced digital marketing course so that our alumnae learn concepts of video editing and implement them on online promotion.<br /><strong>Features of this module:</strong>\r\n<ul>\r\n<li>Learn to create quality video</li>\r\n<li>Skills to create best quality video for promotion</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<h4><strong>Module 4: Website Development using Word press CMS</strong></h4>\r\nWordPress is one of the important CMS to design and develop websites for business, blog, informative and blogging, websites. Keeping this in mind we have planned to put WordPress in our course module so that our trainee learns the concepts of CMS website and put SEO tags in the source code of the website. <br />In this module, we teach students to create a website using WordPress and put all important on-page optimization checklist in WordPress source code. We guide to work with all important plugins to use in the Website.<br /><strong>Features of this module:</strong>\r\n<ul>\r\n<li>Learn WordPress CMS</li>\r\n<li>Learn important plugins</li>\r\n<li>Skills to put SEO On-Page tags in Source Code</li>\r\n<li>Be a WordPress developer</li>\r\n<li>Be a blogger</li>\r\n<li>Earn with WordPress blog</li>\r\n<li>Work with WordPress</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<h4><strong>Module 5: Digital Marketing Introduction</strong></h4>\r\nNow this module starts, where we discuss all the concepts of digital marketing from initial. In this, we start firstly with the introduction of<strong>&nbsp;</strong>the <a href="../../../best-seo-training-institute"><strong>SEO&nbsp;course</strong></a> (Search Engine Optimization), where we discuss all the important search engines and their crawler and spider with working concepts. We discuss all the essential concepts of crawler and spider and their role to rank a website. Then after we discuss the search engine result pages. After this, we start to teach the types of SEO and phrases in SEO. We discuss it deeply.<br /><br />Then one of the most important topics starts i.e keywords research and analysis. Finding the right keywords and implementing them on the website is a very important task for an SEO executive throughout the job, or freelance, or any business promotions. So, putting the right keywords can be helpful to get more traffic and generate high business for any services, products, or business, etc. After discussing and practical implementation of all the above-discussed points. After this, the most important phase starts ie. <strong>On-page</strong> and <strong>Off-Page implementation</strong> checklists start. Where we discuss every single point related On-Page Optimization and off-page optimization with fully practical and theoretical.<br /><br />\r\n<ul>\r\n<li>Learn Digital marketing concepts</li>\r\n<li>Types of SEO</li>\r\n<li>Learn to improve skills and in keywords research and analysis</li>\r\n<li>Skills about Crawler, Spider, Search Engines, and Search Engine Result Page</li>\r\n<li>Concepts of On-Page and Off-Page Optimization</li>\r\n<li>Apply for a job as an SEO Executive and SEO Job</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<p><strong>Module 6:</strong> SMO <br /><strong>Module 7:</strong> Email Marketing<br /><strong>Module 8:</strong> Online Marketing<br /><strong>Module 9:</strong> Google AdWords<br /><strong>Module 10:</strong> Google Ad Sense<br /><strong>Module 11:</strong> Google Tools<br /><strong>Module 12:</strong> Google Algorithm</p>\r\n<p>Thanks for checking all details Advance Digital Marketing Course. Being one of the <strong><a href="../../../digital-marketing-diploma-certificate-courses">best Digital Marketing Institute in Rohini</a></strong>, <strong>Web Development Institute</strong> experienced trainers and supporting staffs always try to put an extra effort towards our trainees to aware about the new latest technology of marketing. So let&rsquo;s book a free Demo at <strong>+91-7683072463</strong>, with us, and join our course.</p>', '1', 'blog'), (145, 'best-seo-training-institute-in-rohini', 'Best SEO Training Institute in Rohini', '<p>Understand the mystery of Search Engine Optimization (SEO). During the course at Web Development Institute, you will learn all about search engine optimization, how it works, how to create backlinks, how a search engine works, how to get quality backlinks, etc, and much more.<br /> <br />Grow your skills with us to detail understanding of major search engines\' working process and points to keep in mind to get organic website traffic. Through training in <a href="../../../best-seo-training-institute"><strong>SEO Course</strong></a>, our trainers keep focusing on practical as well as theoretical training. In between training we also discuss the SEO strategy and measure terms. Apart from this we also discuss the major tools and techniques to rank above the competitors.</p>\r\n<h4><strong>Course Overview at NGE</strong></h4>\r\n<ul>\r\n<li>Our practical based training helps our trainee to increase traffic to website and rank on different search engines: Learn to improve On-Page strategy</li>\r\n<li>Deep concepts of keywords research and analysis</li>\r\n<li>Tools to find competitor keywords analysis</li>\r\n<li>Deep knowledge of On-Page and Off-page optimization</li>\r\n<li>Role of landing pages to rank website and traffic gain</li>\r\n<li>Create quality inbound linking</li>\r\n<li>Concepts of PA, DA, ALEXA, and Page Rank</li>\r\n</ul>\r\n<p>In between the training, we also guide our trainees to use free SEO tools and techniques to get desired users towards the website in targeted days.</p>\r\n<h4><strong>Who can join Advanced SEO Course?</strong></h4>\r\n<p>Students pursuing or completing 10th, 12th, or higher qualifications can join this <a href="../../../digital-marketing-diploma-certificate-courses"><strong>digital marketing course</strong></a> easily. To get more value towards this course, it is useful if students have technical knowledge.</p>\r\n<h4><strong>Course Outcomes</strong></h4>\r\n<ol>\r\n<li>Tips to get organic traffic</li>\r\n<li>How to get an ROI model for SEO</li>\r\n<li>Use Google Analytics and Webmasters</li>\r\n<li>Creating and managing SEO Reports</li>\r\n<li>Develop High-Quality content</li>\r\n<li>Check website plagrism</li>\r\n<li>Develop Sitemap</li>\r\n<li>Develop Better impression on search engines</li>\r\n<li>Rank Website, blog, article, video document, etc</li>\r\n</ol>', '1', 'blog'), (146, 'why-coding-is-the-need-of-the-hour-for-kids', 'Why Coding Is The Need Of The Hour For Kids', '<p>Do you want to teach coding to your child? Do they love playing video games? Then, coding is the best option for your child for an excellent career. In the past several years, everyone has now heard the word &ldquo;coding&rdquo; at least once. Along with that, the demand for teaching coding to children is increasing at a drastic level. But, is it worth the hype? Let&rsquo;s talk about it.<br /><br />During lockdowns due to COVID-19, we know that IT companies didn\'t stop working. In the forthcoming years, creativity and technology will go hand in hand. Thus, coding is a great example of creativity and technology. In the future, coding and IT-related careers will be one of the top priorities with immense competition. Hence, learning coding from the right age will help them to have a successful career in the future.<br />If you are still worried that coding is good or bad, then you have to read the following. Here, you will understand that why Coding is the need of the hour for kids.</p>\r\n<h4><strong>Drastic Technological Developments</strong></h4>\r\n<p>Compare the technologies from 20 years back and now. Can you imagine how fast technology is changing now? So, it is very important to speed up along with the new technologies for the best opportunities in the future. Due to this, students are also enrolling in <a href="../../../computer-courses-for-class-10th-12th-students"><strong>programming language classes</strong></a> to improve their chances for a great career. Hence, technological development and shift towards digitalization of everything make coding the need of the hour. The faster you learn, the better it is for the future.</p>\r\n<h4><strong>Boost Up the Communication Skills</strong></h4>\r\n<p>Secondly, communication is highly important in every aspect of your life. Here, coding is one of the best and fruitful ways to do it. With the help of coding, your child can learn to convey complicated ideas with ease. To begin with, you can enroll them in a <strong>Web Development Course</strong> which is fun as well as exciting. Hence, your kids will become confident and knowledgeable about the technicalities. They will learn to create websites, games, and many more which surely lay the foundation of a great career.</p>\r\n<h4><strong>Unleash Their Creativity</strong></h4>\r\n<p>Do you know that our brain develops up to 80% by 15 years of age? Here, coding can play a major role in enhancing the creativity of your child. Our <strong>Website Design Institute</strong> offers a great curriculum in coding that is perfect to unleash their imagination power and give it a virtual effect. Thus, it is a great way to combine creativity, logical thinking, and imagination in one place. So, instead of just playing and watching videos, they will know how these things work.</p>\r\n<h4><strong>Improves Dedication and Embrace Failures</strong></h4>\r\n<p>One main thing that makes coding an excellent career pathway is that it improves dedication. Both concentration and resilience are also important in our real lives to achieve success. They try creative methods and formulas until they achieve the required results. Thus, instead of cribbing, they take charge to solve everything. Hence, you can try the <a href="../../../html5-css3-course-institute-delhi"><strong>HTML and CSS Course</strong></a> for Kids by <strong>Web Development Institute</strong> for a good start.</p>\r\n<h4><strong>Logical Thinking to Solve Problems</strong></h4>\r\n<p>If you don\'t know, coding really enhances logical thinking skills. Coding is not just about sitting and typing in front of a computer. The kids learn how to think differently to solve their problems with rational thinking methods instead of vague ideas. In this way, they learn to make the right decisions in real life as well. They learn about Python, Lua, Java, Scratch, C++, etc. in programming language classes for coding. Thus, your kid will view the world differently compared with other kids.</p>\r\n<h4><strong>Thriving Future for Coding</strong></h4>\r\n<p>Lastly, the future holds the best opportunities for coding with the drastic rapid development. Even the businesses, healthcare, etc. are becoming online along with the IT sector. It means that they will require a programmer with a good set of qualifications. Thus, if your child learns the above features, they will reach new heights with their new ideas and creativity. Despite belonging to any stream, you can try out our <strong>Web Design Course</strong> and start exploring.<br /><br />Hence, if you think that coding can be hard for your child to learn, then it&rsquo;s not. It is an excellent way to have fun and learn at the same time. Your kids will learn to solve complicated problems with dedication and rational thinking.<br /><br />If you too want to make a career through coding, then you can sign up for our <a href="../../../"><strong>Web Development Course</strong></a>. You can only learn new things with the right guidance that you can get from here. With a wide range of courses, you will learn how to make a successful career for your kid. However, if you are a young individual, then it is still not late, you can sign up for the classes and start immediately. Good luck with your future.</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (147, 'what-is-web-designing-fees-course-career-salary', 'What is Web Designing, Fees, Course, Career, Salary', '<p>The process of creating a web Pages or a website is called "website designing". The whole process can be divided into three parts, namely concept, planning, and construction.</p>\r\n<p>Websites are created using a system-based language called HyperText Markup Language (HTML). The appearance of elements within a web page is typically defined using Cascading Style Sheets (CSS). The visual effects of a website are created by JavaScript. Most websites include a combination of <strong>HTML, CSS, Bootstrap</strong>, and <strong>JavaScript</strong>. All languages are covered in the web design course. All these codes completely define how each page of a website will appear in a browser.<br /><br /></p>\r\n<h3>What is a web designing course?</h3>\r\n<p>A web design course is a diploma or certificate program that systematically helps in learning web design and development. Depending on the level of the course, the duration ranges from 1 Month to twelve months.</p>\r\n<p>Basic and Diploma level <a href="../../../responsive-web-design-course"><strong>web designing courses</strong></a> are limited to design theory, computer graphics,s and frontend development. But the higher-level courses have many modules including Design Philosophy, Animation, and Graphics, Front End and Back End Development, CMS Panel, SEO, etc.<br /><br /></p>\r\n<h3>How much is the web designing course fee?</h3>\r\n<p>Based on the level and duration, the course fee of web design varies. However, it ranges from Rs <strong>20,000 to Rs 3,50,000</strong>.</p>\r\n<p>The course fee for a certificate program of one to six months duration in web design ranges from Rs 10,000 to Rs 40,000. The fees for diploma courses of six months to twelve months duration range from <strong>Rs 50,000 to Rs 80,000</strong>.<br /><br /></p>\r\n<h3>What is taught in a web designing course?</h3>\r\n<p>In a web design course in Delhi, you will learn the following:</p>\r\n<ul>\r\n<li>Codings like <a href="../../../html5-css3-course-institute-delhi">HTML</a>, CSS, <a href="../../../best-responsive-bootstrap-courses">Bootstrap</a> , <a href="../../../best-javascript-course-in-delhi">JavaScript</a>, <a href="../../../best-jquery-course-in-delhi">jQuery</a></li>\r\n<li>Design tools like Adobe Photoshop, Illustrator, Creative Cloud, Bridge, etc.</li>\r\n<li>User Experience (UX) Design</li>\r\n<li>User Interface (UI)</li>\r\n<li>Search Engine Optimization (SEO)</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<h3>What is the qualification required to become a web designer?</h3>\r\n<p>The question may arise in your mind about what should be the qualification to learn web designing. The good news is that you do not need any high qualifications to learn web design. Most of the institutes take students who are just 10+2 (12th) pass and pass in any stream. Some institutions have criteria for taking only science students.</p>\r\n<p>If you\'re an undergraduate, your degree may also work for you. Better if you have a Diploma in Computer Application (DCA). There is no minimum qualification to learn web designing through online mode. However, to learn web designing, you must have a love of computers and software programs.<br /><br /></p>\r\n<h3>How is the career and job in web designing?</h3>\r\n<p>As online presence has become one of the most important requirements for every business, a career in web designing is very bright. The career opportunity in this field is increasing more than ever before. Hence, after completing your <a href="../../../"><strong>web design training in Delhi</strong></a>, you can get an immediate opportunity for good employment.</p>\r\n<p>Web designing can provide you with two types of employment. Either you can join an IT company or you can start working as a freelancer. If you want to do the job, there are thousands of IT companies that hire web designers for their front and back-end projects. If you want to work independently, you can also get enough projects<br /><br /></p>\r\n<h3>The major career opportunities in this field are:</h3>\r\n<p><strong><a href="../../../front-end-developer">Front End Developer</a>:</strong> Front end developer <span>usually</span> works in web page design and graphics which is accessible to the user.</p>\r\n<p><strong><a href="../../../backend-developer-course">Back-end developer</a>:</strong> Back end developer is the person who is responsible for the back-end development that interacts with the server.</p>\r\n<p><strong>Job areas in B Designing are:</strong></p>\r\n<ul>\r\n<li>IT companies</li>\r\n<li>Advertising agencies</li>\r\n<li>Audio-visual media agencies</li>\r\n<li>Publishing houses</li>\r\n<li>Marketing firm</li>\r\n<li>Design Studio</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<h3>How much is the salary in web designing?</h3>\r\nLike any other field, the salary of a web designer varies from company to company. A fresher in web designing in India usually gets between Rs 15,000 to Rs 25,000. After a few years of experience, you can easily earn between <strong>30,000 to 45,000</strong> per month. As your experience and skills increase, your earnings will be higher. There are many professional web designers who earn a six-figure income per month.\r\n<p>To a large extent, the salary in web designing depends on you. Since it is a skill-based job, you can get more salary, if you have better skills. So you need to constantly learn new skills and improve your existing skills.</p>', '1', 'blog'), (148, 'top-20-free-high-da-social-bookmarking-websites-list', 'Top 20 Free High DA Social Bookmarking Websites List ', '<p>We use Social Bookmarking in Link Building and if you are a Blogger, Youtuber, or a Digital Marketer then you would know very well that how important are <strong>link building</strong> i.e. Backlinks to our website.</p>\r\n<p>If you are a Blogger, Digital Marketer, or the owner of any kind of website, then you also know that your work cannot run without traffic. In such a situation, we can use techniques like Social Bookmarking to bring traffic to a blog or website or to rank a page first in Google. If you do not know what is Social Bookmarking and how it works and how you can use it to bring traffic to your blog or website. So here is the top high da pa social bookmarking sites list given below. check out now.</p>\r\n<h3>Top 20 High DA Social Bookmarking Websites List<br /><br /></h3>\r\n<div dir="ltr" align="left">\r\n<table id="example" class="table table-bordered">\r\n<thead>\r\n<tr><th>S.NO</th><th>Social Bookmarking Sites List</th><th>DA</th><th>PA</th></tr>\r\n</thead>\r\n<tbody>\r\n<tr>\r\n<td>\r\n<p dir="ltr">1</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://vk.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">96</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">86</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">2</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">http://www.reddit.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">90</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">90</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">3</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://telegra.ph/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">90</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">68</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">4</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">http://slashdot.org/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">91</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">75</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">5</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://flipboard.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">91</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">70</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">6</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.evernote.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">92</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">75</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">7</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.scoop.it/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">92</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">74</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">8</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://flipboard.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">91</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">70</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">9</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://archive.org/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">94</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">81</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">10</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.diigo.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">89</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">73</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">11</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://delicious.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">86</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">78</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">12</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.plurk.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">88</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">70</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">13</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.tumblr.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">85</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">99</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">14</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.meneame.net/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">82</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">63</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">15</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://mix.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">86</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">56</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">16</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.colourlovers.com</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">78</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">71</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">17</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://weheartit.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">77</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">95</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">18</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">http://www.folkd.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">58</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">66</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">19</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://list.ly/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">66</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">62</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p dir="ltr">20</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">https://www.pearltrees.com/</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">85</p>\r\n</td>\r\n<td>\r\n<p dir="ltr">70</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n</div>\r\n<h4><br />What is Social Bookmarking</h4>\r\n<p>Giving the link to your website or post in the sites of social bookmarking is called social bookmarking. But it is a website that is very popular, due to which a high-quality backlink of your website or post is created. Social Bookmarking is simply used To index a blog post and particular Link And as you would know that whenever we need a website again and again or we like the article of a blog, then we bookmark such websites. Similarly, bookmarking your website on social networks with high<a href="../../../blog/what-is-domain-authority-how-to-increase-domain-authority"><strong> domain authority </strong></a>sites&nbsp;available on the Internet i.e. Save, Share, Add is called Social Bookmarking.</p>\r\n<p>We use it to create backlinks for our website which is very important for the SEO of our website.</p>\r\n<p>Mostly we get Nofollow Backlink from Social Bookmarking but this is the fastest and easiest way with the help of which we can create Backlink for the website.</p>\r\n<h4>Benefits of Social Bookmarking:</h4>\r\n<p>As you know that using Social Bookmarking increases traffic to your website or blog. Due to which your website or blog comes in the list of the top websites on the Google search engine. So let\'s know, what are the other benefits of Social Bookmarking.</p>\r\n<ul>\r\n<li>Whenever you share a link to your webpage on a popular website, the users visiting that website read your post by visiting the link shared by you. If the user likes your post, he can share it, which increases the chances of your post going viral.</li>\r\n<li>You can also increase your<strong> domain authority</strong> by sharing the link of your website on any website.</li>\r\n<li>Another advantage of this is that you can also use Relevant Keyword on your website.</li>\r\n<li>Through Social Bookmarking, you can reach more and more information about your website or blog to the people. if you don\'t have any blog account and confused about how to create it so you can visit this link- <a href="../../../blog/how-to-create-blogger-account-for-free"><strong>how to create a blogger account for free</strong></a>.</li>\r\n<li>The best advantage of social bookmarking is also that with its help you can promote your website or blog for free. That is, you do not even need to make any kind of payment for this.</li>\r\n<li>Your keyword ranking is also good through Social Bookmarking.</li>\r\n<li>Through Social Bookmarking, you can also build <strong>high-quality backlinks</strong> for your blog or website.</li>\r\n<li>The technique of Social Bookmarking is the best technique of SEO.</li>\r\n</ul>\r\n<strong><br />Read Also:&nbsp;<a href="../../../blog/what-is-backlink-and-how-to-create-backlinks-for-free">What is Backlink and How to Create Backlinks for Free</a></strong>', '1', 'blog'), (149, 'how-to-create-blogger-account-for-free', 'How to Create Blogger Account For Free', '<p>If you also want to know that how to create a blogger account then you have come to the right place. In this post, you will learn about how to create a free blog, from which you can create your own free blog and earn money. Friends, blogging is such a profession in which if you become successful then you can earn a lot of money sitting at home. There are many people in India who are earning lakhs of rupees from blogging. If you want to come into this field then this post will be very helpful for you.</p>\r\n<h3>What is Blog</h3>\r\nThe blog is a platform where we can share our thoughts and feelings with our readers. If you have knowledge about any subject, then you can earn a lot of money by creating a blog on that topic and writing posts.\r\n<p>It is not that by blogging you will become a rich person in a day. But if you work hard on your blog and post articles regularly then after some time you can earn a lot of money. If you want to know the meaning of a blog better, then we have written an article on it, then definitely read it.</p>\r\n<h3>Benefits of creating a blog</h3>\r\n<ol>\r\n<li>You can earn a name by making your blog famous, that is, you can become famous.</li>\r\n<li>If you want to earn money online then you can create your own blog.</li>\r\n<li>By giving information about your products in the blog, you can attract customers to the business.</li>\r\n<li>You can share your knowledge with others.</li>\r\n<li>You can convey your feelings and words to every corner of the world.</li>\r\n<li>There are many other benefits of blogging, which you will know for yourself with time.</li>\r\n</ol>\r\n<h3>Things Required to Create a Blog Account</h3>\r\n<ol>\r\n<li>Mobile/Computer</li>\r\n<li>Internet</li>\r\n<li>Gmail Account</li>\r\n<li>Writing Skills</li>\r\n<li>Patience</li>\r\n</ol>\r\n<h3>What is a Free Blog</h3>\r\nA free blog means that you do not need hosting nor will you have to spend money to get a domain name. Your blog will be absolutely free and you can also get it ranked in Google or any other search engine.<br /><br />\r\n<p>Whatever URL you choose on the free blog, next to it will be the domain of the platform from where we are creating the blog. That is, if I have selected <strong>wordpresscourseindelhi</strong> domain on blogger, then the link of the blog wordpresscourseindelhi.blogspot.com will be like this. To remove Blogspot, you have to buy your domain which you can set on your blog. A free blog is a good option for learning to blog. That is, if you want to know how to write Blog Posts, then you can create a free blog. It is also a bit difficult to rank it. For a successful blog, you have to take Domain Name and Hosting.</p>\r\n<h3>How to create a blogger account for free</h3>\r\nThere are many platforms on the internet where you can create a blog for free. But the ones that are quite famous are Blogger and WordPress. That\'s why we will tell Step by Step Free Blog account on Blogger.&nbsp;<br /><strong><br /></strong>\r\n<p><strong>1. </strong>First of all open www.blogger.com in your browser and click on \'Create Your Blog\'.<br /><br /><img src="../../../media/admin/uploads/images/how-to-create-blogger-account-(2).jpeg" alt="" width="921" height="451" /></p>\r\n<p><br /><strong>2.</strong> Now you will need to log in with your Google Account, log in by entering your Google Account and Password.<br /><br /><img src="../../../media/admin/uploads/images/how-to-create-blogger-account-.jpeg" alt="" width="932" height="478" /><br /><br /><strong>3. </strong>Now the page will open in front of you in which you have to enter the title of your blog. Like in the screenshot shown by us, the title of the blog is<strong> wordpresscourseindelhi.</strong><br /><br /></p>\r\n<p><img src="../../../media/admin/uploads/images/how-to-create-blogger-account-1.jpeg" alt="" width="961" height="493" /></p>\r\n<p><strong>4. </strong>Here you have to enter the URL of your blog. Each blog has a unique one, so if URLs are available click on Next, otherwise enter a different URL. The URL we enter will be our blog link as if we have entered wordpresscourseindelhi, then the link of our blog is<strong> wordpresscourseindelhi.blogspot.com</strong>.<br /><br /><img src="../../../media/admin/uploads/images/how-to-create-blogger-account-2.jpeg" alt="" width="967" height="496" /></p>\r\n<p><strong>5. </strong>In the next box, you have to enter your Display Name. Whatever name you enter, the same name will appear at the bottom of every blog post. You can also change it in the future.<strong><br /><br /></strong>Your blog is ready, you will reach the home screen of Blogger, from where you can write a new post and publish it.<br /><br /><img src="../../../media/admin/uploads/images/how-to-create-blogger-account-3.jpeg" alt="" width="994" height="510" /></p>\r\n<p>Now you know that how to create a blog on Blogger. You can also give it a new design by changing its theme. It is difficult to get it ranked in Google, so you should take a custom domain wordpresscourseindelhi) and set it up on your blog. It will help you to rank your website or business by putting links to your site into post content. blogging is the major part of search engine optimization. you can also join a complete <a href="../../../best-seo-training-institute"><strong>SEO course in Delhi</strong></a> and become an SEO expert.<br /><br /></p>\r\n<h3>Top 6 Working Ways to Index Blog Posts in Google</h3>\r\n<p>Indexing is the most important thing to get your blog ranked on Google. Because when Google indexes the blog, only then it will show on its search result page.</p>\r\n<p><strong>How is indexing:</strong> Getting your post indexed in Google has become a big problem in today\'s time, which many bloggers have to face. You publish a new post on your blog, but if it cannot be indexed, then your hard work goes in vain.</p>\r\n<p>Because any webpage ranks on Google\'s Search Engine Result Pages (SERP) only when it is indexed.</p>\r\n<p>Therefore, before following the tips that I am going to tell you for Fast Indexing, once read the content of your own webpage from the user\'s point of view and then consider whether your content is useful or not. If your answer is yes then follow the steps given below &ndash;</p>\r\n<p><strong>1 &ndash; Request For Indexing</strong><br />The simplest and easiest way to get a webpage indexed is to enter the URL of your webpage in the top search bar of Google Search Console and then click on Request Indexing.</p>\r\n<p><strong>2 &ndash; Submit Sitemap</strong><br />Submit your blog\'s sitemap to Google Search Console. If you have already submitted then check once whether your sitemap has been successfully fetched or not.</p>\r\n<p><strong>3 &ndash; Do Internal Linking</strong><br />Internal linking is very important in getting your webpage indexed fast and also helps in the ranking of your blog.</p>\r\n<p><strong>4 &ndash; Post in Schedule</strong><br />If you fix a schedule for publishing the post, then the chances of indexing your webpage also increase. If you make 1 post after leaving 1 day, then keep publishing the post in this schedule and also fix a time for publishing the post.</p>\r\n<p><strong>5 &ndash; Write Unique and Quality Content<br /></strong>Write Unique Content only in your blog. If you copy/paste then why will Google index your webpage because Google already has that information?</p>\r\n<p><strong>6- Social Bookmarking of Blog Post<br /></strong>There are many benefits of sharing your content on social bookmark sites. When your blog does not have high-quality backlinks then indexing your blog post by Google may be difficult or it is getting delayed, in this case, we recommend High quality bookmarking. sites can be helpful. you can check this list of&nbsp;<strong>&nbsp;<a href="../../../blog/top-20-free-high-da-social-bookmarking-websites-list-2022">Top 20 Free High DA Social Bookmarking Websites List 2022</a></strong>&nbsp;</p>\r\n<p>Because the search engine crawls and ranks those sites quickly if you have created backlinks from high-quality social bookmarking websites with good content in the gen site, then the crawler pays more attention to these sites in the search engine and there are four other benefits besides indexing. which is mentioned below,</p>\r\n<p><strong><a href="../../../blog/what-is-domain-authority-how-to-increase-domain-authority">Domain Authority</a>:</strong> It is possible to increase our <strong>DA</strong> when you build backlinks on these high-quality bookmarking sites.</p>\r\n<p><strong>Backlinks:</strong> This is one of the obvious reasons why you should bookmark, backlinks on these quality sites will help you in improving the ranking of your blog post and can build a powerful DA-PA strength by accumulating lots of backlinks.</p>\r\n<p><strong>Traffic:</strong> When we take links from social backlinks sites, then traffic will increase on these sites and organic traffic can increase by increasing the order in the organic list on the search engine, with these benefits we can bring traffic in two ways.</p>\r\n<p><br /><strong>&nbsp;Read Also: <a href="../../../blog/what-is-backlink-and-how-to-create-backlinks-for-free">What is Backlink and How to Create Backlinks for Free</a></strong><br /><br /></p>', '1', 'blog'), (150, 'what-is-domain-authority-how-to-increase-domain-authority', 'What is Domain Authority–How to Increase Domain Authority', '<p>As you all will know that we have to become a blog to earn money online, after creating a blog, content has to be written on it. Content quality should be excellent, only then does any blog rank. So here we will know about<strong> what is domain authority</strong> and how to increase it. For any website to be ranked, it is mandatory to have a quality article and a good backlink in the blog post of that website.</p>\r\n<p>Everyone creates a blog, but working on it is not good for everyone because the smallest things are taken care of in ranking the blog.</p>\r\n<p>After creating a blog, you now have to do SEO of the blog, submit the blog to Directory Submissions. After creating a blog, how the blog is optimized, all the small and big things of the blog have to be known. Today we are talking about <strong>what is Domain Authority</strong>, <strong>how to increase Domain Authority</strong>, then you will know that the domain is linked to the blog by purchasing the domain separately from any other domain provider in any website or blog.</p>\r\n<h3>What is Domain Authority?</h3>\r\nWhen we link a domain to our blog and the web address on which the blog is open, as you can see that when searching by typing the address or name of the blog in any browser, your blog will open. After the blog is open, the name that is in the URL of your browser is called Domain. It is not that you are reading this post and you do not know about the domain, if you are reading this blog then it means that you have created a blog, and you want to rank your blog.<br /><br />\r\n<p>To rank any blog, it is very important to increase its Domain Authority. When there is an increase in the Domain Authority, then there is an increase in the Domain Score. By which Blog Par Backlink is formed and Blog ranks.</p>\r\n<p>Which website is proffered to any blog or how much <strong>backlink</strong> is created from your blog, when the backlink will be added from any other High DA PA Blog, in our blog, then there is Blog Domain Score Increase, it is called Domain Authority. If the Domain Authority of your blog is not correct, it means that your blog is not getting backlinks from a good blog, then in this case the Blog Domain Score does not increase. Due to not increasing the Blog Domain Authority, the blog is kept in the same Google Search Engine but is not ranked.</p>\r\n<p>To rank a blog, it is not enough just to increase the Domain Authority, for this, the<strong> Domain Authority</strong> (DA) and <strong>Page Authority</strong> (PA) have to be increased, as well as the <strong>SEO Score</strong> of the blog has to be increased.</p>\r\n<strong>Read Also: <a href="../../../blog/what-is-backlink-and-how-to-create-backlinks-for-free">What is Backlink and How to Create Backlinks for Free<br /><br /></a></strong>\r\n<h3>What is Domain Authority &ndash; How to Increase Domain Authority?</h3>\r\n<p>This is an SEO Matrix created by <strong>Moz</strong>, which we also call DA in short language. In this, depending on the quality of the website, a rating is given between 1 to 100. The correct calculation of Domain Authority is done by the machine learning model itself, by which the search engine provides the highest rank in the search result to the same website which follows the terms of its link data and algorithm.</p>\r\n<p>The Domain Authority of your blog/website is a good way to gauge the results of your SEO effort. If your website is in its infancy, keep an eye on this metric as DA is a very important part of the SEO metrics and see how it develops over time.</p>\r\n<p><strong>For blogger:</strong> To create a blog on Blogger, you have to first choose a subdomain of the same type with any blogger template with a subdomain, as your domain name has been taken or is thinking of taking. After that, after creating a blog, after doing all kinds of basic SEO ( SEO training in Delhi )on it, if you don\'t know how to create a blogger account so you can check this-<a href="../../blog/how-to-create-blogger-account-for-free"><strong>How to Create Blogger Account For Free</strong></a>. then you have to download SEO Friendly Blogger Template well. After downloading the template, that template has to be uploaded on the blog, if you do not know how to change the template in Blogger, then you can know by clicking on the link given below.</p>\r\n<p><strong>For wordpress:</strong> To create a blog on WordPress, first, you have to buy both a domain and a hosting together. If you want, you can buy from different companies. After buying Domain and Hosting, hosting and domain are linked together, then WordPress is installed by going to Hosting C Panel, for the time being, let us tell you that to create a blog on WordPress, a good Domain and Hosting purchase has to be made.</p>\r\n<p>While buying hosting and domain, keep in mind that the base keyword of your blog topic should come in the domain, only then you can become a successful blogger, as well as tell you that you have to take hosting with a good server.</p>\r\n<p>After that Domain Authority Increase is done, to increase the authority of the domain, you have to create a backlink from a website with a <a href="../../blog/top-20-free-high-da-social-bookmarking-websites-list-2022"><strong>High DA PA Social Bookmarking Site</strong></a>, article, blog, guest post, etc. Before creating a backlink, it is very important to check the Spam Score of that particular website. If you take a backlink from a website with high spam, then your blog will also be considered spam.</p>\r\n<h3>How to Check Domain Authority</h3>\r\n<p>If you will search on the internet, then you will find many sites on Google, that is providing this service, who can tell about your domain authority and page authority, as you know that, da pa is the Moz products and developed by Moz. so you can check da pa of any site on Moz tool. It is absolutely free</p>\r\n<p><strong>First,</strong> go and search on google and type here domain authority checker<br /><img src="../../media/admin/uploads/images/how-to-check-domain-authority.jpeg" alt="" width="970" height="497" /><br /><strong><br />Second</strong> click Moz domain authority checker<br /><img src="../../media/admin/uploads/images/how-to-check-domain-authority-1.jpeg" alt="" width="969" height="543" /><br /><br /><strong><br />Third,</strong> paste your website URL in the box<br /><br /><img src="../../media/admin/uploads/images/how-to-check-domain-authority-3.jpeg" alt="" width="998" height="805" /><br /><br /><strong>Forth,</strong> fill the captcha and here you can see your website domain authority<br /><br /><img src="../../media/admin/uploads/images/how-to-check-domain-authority-4.jpeg" alt="" width="1148" height="660" /><br /><br />To learn more about SEO and digital marketing skills you can join our advanced <strong><a href="../../digital-marketing-diploma-certificate-courses">digital marketing course in Rohini</a> Delhi</strong>, where you will learn about complete digital marketing skills and strategies to rank a website or business on google SERP.</p>', '1', 'blog'), (151, 'what-education-is-required-to-become-a-web-developer', 'What Education is Required to Become a Web Developer', '<p>Educational requirements usually vary for web developers and depend on what level you aspire to work. This is based on the work setting as well as other factors.</p>\r\n<h3>Education required for web developers</h3>\r\n<p>The requirement of educational qualifications for web developers ranges from a high school diploma to a bachelor&rsquo;s or master&rsquo;s degree in any discipline. Some employers prefer hiring web developer candidates who hold a Bachelor&rsquo;s Degree in a specific field like programming or computer science.<br />Professional web developers need to have a thorough and clear understanding of <strong>HTML</strong> programming. Several employers also require developers to understand other programming languages like <strong>SQL</strong> or <strong>JavaScript</strong> and have a thorough knowledge of multimedia publishing tools like Flash. Web developers are required to stay updated on the new tools and computer languages throughout their careers.<br /><br />They necessarily may not require education credentials if they can demonstrate their abilities through their work experiences or projects that they have already accomplished in the past. Web developers who hold a Bachelor&rsquo;s degree can have an opportunity of advancing in their careers and can become project managers.&nbsp;&nbsp;</p>\r\n<h3>Various education levels for becoming a web developer</h3>\r\nStudents who look forward to acquiring formal and effective education in web development have two typical avenues: certificate and advanced courses in the field. The professional requirements, goals, and the student\'s background will eventually dictate the path one would take in his career. The following sections will thoroughly give you a brief overview of the four different education possibilities in&nbsp;<strong>web developer courses</strong>&nbsp;and what the students should expect while enrolling in any of these courses.<br /><br />\r\n<h4><strong>⦁ Certificate courses on Web Development&nbsp;</strong></h4>\r\nThe certificate-level course on web development is well-designed for providing targeted educational training and is well-intended for students who require fundamental and practical knowledge related to web development. Prior programming &amp; computer technology experience would prove to be helpful, but at times, this may not be required. Some of the certificate-level programs on&nbsp;<a href="../../web-development-diploma-certificate-courses"><strong>web development courses</strong></a>&nbsp;serve as the best stepping stone to an advanced degree in the field&rsquo;s vast and interesting field.<br /><br />The program length of the certificate level&nbsp;top web development courses&nbsp;varies from a few months to years and depends on the course load &amp; curriculum commitment from the student. Some of the&nbsp;top <strong>web development courses</strong>&nbsp;offered by a premier Web Development Institute (WDI) in Delhi are as follows:<br /><strong>⦁ <a href="../../advance-php-and-mysql-course-institute">PHP &amp; MySQL</a>&nbsp;&ndash;</strong> This course can be completed in 2 months if pursued in regular mode, can be fast-tracked to 30 days, and a crash course can be taken in 15 days.<br /><strong>⦁ <a href="../../php-codelgniter-course-institute">CodeIgniter</a>&nbsp;&ndash;</strong> This is one of the&nbsp;top web development courses&nbsp;at a certificate level and can be completed within two months if pursued in a regular mode, can be fast-tracked to 20 days, and a crash course of the same can be completed within ten days.<br /><strong>⦁ <a href="../../laravel">Laravel</a>&nbsp;&ndash;</strong>&nbsp;<strong>Learn web development</strong>&nbsp;by pursuing the certificate course of Laravel. This takes 45 days to complete the course in a regular mode. The same course can be fast-tracked to 20 days and the same can be completed in a crash course of 10 days.<br /><strong>⦁ <a href="../../wordpress-courses-institute">WordPress</a>&nbsp;&ndash;</strong> WordPress is one of the most popularly used tools for web development. A certificate course on WordPress can be completed within 45 days if pursued in a regular mode, can be fast-tracked to 20 days, and the same can be done in a crash course of 10 days.<br /> <br />\r\n<h4><strong>⦁ Advance courses on web development&nbsp;</strong></h4>\r\nThe advanced degree is a very popular track for aspirants who wants to&nbsp;learn web development&nbsp;and make a serious career in this field. This advanced-level course in this field can serve as a gateway to opt for a bachelor&rsquo;s degree in web development. If you opt for an advanced course on web development, you would learn web development extensively and obtain a well-rounded education in this particular field.<br /><strong>⦁ <a href="../../../web-development-institute-for-diploma-course">Web Expert</a>&nbsp;&ndash;</strong> This is a specialized advanced course offered by Web Development Institute located in Rohini, Delhi. This course is of 12 months if taken under regular mode and can be fast-tracked to 6 months if you want. It can be completed within three months if taken in a crash course mode. Learn web development in detail by undertaking this course.<br /><strong>⦁ <a href="../../../full-stack-developer">Full Stack Developer</a>&nbsp;&ndash;</strong> This course is for nine months and offers extensive knowledge of web development. This course can be fast-tracked in 6 months and covered in a crash course of 4 months.<br /><strong>⦁ <a href="../../../web-design-and-development-training">Web Expert Premium</a>&nbsp;&ndash;</strong> This course to&nbsp;learn web development&nbsp;is for eight months and can be fast-tracked to 4 months. This can be covered in a crash course of 3 months.<br /><strong>⦁ <a href="../../../backend-developer-course">Backend Developer Course</a>&nbsp;&ndash;</strong> This web developer course is for six months if you pursue it in a regular mode. This can be fast-tracked to 3 months if you want and can be covered in a crash course of 2 months.<br /><strong>⦁ <a href="../../../advance-web-development-course">Web Development Expert</a>&nbsp;&ndash;</strong> This extensive and advanced course can be pursued in 6 months. This can be fast-tracked to 3 months. This can also be covered in a crash course of 2 months.<br /> <br />\r\n<h4><strong>The Bottom Line&nbsp;</strong></h4>\r\nIn case you are an aspiring web developer, then you can choose any of the <strong>best web development courses</strong> discussed above. It will be best if you keep in mind that the most desired technical skills &amp; competency areas in the field of web development includes HTML, Cascading Style Sheets (CSS), CSS Frameworks, JavaScript, Version Control, Responsive Web Design, Browser Development Tools, Programming languages, and testing. You should focus that the <a href="../../"><strong>web developer course</strong></a> that you choose covers all these areas if you are willing to pursue a rewarding career in web development. <br /><br />', '1', 'blog'), (152, 'what-is-backlink-and-how-to-create-backlinks-for-free', 'What is Backlink and How to Create Backlinks for Free', '<p>When it comes to SEO in the field of blogging, then the name of backlink comes to everyone\'s mind, but friends, some new bloggers do not have much information about backlinks, what are backlinks, and how to make quality backlinks.</p>\r\n<p><strong>First of all, let us know what is backlinks &ndash;</strong> Backlink is an external link that is received from any other website to our website, so that visitors from that website reach our blog/website, in clear words, a backlink is from one website to another. Work to make a way to go to the website</p>\r\n<h3>How Many Types of Backlinks in SEO?</h3>\r\n<p>Now let\'s talk about how many types of backlinks are there - generally there are two types of backlinks, dofollow backlink, and nofollow backlink, if you do not know about them, what is the difference between dofollow backlink and nofollow backlink, and what is the contribution of both in SEO. So let\'s take a look at them in detail-</p>\r\n<p><strong>1. Dofollow Backlink-</strong>&nbsp;Dofollow Backlinks are those links. Which are followed by both crawlers and users of search engines. In other words, those links have the \'<strong>Dofollow</strong>\' attribute. That link is called Dofollow Backlink.</p>\r\n<p><strong>2. Nofollow Backlink-</strong>&nbsp;Nofollow Backlinks are those links. Which are followed only by users. The crawlers of search engines do not follow such links. Nofollow links have the "<strong>rel=Nofollow</strong>" attribute. Due to which the authority of the website is not transferred to any other website.</p>\r\n<h3>How to Create Backlinks for Free</h3>\r\n<p><strong>1. Write Guest Post-</strong> If you want to make a quality dofollow backlink for your blog, then this is the best way by which you can create quality backlink for your blog/website, now friends where should you write guest posts, friends you guest Post should be done in those papular website/blog which is related to your blog/website</p>\r\n<p>For example, if your blog is related to technology, then for this you should write a guest post on the technology-related blog and website itself so that the traffic of your blog will increase and the search ranking of the blog will also increase.</p>\r\n<p><strong>2. By Commenting -</strong> When you comment on any other blog/website, then at that time you add a link to your blog/website, then it gives nofollow backlink to your blog/website which helps in increasing the traffic of your blog. But friends, you should comment on the post of the website/blog related to your blog, which will also benefit your blog/website&hellip;</p>\r\n<p><strong>3. Blog directory submission-</strong> After creating backlinks and increasing the traffic of the blog/website, so in them we only consider backlinks but friends are one of them, which we call blog directory submission. You get a quality backlink along with it helps a lot in increasing your blog\'s ranking and <a href="../../../blog/what-is-domain-authority-how-to-increase-domain-authority"><strong>domain authority</strong></a>&hellip; for this, you read this post of ours, in this, you will get complete information about blog directory submission</p>\r\n<p><strong>4. Write Quality Content &ndash;</strong> Friends, you should write a quality post in your blog/website so that the visitor visiting your blog/website can be helped by the information given in that post and that information should be useful for them so that your blog can be accessed. Visitors start liking and writing quality posts also keep you on top of your post search so that you can get more and more visitors to your blog/website post&hellip;</p>\r\n<p><strong>5. From Social Media Site-</strong> Backlink, you can create a backlink for your blog and website from any social media site like <strong>Pinterest</strong>, <strong>Facebook</strong>, <a href="../../../blog/top-20-free-high-da-social-bookmarking-websites-list-2022"><strong>social bookmarking sites</strong></a> from here you will get nofollow backlink but your It can be of great help in increasing traffic to the website.</p>\r\n<p><strong>6. Create a backlink from Quora -</strong> If you are from the blog technology or education category or are related to any other category, then you can create your profile on Quora, and here you can answer the questions of the people along with your blog. You can share the link of your blog, which will help a lot in increasing the traffic of your blog, remember that from here also you will get a no-follow backlink.</p>\r\n<p>&nbsp;</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (153, 'difference-between-bootstrap3-and-bootstrap4', 'Difference Between Bootstrap3 and Bootstrap4', '<p>Bootstrap is a CSS framework that is used to make website device friendly, it helps us to make websites mobile, tablet, desktop-friendly by using their grid system. Bootstrap has lots of features that helps web designer to design a website quickly such as carousel, navbar, collapse, cards, etc.</p>\r\n<p>In this blog, we will learn the difference between bootstrap3 and bootstrap4 is. Bootstrap3 has very limited features for a web designer but now bootstrap4 is available for a designer it comes with a lot of features that helps web designer to make a website quickly as compared to bootstrap3.<br /><br /></p>\r\n<p><strong>Let&rsquo;s see the major difference between the bootstrap3 and bootstrap4:</strong></p>\r\n<table class="table table-bordered table-striped" border="1" cellspacing="0" cellpadding="0">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>Topics</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>Bootstrap3</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>Bootstrap4</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Grid System</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has 4 grid system classes (lg,md,sm, xs).</p>\r\n<p>&nbsp;</p>\r\n<p><strong>lg:</strong>&nbsp; large device &gt;1366px resolution screen.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>md:</strong> medium device such as desktop, laptop &lt;1366px resolution.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>sm:</strong> small device such as a tablet, iPad.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xs:</strong> xtra small device such as mobile.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has 5 grid system classes (xl,lg,md,sm,xs).</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xl:</strong> xtra large screen &gt;1366px resolution.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>lg:</strong> large device such as desktop,laptop &lt;1366px resolution.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>md:</strong> medium device such as a tablet,iPad.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>sm:</strong> small device is used for mobile horizontal view.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xs:</strong> xtra small device is used for mobile vertical view.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Architecture</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Based on float system</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Based on flex.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Spacing Classes</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>&nbsp;There are no spacing classes.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has spacing classes for margin padding. For example : mt,py-4,mb-5,pb-4 etc.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Conditional Classes</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>There are no conditional classes.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has conditional classes. For example, you can use float left on the desktop and in mobile view, you can use float right without writing extra CSS code.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Responsive Image</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses .img-responsive class.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses .img-fluid class.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Carousel</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses .item-class</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses .carousel-item-class.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>CSS File</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>less</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>sass</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (154, 'difference-between-prepend-and-before-in-jquery', 'Difference Between prepend() and before() in JQuery', '<p>In JQuery there are two methods prepend() and before() that is used to add data before selected element both method looks a like similar but there is little bit difference between them. Let&rsquo;s see the difference:</p>\r\n<p><strong>1.&nbsp;<strong>prepend():</strong></strong> prepend method inserts the data at the top of its first child element.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &lt;div class=\'main\'&gt; \r\n &nbsp; &lt;div class=\'child\'&gt;child&lt;/div&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &lt;script&gt; \r\n $(\'.main\').prepend($(\'&lt;div class="firstchild"&gt;first child&lt;/div&gt;\')); \r\n &lt;/script&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt; \r\n &nbsp; </code></pre>\r\n<p><br /><strong>Check this Example in Inspect Mode You will see the output like this :</strong></p>\r\n<pre><code>This div: \r\n<strong> <br />&lt;div class="firstchild"&gt;first child&lt;/div&gt;</strong> <br />\r\n Will be added before this div <br />\r\n <strong>&lt;div class=\'child\'&gt;child&lt;/div&gt;</strong> \r\n &nbsp; </code></pre>\r\n<p><strong><br />2.&nbsp;</strong><strong>before(): </strong>This method inserts data before the selected element.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt; \r\n &lt;html&gt; \r\n &lt;head&gt; \r\n &lt;/head&gt; \r\n &nbsp; \r\n &lt;body&gt; \r\n &lt;div class=\'main\'&gt; \r\n &nbsp; &lt;div class=\'child\'&gt;child&lt;/div&gt; \r\n &lt;/div&gt; \r\n &nbsp; \r\n &nbsp; \r\n &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt; \r\n &lt;script&gt; \r\n $(\'.main\').before($(\'&lt;div class="firstchild"&gt;first child&lt;/div&gt;\')); \r\n &lt;/script&gt; \r\n &lt;/body&gt; \r\n &lt;/html&gt;</code></pre>\r\n<p><strong><br />Check this Example in Inspect Mode You will see the output like this :</strong></p>\r\n<pre><code>This div:<br /> \r\n <strong>&lt;div class="firstchild"&gt;first child&lt;/div&gt;</strong> <br />\r\n Will be added before this div <br />\r\n<strong> &lt;div class=\'main\'&gt;child&lt;/div&gt;</strong> \r\n &nbsp; \r\n </code></pre>', '1', 'blog'), (155, 'htaccess-file-not-working-on-server', '.htaccess file not working on server', '<p>In this blog, we will learn the solution to the .htaccess file problem on the Plesk server. On the Plesk server when we upload our Codeigniter project our homepage will run perfectly but our inner pages do not work because the .htacess file does not work on the Plesk server and we write index.php remove code in the .htaccess file that&rsquo;s why our inner pages do not work on Plesk server.</p>\r\n<p>So the solution is that we have to create <strong>web.config</strong> file on the root directory of our project and paste the following code:</p>\r\n<pre><code>\r\n&lt;?xml version="1.0" encoding="UTF-8"?&gt;\r\n&lt;configuration&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;system.webServer&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;rewrite&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;rules&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;rule name="Imported Rule 1" stopProcessing="true"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;match url="^(.)$" ignoreCase="false" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;conditions logicalGrouping="MatchAll"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/conditions&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;action type="Rewrite" url="index.php?url={R:1}" appendQueryString="true" /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/rule&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/rules&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/rewrite&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/system.webServer&gt;\r\n&lt;/configuration&gt;\r\n&nbsp;</code></pre>\r\n<p>This code will work fine on the Plesk server and your inner pages will work.</p>', '1', 'blog'), (156, 'how-to-check-radio-button-is-checked-or-not-in-jquery', 'How to check radio button is checked or not in jQuery', '<p>In this blog, we will learn, how to know which radio button is checked in jQuery. Sometimes in websites or web applications, there is a need to know which radio button is checked. In jQuery there are two methods <strong>is(&ldquo;:checked&rdquo;) </strong>and <strong>prop(&ldquo;checked&rdquo;)</strong> by using these methods we can check radio button is checked or not. Let&rsquo;s see the following solution:</p>\r\n<p><strong>Example1: &nbsp;</strong>Using <strong>is(": checked")</strong> method</p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;input type="radio" class="radioButtons" name="radioGroup" value="1"&gt;1\r\n&lt;input type="radio" class="radioButtons" name="radioGroup" value="2"&gt;2\r\n&nbsp;\r\n&nbsp;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function() {\r\n&nbsp;\r\n$(\'.radioButtons\').click(function(){\r\n&nbsp;\r\n&nbsp; if($(this).is(":checked"))\r\n&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; alert($(this).val());\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; });\r\n&nbsp;\r\n});\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n&nbsp;\r\n\r\n</code></pre>\r\n<p><strong>Example2: </strong>&nbsp;Using <strong>prop(&ldquo;checked&rdquo;)</strong> method:</p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;input type="radio" class="radioButtons" name="radioGroup" value="1"&gt;1\r\n&lt;input type="radio" class="radioButtons" name="radioGroup" value="2"&gt;2\r\n&nbsp;\r\n&nbsp;\r\n&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;script&gt;\r\n$(document).ready(function() {\r\n&nbsp;\r\n$(\'.radioButtons\').click(function(){\r\n&nbsp;\r\n&nbsp; if($(this).prop("checked"))\r\n&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; alert($(this).val());\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; });\r\n&nbsp;\r\n});\r\n&lt;/script&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (157, 'frontend-web-development-skills-beginners-should-learn-in-2022', 'The Frontend Web Development Skills Beginners Should Learn in 2022', '<p>Have you ever looked at your favorite website and kept wondering why the same look like that and how the buttons worked, then you need to under the web design that determines the way a particular website looks. Front-end web development is how the design actually gets implemented on the web. Everything you witness on a website is built with frontend development, also referred to as frontend web development. The people behind the front-end development are known as front-end developers.<br /><br />If you aspire to become a successful frontend developer, then you should opt for the&nbsp;best <a href="../../../front-end-developer"><strong>frontend developer course&nbsp;in Delhi</strong></a> and master the skills required in the present times.</p>\r\n<h3>The Top Front End Development Skills Beginners Should Learn in 2022</h3>\r\nThe top&nbsp;web development course&nbsp;from <strong>Web Development Institute</strong>, Delhi, is the best course to opt for beginners. Here are the inclusions of this 7-month program. This can be fast-tracked to a 4-month course or taken in a 2-month one. The major skills that the candidates learn in this program are:<br />\r\n<p><strong><br /><a href="../../../best-photoshop-training-institute">Adobe Photoshop</a>&nbsp;&ndash;</strong> Adobe Photoshop is software that is extensively used for the purpose of raster image editing, digital art, and graphic design. This makes the use of layering to allow for depth &amp; flexibility in the editing procedure and design. Overall, Adobe Photoshop offers very powerful editing tools and is one of the major modules of a&nbsp;<strong>web development course</strong>.<br /><br /><strong><a href="../../../html5-css3-course-institute-delhi">HTML5 &amp; CSS3</a>&nbsp;&ndash;</strong> HTML5 &amp; CSS3 are the most in-demand and updated skill for any web developer who wants to be the best in this profession. This skill is widely used by front-end developers in the present time and is thus a mandatory module of a&nbsp;front-end development course in Delhi. These are improved software that helps the designers provide sophisticated projects in several ways. They are very technologically evolved and thus very useful for web application development.<br /><br /><strong><a href="../../../best-responsive-bootstrap-courses">Bootstrap</a>&nbsp;&ndash;</strong> Bootstrap is the framework used to quickly design and customize responsive sites that are usually mobile-first. This is the world&rsquo;s most popular frontend open-source toolkit that features the Sass variables &amp; mixins, expensive prebuilt components, a responsive grid system &amp; powerful JavaScript plugins. So, this is one of the mandatory modules in a&nbsp;<strong>front-end development course</strong>.<br /><br /><strong><a href="../../../best-javascript-course-in-delhi">JavaScript</a>&nbsp;&ndash;</strong> JavaScript is a programming or scripting language that particularly allows you to implement complex features on web pages &ndash; every time a web page has more than just static information. JavaScript is used majorly for displaying timely content updates in a website, interactive maps, and animated 3D/2D graphics. This is also used for scrolling video jukeboxes.<br /><br /><strong><a href="../../../best-jquery-course-in-delhi">JQuery</a>&nbsp;&ndash;</strong> jQuery is a small, fast, and feature-rich JavaScript library. This makes things like HTML document manipulation and traversal, animation, event handling, and Ajax simpler with a user-friendly API that works perfectly across a multitude of browsers. This is one of the major skills taught by the best&nbsp;<strong>front-end development institute</strong>.<br /><br /><strong><a href="../../../react-js">React JS</a>&nbsp;&ndash;</strong> React is one of the very popular frontend JavaScript libraries in the wide field of web development. This is being used by established and large companies and newly-minted startups like Airbnb, Netflix, the New York Times, and Instagram. React brings several advantages to the table that makes it a better choice than the other frameworks like Angular JS. React JS is an integral part of the&nbsp;front-end development course in Delhi.<br /><br /></p>\r\n<p>The above frontend web development skills are required for becoming a successful frontend developer in 2022. So, enroll for the Front End Developer course from&nbsp;<a href="../../../"><strong>Web Development Institute</strong></a>&nbsp;and walk towards the glorious path of success by becoming a professional front-end developer.</p>', '1', 'blog'), (158, 'difference-between-bootstrap4-and-bootstrap5', 'Difference between Bootstrap4 and Bootstrap5', '<p>In this blog, we will learn what is the difference between bootstrap4 and bootstrap5 is. Bootstrap4 has a lot of features for web designers but now bootstrap5 is available for designers it comes with a extra features and better speed than bootstrap4 which helps web designers to make websites more interactive and light weight as compared to bootstrap4.</p>\r\n<p><strong>Let&rsquo;s see the difference between the bootstrap4&nbsp; and bootstrap5:</strong></p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>Topics</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>Bootstrap4</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>Bootstrap5</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Grid System</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has 5 grid system classes (xl,lg,md,sm,xs).</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xl:</strong> xtra large screen &gt;1366px resolution.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>lg:</strong> large device such as desktop,laptop &lt;1366px resolution.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>md:</strong> medium device such as a tablet,iPad.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>sm:</strong> small device is used for mobile horizontal view.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xs:</strong> xtra small device is used for mobile vertical view.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has 6 grid system classes (xxl, xl,lg,md,sm,xs).</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xxl:</strong> xx large screen &gt;1400px resolution.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xl:</strong> xtra large device such as desktop, laptop &gt;1200px resolution.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>lg:</strong> large device now it is used for ipad pro screen. Screen &gt;992px and less than &lt;1200px</p>\r\n<p>&nbsp;</p>\r\n<p><strong>md:</strong> medium device such as a tablet,iPad.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>sm:</strong> small device is used for mobile horizontal view.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>xs:</strong> xtra small device is used for mobile vertical view.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>jQuery</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It depends on the jquery file to run the bootstrap.js file.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Now it introduces Vanilla JS for better performance.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Color</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>&nbsp;It has limited colors.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It added some new colors to enhance the website look.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Icons</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>To use icons on the website, we have to use Font Awesome in bootstrap4.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Now it has owns SVG Icons.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Utilities</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>We can use bootstrap utilities but could not modify them.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>In Bootstrap5 we can modify bootstrap utilities and we can also create our own utilities.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Vertical Spacing</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It does no have any class for vertical spacing.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has vertical spacing classes.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Jumbotron</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It supports</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It does not support.</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (159, 'difference-between-codeigniter3-and-codeigniter4', 'Difference Between CodeIgniter3 and CodeIgniter4', '<p>CodeIgniter is a PHP Framework, It is based on an MVC design pattern. MVC stands for Model, View, Controller It is a very trending design pattern of programming. CodeIgniter has a lot of features that reduce our code as compared to core PHP code.</p>\r\n<p><strong>Model:</strong> this contains database-related codes.</p>\r\n<p><strong>View:</strong> this contains design files such as index, contact, about pages, etc.</p>\r\n<p><strong>Controller:</strong> it acts as an intermediate between model and view. It contains logic.</p>\r\n<p>In this blog, we will learn the difference between CodeIgniter3 and CodeIgniter4. Codeigniter3 has a lot of features for web developers but now codeigniter4 has been launched, CodeIgniter4 comes up with good performance as compared to CodeIgniter3.</p>\r\n<p><strong>Let&rsquo;s see the difference between the bootstrap3 and bootstrap4:</strong></p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>Topics</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>CodeIgniter3</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>CodeIgniter4</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>PHP Versions</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It supports &gt;5.6 version of PHP.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Has the minimum version required of PHP is 7.2 or higher</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Directory</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has 2 directories:</p>\r\n<p>&nbsp;</p>\r\n<p>1. application</p>\r\n<p>2. system</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has 5 directories:</p>\r\n<p>&nbsp;</p>\r\n<p>1. app</p>\r\n<p>2. system</p>\r\n<p>3. public</p>\r\n<p>4. writeable</p>\r\n<p>5. tests</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Namespaces</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It does not use namespaces.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It is written in PHP7 architecture, so it supports namespaces.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Performance</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses php5 so it has less performance as compared to php7.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has better performance because of PHP7 architecture.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Native supports for .env files</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It does not have any .env files.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses .env files for setting project modes such as production, development, test.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Settings</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>To run the project in CodeIgniter3 there are a number of settings to be performed.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>In this CodeIgniter4, to run the project there are minimal settings as compared to CodeIgniter3.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Autoloading</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>To autoload files we have to manually configure them.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It has a more efficient process to autoload files because of namespaces.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Migration between versions</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Migrating from Codeigniter2 to Codeigniter3 was very easy, we have to only overwrite the files.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>CodeIgniter4 is not backward compatible. To migrate from CodeIgniter3 to CodeIgniter4 requires more effort.</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (160, 'difference-between-codeigniter-and-laravel-framework', 'Difference Between CodeIgniter and Laravel Framework', '<p>In this blog, we will learn the difference between CodeIgniter and laravel framework. These two frameworks are very popular Codeigniter is a basic framework, it is easy to learn, beginner developers can learn Codeigniter easily as compared to another framework. laravel framework is little bit professional Beginners may face some difficulties to learn this framework.</p>\r\n<h2><strong>CodeIgniter</strong></h2>\r\n<p>CodeIgniter is a PHP framework. It is developed by the British Columbia Institute of technology on 28 February 2006. It is based on an MVC design pattern which is a very popular design pattern. This framework is best suitable for small-scale websites such as informative websites for e.g.: business websites, institute websites, event websites, etc. It is very lightweight as compared to other PHP frameworks.</p>\r\n<p>CodeIgniter framework is best suitable for beginner developers to learn quickly. It is a very simple and small framework fresher developers can learn this framework easily as compared to other PHP frameworks.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>Features of CodeIgniter:</strong></h3>\r\n<ol>\r\n<li>Simple and Easy to use Framework</li>\r\n<li>Lightweight as compared to others PHP frameworks</li>\r\n<li>MVC Based</li>\r\n<li>Security XSS Filtering</li>\r\n<li>Session Management</li>\r\n<li>Cache-Control</li>\r\n<li>Easy Routing</li>\r\n<li>Form and Data Validation</li>\r\n<li>Error Logging</li>\r\n<li>SEO Friendly URLs</li>\r\n<li>Inbuilt Class for Sending Email</li>\r\n<li>Support for Hooks</li>\r\n<li>Image Manipulation Library</li>\r\n</ol>\r\n<h2><strong><br />Laravel</strong></h2>\r\n<p>Laravel is a PHP framework. It is developed by Taylor Otwell in June 2011. It is an open-source PHP framework and is based on an MVC design pattern which is very popular. This framework is best suitable for large web applications such as CRM (Customer Relationship Management) Web Application, Enterprise Web Applications, etc.</p>\r\n<p>Laravel is a very demanded framework nowadays in the market because of its best features such as ORM, Blade Engine, Artisan Command-Line support, and many more.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>Features of Laravel:</strong></h3>\r\n<ol>\r\n<li>Artisan: Command Line support</li>\r\n<li>Blade Engine</li>\r\n<li>Easy Integration with third-party libraries</li>\r\n<li>Eloquent ORM</li>\r\n<li>Built-in authentication Mechanism</li>\r\n<li>Dependency Manager fully composer based</li>\r\n<li>Quality Session Control</li>\r\n<li>Libraries &amp; Modular</li>\r\n<li>Security</li>\r\n<li>Unit Testing</li>\r\n<li>MVC Based</li>\r\n</ol>\r\n<p>&nbsp;</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Let&rsquo;s see the difference between the CodeIgniter3 and Laravel:</strong></p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>Topics</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>CodeIgniter3</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p><strong>Laravel</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>REST API</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>To Integrate REST API in CodeIgniter</p>\r\n<p>Require a lot of work.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Easy to integrate REST API without spending extra effort.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Built-in Modules</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>CodeIgniter does not provide any built-in modules.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It allows developers to divide a project into small modules.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>ORM</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses Doctrine ORM</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses Eloquent ORM.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Structure</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>CodeIgniter structure is based on MVC design patterns.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It is based on an MVC design pattern with Artisan.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Template Engine</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>CodeIgniter does not offer any built-in Engine.</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It used Blade Engine for better performance.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Unit Testing</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>CodeIgniter does not offer any built-in Unit Testing tool.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It uses PHPUnit for Unit Testing, developers can check the application code thoroughly by using PHPUnit.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Learning Curve</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Beginners can learn quickly and easily.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>Beginners face some difficulties to learn this framework.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p><strong>Routing</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It supports implicit and explicit routing.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="213">\r\n<p>&nbsp;</p>\r\n<p>It supports explicit routing.</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (161, 'robots-txt-file-structure', 'Robots.txt file Structure', '<p>Robots.txt is a text file that is used to block our specific pages or resources such as pdf, doc, or some image files from indexing. Robots.txt file tells the search engine bots not to index particular pages.</p>\r\n<p>Major Search Engines (Google, Yahoo, Bing) reads our website robots.txt file and check which page should be indexed and which pages should not be indexed.<br /><br /></p>\r\n<h4><strong>Why Use Robots.txt file?</strong></h4>\r\n<p>As we already explain robots.txt file is an important file that is used to block particular pages or resources of the website.<br /><br /></p>\r\n<p><strong>Let\'s see there are 3 main reasons you should use the robots.txt file, which is the following:</strong></p>\r\n<p><strong>Block Non-Public Pages: </strong>Sometimes we have a need to block our admin pages which is not for random users such as login page, profile page, site settings, etc. we don&rsquo;t want to index these pages then here we use the robots.txt file to disallow these pages.</p>\r\n<p><strong>Block Resources: </strong>Sometimes we have a need to block our resources such as pdf files, doc files, images, js, CSS, etc. we don&rsquo;t want the goggle to crawl these resources of our website then we use robots.txt file to disallow these media files from indexing.</p>\r\n<p><strong>Block Particular Character in URL: </strong>Sometimes our website got injected from virus then our website create some random URLs and index on search engines. It affects our ranking so to prevent such types of problems we use the robots.txt file to disallow these characters in URLs. It is mostly used in dynamic websites for example which is developed in PHP frameworks such as Codeigniter, laravel, etc.</p>\r\n<p>&nbsp;</p>\r\n<h4><strong>Robots.txt file for CodeIgniter/Laravel PHP Framework</strong></h4>\r\n<pre><code>\r\nUser-agent: \r\nDisallow: /index.php/\r\nDisallow:/admin/\r\nDisallow:/media/\r\nSitemap: your-website-url/sitemap.xml<br />\r\n</code></pre>\r\n<p>In this structure, we are disallowing admin pages of our websites, media files of our websites such as CSS, js, image files, and pages that have index.php in URL. At last, we are allowing our sitemap.xml file to index.</p>\r\n<p>&nbsp;</p>\r\n<h4><strong>Robots.txt file structure for WordPress website</strong></h4>\r\n<pre><code>User-agent: \r\nDisallow: /wp-admin/\r\nDisallow: /wp-content/uploads\r\nSitemap: your-website-url/sitemap.xml<br />\r\n</code></pre>\r\n<p>In this structure, we are disallowing admin pages of our websites and media files of our websites such as CSS, js, image files. At last, we are allowing our sitemap.xml file to index.</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (162, 'best-seo-course-in-rohini-delhi', 'Best SEO course in Rohini: The rise of Digital Marketing as a career path', '<p>Are you an aspiring professional with a knack for advertising, waiting to mark your foot in the digital marketing industry? Do you often find yourself browsing for the &lsquo;<strong>Best SEO course in Rohini</strong>&rsquo;&nbsp;or &lsquo;<strong>best&nbsp;SMO course in Delhi</strong>&rsquo;? If you are someone interested in digital marketing but unaware of how to make a career path out of it, you must understand this industry works.</p>\r\n<h3>What is Digital Marketing?</h3>\r\n<p>Digital marketing, in its broadest sense, corresponds to the advertisement via digital channels like search engines, social media, email, websites, and mobile applications. Digital marketing has now become the means through which businesses promote their goods, brands, &amp; services, employing various digital platforms. Customers largely depend on internet methods to perform market analysis.&nbsp;</p>\r\n<p>Although the current digital marketing is a vast network of platforms within which businesses can easily integrate their brands. Online advertising is far more sophisticated than the platforms themselves. Lately, the trend has sprung up in various hotspots of India. The career path in digital marketing has already been paved, which is why you could spot a&nbsp;<a href="../../../digital-marketing-diploma-certificate-courses"><strong>Digital Marketing Institute in Rohini</strong></a>&nbsp;overnight. The shift is huge and is evolving.</p>\r\n<h3>Components of Digital Marketing</h3>\r\n<p>This is the era of complete digitalization, where one can find anything and everything. That is why all businesses, starting from small-scale vendors to top brands, have marked their foot in digital marketing for their products. So how does this advertising method work? Given below are some types of digital marketing that aids in the better reach of various brands and goods on digital platforms:</p>\r\n<p><strong>⦁ SEO (Search Engine Optimization)</strong><br />The purpose of SEO is about helping a company to rank better in Google search results, bringing in more visitors to the company\'s website. To do this, SEO strategists investigate the keywords or phrases that customers use more often when browsing online. The optimization works by including such keywords into their marketing content. <strong><a href="../../../blog/best-seo-training-institute-in-rohini">SEO</a></strong> involves a wide range of factors, from the text on your website pages, to the approach used by other websites to connect with you online, to the layout of your business website.<br /><br /><strong>⦁ Social Media Marketing (SMM)</strong><br />SMM encompasses all that a company does through social networking sites. Although everybody is familiar with the process, businesses should handle it in a holistic and planned manner. Social media marketing is much more than merely posting to social networking sites and reacting to responses.<br /><br /><strong>⦁ Content Marketing&nbsp;</strong><br />To enhance brand recognition, content marketing employs narratives and information exchange. The primary objective is for consumers to take that step towards becoming a client, including seeking additional details, joining an email list, or completing a transaction. Content marketing revolves around developing a long-term, trusted connection with your consumers which may result in multiple transactions with time, rather than just accomplishing a single sale.</p>\r\n<h3>How to find your way into Digital Marketing?</h3>\r\n<p>You don&rsquo;t have to be a technological wizard to master the art of digital marketing. To pursue a career in it, however, requires a few skills, just like other career paths. But before you enroll in a&nbsp;<strong>Digital Marketing course in Rohini</strong>, you must make your decision about which area of digital marketing suits you. And based on the choice, you may have to look for the necessary skills inside you.<br /><br />The SEO comprises content indexing, keyword targeting, and good link structure. Nowadays, a career in SEO is highly valued respected. From online crash courses in nooks of the globe to hopping into an&nbsp;<a href="../../../best-seo-training-institute"><strong>SEO training institute in Rohini</strong></a>, you can find the gateway to this career path from anywhere. Moreover, this marketing strategy needs an extensive understanding of how a search engine works and how websites are ranked on it. Conversely, you will have to comprehend the performance of social networking sites to pursue SMM. You can always take the easy way out and take an&nbsp;<a href="../../../best-smo-training-institute"><strong>SMO course in Delhi</strong></a>. Yes, what were merely technical terms that were unfathomable to the common man, have now become career paths that anyone can pursue.<br /><strong><br />Conclusion</strong><br />Digital marketing is now a major career path that comes with a decent turnover and almost zero investment. Moreover, it allows you to present an idea to the table, without having to sound professional. A career in Digital Marketing holds uncountable opportunities ahead since the internet is ever-growing</p>', '1', 'blog'), (163, 'how-to-create-a-dynamic-sitemap-in-codeigniter', 'How to Create a Dynamic Sitemap in CodeIgniter', '<p>A sitemap is a file that contains our website page URL. Search Engines (Google, Yahoo, Bing) read this file to crawl your website. In a sitemap file, we can add additional information of our pages such as added date, modified date to make search engines crawler understand more efficiently when our pages was added and when it was updated.</p>\r\n<p>In this blog we will learn how to create a dynamic sitemap in CodeIgniter, let&rsquo;s see the following steps:</p>\r\n<p><strong>Step1:</strong> Create a Database name <strong>codeigniter_sitemap</strong></p>\r\n<pre><code>CREATE DATABASE codeigniter_sitemap; <br /><br /></code></pre>\r\n<p><strong><br />Step2:&nbsp; </strong>Create a table <strong>page&nbsp;</strong>in the database:</p>\r\n<pre><code>\r\nCREATE TABLE pages (\r\n&nbsp;&nbsp;&nbsp; id INT NOT NULL PRIMARY KEY AUTO_INCREMENT,\r\n&nbsp;&nbsp;&nbsp; name TEXT &nbsp;NULL,\r\n&nbsp;&nbsp;&nbsp; url TEXT NULL,\r\n&nbsp;&nbsp; description LONGTEXT NULL\r\n);<br /><br /><br /></code></pre>\r\n<p><strong><br />Step3: </strong>&nbsp;Setup basic configuration in your project like base URL in <strong>config.php file</strong>, autoload necessary libraries, helper in <strong>autoload.php file.</strong></p>\r\n<pre><code>\r\n$config[\'base_url\'] = \' http://localhost/codeigniter-dynamic-sitemap;\r\n$autoload[\'helper\'] = array(\'url\');\r\n$autoload[\'model\'] = array(\'crud\');\r\n$autoload[\'libraries\'] = array(\'database\');\r\n<strong>&nbsp;</strong>\r\n</code></pre>\r\n<p><strong><br />Step4: </strong>Setup Database Connection in <strong>application&gt;config&gt;database.php file.</strong></p>\r\n<pre><code>\r\n$db[\'default\'] = array(\r\n&nbsp;&nbsp;&nbsp; \'dsn\'&nbsp;&nbsp; =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp; \'hostname\' =&gt; \'localhost\',\r\n&nbsp;&nbsp;&nbsp; \'username\' =&gt; \'root\',\r\n&nbsp;&nbsp;&nbsp; \'password\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp; \'database\' =&gt; \'codeigniter_sitemap\',\r\n&nbsp;&nbsp;&nbsp; \'dbdriver\' =&gt; \'mysqli\',\r\n&nbsp;&nbsp;&nbsp; \'dbprefix\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp; \'pconnect\' =&gt; FALSE,\r\n&nbsp; &nbsp;&nbsp;\'db_debug\' =&gt; (ENVIRONMENT !== \'production\'),\r\n&nbsp;&nbsp;&nbsp; \'cache_on\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp; \'cachedir\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp; \'char_set\' =&gt; \'utf8\',\r\n&nbsp;&nbsp;&nbsp; \'dbcollat\' =&gt; \'utf8_general_ci\',\r\n&nbsp;&nbsp;&nbsp; \'swap_pre\' =&gt; \'\',\r\n&nbsp;&nbsp;&nbsp; \'encrypt\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp; \'compress\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp; \'stricton\' =&gt; FALSE,\r\n&nbsp;&nbsp;&nbsp; \'failover\' =&gt; array(),\r\n&nbsp;&nbsp;&nbsp; \'save_queries\' =&gt; TRUE\r\n);<br /><br />\r\n\r\n</code></pre>\r\n<p><strong><br />Step5: </strong>Create Route</p>\r\n<p>Go to the following &nbsp;<strong>application&gt;config&gt;routes.php </strong>open routes.php and write down the following code:</p>\r\n<pre><code>\r\n$route[\'sitemap\\.xml\'] = "welcome/sitemap";<br /><br />\r\n</code></pre>\r\n<p><strong><br />Step6: </strong>Create a model file <strong>Crud.php</strong> in the models folder:</p>\r\n<pre><code>\r\n&lt;?php\r\nclass Crud extends CI_Model{\r\n&nbsp;&nbsp;&nbsp;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function get_data($table)\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; $data= $this-&gt;db-&gt;get($table);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; return $data-&gt;result();&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;\r\n}\r\n&nbsp;<br />\r\n</code></pre>\r\n<p><strong><br />Step7: &nbsp;</strong>Create a function <strong>sitemap()</strong> in you default controller:</p>\r\n<p><strong>application&gt;controllers&gt;Welcome.php</strong> open the following file and write down the following code:</p>\r\n<pre><code>\r\n&nbsp;\r\npublic&nbsp; function sitemap()&nbsp;\r\n&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data[\'ALLPAGES\']=$this-&gt;crud-&gt;get_data("pages");\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; header("Content-Type: text/xml;charset=iso-8859-1");\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view("sitemap",$data);\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp;\r\n\r\n</code></pre>\r\n<p><strong><br />Step8:</strong> Create a view <strong>sitemap.php</strong></p>\r\n<pre><code>\r\n&lt;urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;url&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;loc&gt;&lt;?= base_url();?&gt;&lt;/loc&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;priority&gt;1.0&lt;/priority&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/url&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;?php foreach($ALLPAGES as $page) { ?&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;url&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;loc&gt;&lt;?= base_url($page-&gt;url) ?&gt;&lt;/loc&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;priority&gt;0.5&lt;/priority&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/url&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;?php } ?&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/urlset&gt;<br />\r\n&nbsp;\r\n</code></pre>\r\n<p><br />See the output open the following url :</p>\r\n<pre><code>\r\nhttp://localhost/codeigniter-dynamic-sitemap/sitemap.xml<br />\r\n</code></pre>\r\n<p class="text-center"><a class="btn blog-read mt-15 py-3 px-5" href="../../media/uploads/blog-code-files/codeigniter_sitemap.zip">Download Source Code</a></p>', '1', 'blog'), (164, 'image-manipulation-library-in-codeigniter', 'Image Manipulation Library in CodeIgniter ', '<p>CodeIgniter Provides an Image Manipulation Library to manipulate images. Sometimes there is a need to resize, crop, watermark our images while we upload then this library plays an important role in this work. It is also called the GD library.</p>\r\n<p>CodeIgniter provides the following functions in Image Manipulation Library:</p>\r\n<ol>\r\n<li>$this-&gt;image_lib-&gt;resize()</li>\r\n<li>$this-&gt;image_lib-&gt;rotate()</li>\r\n<li>$this-&gt;image_lib-&gt;crop()</li>\r\n<li>$this-&gt;image_lib-&gt;watermark()</li>\r\n</ol>&nbsp;\r\n<p><strong><br />1. $this-&gt;image_lib-&gt;resize():</strong> this method is used to resize an image you can give the width and height whatever you want also you can manage the ratio of the image by enabling <strong>maintain_ratio: TRUE</strong>.</p>\r\n<p><strong>Example: </strong></p>\r\n<pre><code> $data = $_FILES[\'image\'][\'name\'];&nbsp;&nbsp;\r\n&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$config[\'image_library\'] = \'gd2\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'source_image\'] = $_FILES[\'image\'][\'tmp_name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'create_thumb\'] = FALSE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'maintain_ratio\'] = TRUE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'width\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'height\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'new_image\'] = \'uploads/\' . $data;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library(\'image_lib\', $config);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;image_lib-&gt;resize();\r\n</code></pre>\r\n<p><strong><br /><br />2. $this-&gt;image_lib-&gt;rotate(): </strong>this method is used to rotate an image. Sometimes some pictures clicked by the wrong angle so the image got rotated. To fix this problem we use this method.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data = $_FILES[\'image\'][\'name\'];&nbsp;&nbsp;\r\n&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$config[\'image_library\'] = \'gd2\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'source_image\'] = $_FILES[\'image\'][\'tmp_name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'create_thumb\'] = FALSE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'maintain_ratio\'] = TRUE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'rotation_angle\'] = &lsquo;90&rsquo;;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'width\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'height\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'new_image\'] = \'uploads/\' . $data;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library(\'image_lib\', $config);\r\n&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$this-&gt;image_lib-&gt;rotate();\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br /><br />3. $this-&gt;image_lib-&gt;crop(): </strong>this method is used to crop an image. Sometimes there is a need to crop a little bit part of an image then we can do this by using this method.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data = $_FILES[\'image\'][\'name\'];&nbsp;&nbsp;\r\n&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$config[\'image_library\'] = \'gd2\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'source_image\'] = $_FILES[\'image\'][\'tmp_name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'create_thumb\'] = FALSE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'maintain_ratio\'] = TRUE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'x_axis\'] = &lsquo;150&rsquo;;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'width\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'height\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'new_image\'] = \'uploads/\' . $data;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library(\'image_lib\', $config);\r\n&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$this-&gt;image_lib-&gt;crop();\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br /><br />4. $this-&gt;image_lib-&gt;watermark(): &nbsp;</strong>this method is used to add watermark on image. Sometimes we want to apply a watermark on an image to protect from copying an image.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data = $_FILES[\'image\'][\'name\'];&nbsp;&nbsp;\r\n&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$config[\'image_library\'] = \'gd2\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'source_image\'] = $_FILES[\'image\'][\'tmp_name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'create_thumb\'] = FALSE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'maintain_ratio\'] = TRUE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'x_axis\'] = &lsquo;150&rsquo;;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'width\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'height\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'wm_text\'] = \'Codeigniter @2018 &ndash; Web Development Institue\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'wm_type\'] = \'text\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'wm_font_size\'] = \'32\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$config[\'wm_font_color\'] = \'#4f1a10\';\r\n&nbsp;$config[\'wm_vrt_alignment\'] = \'middle\';\r\n&nbsp;$config[\'wm_hor_alignment\'] = \'center\';\r\n&nbsp;$config[\'wm_padding\'] = \'5\';\r\n&nbsp;$config[\'wm_margin\'] = \'20\';&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'new_image\'] = \'uploads/\' . $data;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library(\'image_lib\', $config);\r\n&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$this-&gt;image_lib-&gt;crop();\r\n&nbsp;\r\n</code></pre>\r\n<h3><strong><br />How to &nbsp;Use Image Manipulation Library:</strong></h3>\r\n<p>Now we see the following steps on how we can use this library on our project. In this example, we are using only <strong>resize()</strong> method you can use another method by just changing the controller code. Let&rsquo;s see the following steps:</p>\r\n<p><strong><br />Step1: &nbsp;</strong>Write the following code in your default view file: <strong>welcome_message </strong></p>\r\n<pre><code>\r\n&lt;?php\r\ndefined(\'BASEPATH\') OR exit(\'No direct script access allowed\');\r\n?&gt;&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;GD Library&lt;/title&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;h1&gt;GD Library&lt;/h1&gt;\r\n&nbsp;\r\n&lt;form method="post" enctype="multipart/form-data"&gt;\r\n&lt;input type="file" name="image"&gt;\r\n&lt;input type="submit" name="submit"&gt;\r\n&lt;/form&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Step2: &nbsp;</strong>Write the following code in your default controller file: <strong>Welcome.php</strong></p>\r\n<pre><code>\r\n&lt;?php\r\ndefined(\'BASEPATH\') OR exit(\'No direct script access allowed\');\r\n&nbsp;\r\nclass Welcome extends CI_Controller {\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; /*\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Index Page for this controller.\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Maps to the following URL\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or -\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://example.com/index.php/welcome/index\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; - or -\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; Since this controller is set as the default controller in\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* config/routes.php, it\'s displayed at http://example.com/\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; So any other public methods not prefixed with an underscore will\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* map to /index.php/welcome/&lt;method_name&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;* @see https://codeigniter.com/user_guide/general/urls.html\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;/\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //public $is_hookable = TRUE;\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public function index()\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; if(isset($_POST[\'submit\']))\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data = $_FILES[\'image\'][\'name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'image_library\'] = \'gd2\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'source_image\'] = $_FILES[\'image\'][\'tmp_name\'];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'create_thumb\'] = FALSE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'maintain_ratio\'] = TRUE;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'width\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'height\'] = 300;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $config[\'new_image\'] = \'uploads/\' . $data;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;library(\'image_lib\', $config);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;image_lib-&gt;resize();\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $img = \'&lt;img src="\' . base_url() . \'uploads/\' . $data . \'"&gt;\';\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; echo json_encode(array(\'img\' =&gt; \'file uploaded successfully\'));\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $this-&gt;load-&gt;view(\'welcome_message\');\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n}\r\n</code></pre>\r\n<p><strong><br />Step3: &nbsp;</strong>To upload an image on the directory you must create directory name <strong>uploads</strong> in the root directory of your project.</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (165, 'bootstrap4-most-important-css-classes', 'Bootstrap4 Most Important CSS Classes', '<p>In this blog, we will learn about Bootstrap4\'s most important classes that are mostly used in a project. Bootstrap4 has a number of classes that are useful for our project such as spacing classes, display classes, colors, form classes, etc.</p>\r\n<p>Let&rsquo;s see the most important Bootstrap4 Classes which every web designer should know:</p>\r\n<p><strong>1. Spacing Classes: </strong>Bootstrap4 provides spacing classes that are very useful for our project. In spacing classes It uses some of the following syntaxes:</p>\r\n<p><strong>m:</strong> stands for margin.</p>\r\n<p><strong>p:</strong> stands for padding.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Directions:</strong></p>\r\n<p><strong>t:</strong> stands for top</p>\r\n<p><strong>b:</strong> stands for bottom</p>\r\n<p><strong>l:</strong> stands for left</p>\r\n<p><strong>r:</strong> stands for right</p>\r\n<p><strong>y:</strong> stands for the y-axis (top and bottom)</p>\r\n<p><strong>x:</strong> stands for the x-axis (right and left)</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Values:</strong></p>\r\n<p><strong>0: </strong>0px</p>\r\n<p><strong>1:</strong> 4px</p>\r\n<p><strong>2:</strong> 8px</p>\r\n<p><strong>3:</strong> 16px</p>\r\n<p><strong>4:</strong> 24px</p>\r\n<p><strong>5:</strong> 48px</p>\r\n<p>&nbsp;</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Class</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Description</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.m-# / m--#</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Margin all sides</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.mt-# / mt--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Margin top</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.mb-# / mb--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Margin bottom</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.ml-# / ml--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Margin left</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.mr-# / mr--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Margin right</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.mx-# / mx--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Margin right and left</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.my-# / my--#</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Margin top and bottom</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.p-# / p--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Padding all sides</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.pt-# / pt--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Padding top</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.pb-# / pb--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Padding bottom</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.pr-# / pr--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Padding right</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.pl-# / pl--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Padding left</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.py-# / py--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Padding top and bottom</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.px-# / px--#</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Padding right and left</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>In above table we have used symobles:</strong></p>\r\n<p><strong># :</strong>&nbsp; it is used for values like mt-3,py-4,pb-5 etc.</p>\r\n<p><strong> :</strong> It is used for device like mt-sm-4 , mb-md-4 etc.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Example: </strong></p>\r\n<p>&lt;div class=&rdquo;my-2&rdquo;&gt;&lt;/div&gt;</p>\r\n<p>In this example we used my-2 means margin top and bottom 8px.</p>\r\n<p>&lt;div class=&rdquo;pt-5&rdquo;&gt;&lt;/div&gt;</p>\r\n<p>In this example we used pt-5 means padding-top 48px.</p>\r\n<p>&nbsp;</p>\r\n<p>You can use these spacing classes to reduce unnecessary CSS code. If you want to give margin or padding more than 48px then you can use your own CSS class.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>2. form classes: </strong>&nbsp;Bootstrap4 provides form classes to style our form elements. Which are the following;</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p><strong>Class</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p><strong>Description</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.form-control</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>It is used to design our input element with the following property:</p>\r\n<p>&nbsp;</p>\r\n<p>display: block;</p>\r\n<p>&nbsp;&nbsp;&nbsp; width: 100%;</p>\r\n<p>&nbsp;&nbsp;&nbsp; height: calc(1.5em + 0.75rem + 2px);</p>\r\n<p>&nbsp;&nbsp;&nbsp; padding: 0.375rem 0.75rem;</p>\r\n<p>&nbsp;&nbsp;&nbsp; font-size: 1rem;</p>\r\n<p>&nbsp;&nbsp;&nbsp; font-weight: 400;</p>\r\n<p>&nbsp;&nbsp;&nbsp; line-height: 1.5;</p>\r\n<p>&nbsp;&nbsp;&nbsp; color: #495057;</p>\r\n<p>&nbsp;&nbsp;&nbsp; background-color: #fff;</p>\r\n<p>&nbsp;&nbsp;&nbsp; background-clip: padding-box;</p>\r\n<p>&nbsp;&nbsp;&nbsp; border: 1px solid #ced4da;</p>\r\n<p>&nbsp;&nbsp;&nbsp; border-radius: 0.25rem;</p>\r\n<p>&nbsp;&nbsp;&nbsp; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.form-group</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>It is used as a parent element of label and input. It uses margin-bottom: 1rem. This class is used on the div element.</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.form-inline</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>This class is used to style our form inline . it uses following property:</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;&nbsp;&nbsp; display: flex;</p>\r\n<p>&nbsp;&nbsp;&nbsp; flex-flow: row wrap;</p>\r\n<p>&nbsp;&nbsp;&nbsp; align-items: center;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p><strong>3. Display Classes: &nbsp;</strong>Bootstrap4 Provides Display classes to hide and show elements on a particular device.</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p><strong>Class</strong></p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p><strong>Description</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-none</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>This class is used to hide elements on all devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-none .d-sm-block</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on Xtra small device and show on small and above devices.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-sm-none .d-md-block</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on small devices and shown on the medium device and above devices.</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-md-none .d-lg-block</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on the medium device.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-lg-none .d-xl-block</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on large devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-xl-none</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Hidden only on the extra-large devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-block</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Display block on all devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-block .d-sm-none</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Visible only on Xtra small device.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-none .d-sm-block .d-md-none</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Visible only on a small device.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-none .d-md-block .d-lg-none</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Visible only on medium devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-none .d-lg-block .d-xl-none</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Visible only on large devices.</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>.d-none .d-xl-block</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>Visible only on extra-large devices.</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p><strong>4. Color Classes: &nbsp;</strong>Bootstrap provides a color class that helps to color our buttons, background, and text.</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p><strong>Classes</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.bg-primary</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.bg-warning</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.bg-success</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.bg-info</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.bg-danger</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.bg-dark</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.bg-light</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.text-primary</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.text-scuccess</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.text-info</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.text-danger</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.text-light</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.text-dark</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="205">\r\n<p>&nbsp;</p>\r\n<p>.text-white</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p><strong>5. table classes: </strong>Bootstrap Provides table classes to style an HTML table.</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Classes</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p>&nbsp;</p>\r\n<p>.table</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p>&nbsp;</p>\r\n<p>.table-bordered</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p>&nbsp;</p>\r\n<p>.table-responsive</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p>&nbsp;</p>\r\n<p>.table-striped</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p>&nbsp;</p>\r\n<p>.table-dark</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p>&nbsp;</p>\r\n<p>.table-hover</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="271">\r\n<p>&nbsp;</p>\r\n<p>.table-(any color name like primary, success)</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p><strong>6. Button Classes: </strong>Button Classes is used to style button.</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Classes</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.btn</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.btn-(any color class name like primary, success, info, etc.)</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.btn-outline-(any color class name like primary, success, info, etc.)</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.btn-group</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.btn-sm</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.btn-lg</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p><strong>7. Image Classes: </strong>Bootstrap provides a class for images to be responsive, round, and circle.</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Classes</strong></p>\r\n<p><strong>&nbsp;</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.img-fluid</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.img-circle</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="638">\r\n<p>&nbsp;</p>\r\n<p>.img-rounded</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (167, 'ultimate-full-stack-web-development-course-at-web-development-institute', 'Ultimate Full Stack Web Development Course at Web Development Institute', '<p>The&nbsp;Full-stack web development course&nbsp;of&nbsp;Web Development Institute&nbsp;teaches the incumbents the methods of applying both front-end and back development protocols for developing websites. This particular field is perpetually gaining popularity in the present times due to the boom in digital businesses across various sectors. This combines the overall work of managing the databases and servers and system engineering. Full-stack developers are in huge demand across the globe.<br /><br />The&nbsp;<strong>full-stack web development course</strong>&nbsp;is of <strong>9 months</strong> duration with 3 classes in a week if pursued under regular mode. This can be fast-tracked to 6 months with 5 classes every week. Also, this course can be pursued as a Crash course where the <a href="../../../"><strong>web development course</strong></a> is imparted in 4 months with 5 classes each of one and half hours.<br /><br /></p>\r\n<h3>Eligibility to join the course</h3>\r\n<ul>\r\n<li>You may join the&nbsp;full-stack web development course in Delhi&nbsp;if you have the following qualifications:</li>\r\n<li>10th, 12th, or equivalent to the same</li>\r\n<li>BCA/MCA, B.Tech, M.Tech, B.Sc. (IT), B.Sc. (CS)</li>\r\n<li>Diploma holders</li>\r\n</ul>\r\n<br />\r\n<h4><strong>Syllabus of the Full Stack Web Development course at Web Development Institute&nbsp;<br /><br /></strong></h4>\r\n<h4>1. UI Interface &amp; Web Design<br /><br /></h4>\r\n<p><strong><a href="../../../best-photoshop-training-institute">Adobe Photoshop</a>&nbsp;&ndash;</strong> Adobe Photoshop is a software application for image editing and photo retouching. It can be used on macOS computers or Windows. Photoshop offers the users the ability to create, enhance, or edit images, illustrations, and artwork. Changing backgrounds, simulating a real-life painting, or creating some alternative view of the universe can easily be made possible with the help of Adobe Photoshop. This is the most widely used software tool for photo editing, retouching, and image manipulation for several images &amp; video formats. This is one of the major modules of&nbsp;<strong>web development training</strong>.&nbsp;&nbsp;<br /><br /><strong><a href="../../../html5-css3-course-institute-delhi">HTML &amp; CSS3</a>&nbsp;&ndash;</strong> HTML stands for Hypertext Markup Language, and it is the language that is used for defining the structure of a particular web page. HTML is being used extensively along with CSS and JavaScript for designing the best web pages. HTML is the basic building block of any website. This has different attributes &amp; elements with various properties. Whereas CSS stands for Cascading Style Sheets, which is being used to style web documents. This is used to provide the preferred color to the background and used for styling a website. These are the major components of the&nbsp;<strong>full-stack development course</strong>.<br />&nbsp;<br /><strong><a href="../../../best-responsive-bootstrap-courses">Bootstrap</a>&nbsp;&ndash;</strong> Bootstrap is one of the very popular CSS frameworks used to develop mobile-first and responsive websites. Bootstrap 5 is the newest version presently.<br /><br /></p>\r\n<h4>2. Advanced UI Interface/Frontend Developer<br /><br /></h4>\r\n<p><strong><a href="../../../best-javascript-course-in-delhi">JavaScript</a>&nbsp;&ndash;</strong> JavaScript is a text-based programming language that is being extensively used both by the client-side and the server-side to make web pages more interactive.<br /><br /><strong><a href="../../../best-jquery-course-in-delhi">JQuery</a>&nbsp;&ndash;</strong> JQuery is a small, fast, and feature-rich<strong> JavaScript</strong> library.<strong> JQuery</strong> helps in the HTML document traversal, manipulation, animation, event handling, and Ajax simpler to use. This is a prime module of&nbsp;web development training.&nbsp;&nbsp;<br /><br /><strong><a href="../../../react-js">React JS</a>&nbsp;&ndash;</strong> React is one of the very popularly used front-end JavaScript libraries used in the field of web development. This is usually being used by big and established companies and dynamic startups like Airbnb, Netflix, etc.<br />&nbsp;</p>\r\n<h4>3. Web Development/Backend Developer<br /><br /></h4>\r\n<p><strong>&nbsp;<a href="../../../advance-php-and-mysql-course-institute">PHP &amp; MySQL</a>&nbsp;&ndash;</strong> PHP is a very fast &amp; feature-rich open-source scripting language used to develop web applications or internet applications. This is one of the very necessary modules in&nbsp;a full-stack web development course.<br /><br /><strong><a href="../../../php-codelgniter-course-institute">CodeIgniter</a>&nbsp;&ndash;</strong> CodeIgniter is a PHP MVC framework that is being used for the development of web applications very rapidly. CodeIgniter provides the box libraries for connecting to the database and performing different operations like uploading files, sending emails, managing sessions, etc.<br /><br /><strong><a href="../../../laravel">Laravel</a>&nbsp;&ndash;</strong> Laravel is an open-source PHP framework that is easily understandable and is robust. This follows a model-view-controller design pattern that reuses the various existing components of the various frameworks to create web applications.<br /><br /><strong>AJAX &amp; JSON&nbsp;&ndash;</strong> AJAX stands for Asynchronous JavaScript &amp; HML used to create asynchronous web applications. Several developers use JSON to pass AJAX updates in between the client &amp; the server. AJAX &amp; JSON are major modules of the&nbsp;<a href="../../../full-stak-developer"><strong>full-stack developer course in Delhi</strong></a>.<br /><br /></p>\r\n<h4>Conclusion&nbsp;</h4>\r\n<p>So, if you are gearing up to become a successful full-stack web developer, get yourself enrolled with Web Development Institute in Rohini, Delhi, and build a rewarding career for yourself.</p>\r\n<p><br /><br /><br /></p>', '1', 'blog'), (168, 'what-are-moz-and-webkit-in-css', 'What are -moz and -webkit in CSS ', '<p>In this blog, we will learn CSS Vendor prefixes properties. Sometimes we see <strong>&ndash;moz, -webkit, -o etc</strong>. in many css3 properties like in a border radius, transition, animation, and many more. let&rsquo;s see what are CSS prefixed properties, why should we use them, how to use these.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>What are CSS Vendor Prefixes?</strong></p>\r\n<p>CSS Prefixes are nothing just a simple name followed by the (-) character with the valid identifier. Here are some popular CSS prefixes are following:</p>\r\n<p>&nbsp;</p>\r\n<table class="table table-bordered table-striped">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p><strong>Prefix</strong></p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p><strong>Browser</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>-webkit-</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>For safari browser, Android Browser</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>-moz-</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>For Firefox Browser</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>-o-</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>For opera Browser</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>-ms-</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="319">\r\n<p>&nbsp;</p>\r\n<p>For Microsoft Edge, Internet Explorer</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>&nbsp;</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code> .box {\r\n-webkit-animation-name: changecolor;\r\n&nbsp; -o-animation-name: changecolor;\r\n&nbsp; -ms-animation-name: changecolor;\r\n&nbsp; -moz-animation-name: changecolor;\r\n&nbsp; animation-name: changecolor;\r\n}\r\n</code></pre>\r\n<p><strong><br /><br />Why Should we use CSS Prefixer?</strong></p>\r\n<p>CSS Prefixer is mandatory for all new CSS3 Properties to work properly in all browers. In many browsers such as opera, Mozilla, internet explorer css properties does not work. There are some CSS3 properties which uses CSS prefixer:</p>\r\n<ul>\r\n<li>background-image:linear-gradient(#000,#f00);</li>\r\n<li>border-radius:10px;</li>\r\n<li>animation-name:changecolor;</li>\r\n<li>transition: all 2s;</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<p><strong><br />How to use CSS Prefixer?</strong></p>\r\n<p>You can use CSS prefixes in two ways:</p>\r\n<ol>\r\n<li>Add manually CSS Prefixer</li>\r\n<li>Automatically add CSS Prefixer</li>\r\n</ol>\r\n<p>&nbsp;</p>\r\n<p><strong><br />Add Manually CSS Prefixer:</strong></p>\r\n<p>You can add manually CSS prefixer in CSS3 Properties, but it is a very hard working process to add manually one by one.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code> .box {\r\n-webkit-animation-name: changecolor;\r\n&nbsp; -o-animation-name: changecolor;\r\n&nbsp; -ms-animation-name: changecolor;\r\n&nbsp; -moz-animation-name: changecolor;\r\n&nbsp; animation-name: changecolor;\r\n}\r\n</code></pre>\r\n<p><strong><br /><br />Automatically add CSS Prefixer:</strong></p>\r\n<p>You can automatically add CSS prefixer in your all CSS properties where it is necessary by using the following website:</p>\r\n<pre><code>https://autoprefixer.github.io/</code></pre>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (169, 'how-to-design-a-custom-scrollbar-in-css', 'How to Design a Custom Scrollbar', '<p>In this blog, we will learn, how to design a custom scrollbar on a website. Nowadays custom scrollbar is trending, most websites use custom-designed scrollbar rather than default scrollbar. Custom scrollbar enhances our website look.</p>\r\n<p><strong><br />Let&rsquo;s see the following properties of the scrollbar:</strong></p>\r\n<ol>\r\n<li><strong>::-webkit-scrollbar:-</strong> This property is used to give width to the scrollbar.</li>\r\n<li><strong>::webkit-scrollbar-track:-</strong> &nbsp;This property is used to design scrollbar track. We can give background color, border, shadow, etc.</li>\r\n<li><strong>::webkit-scrollbar-thumb:- &nbsp;</strong>This property is used to design scroll thumb. We can give background color, border-radius to the thumb.</li>\r\n<li><strong>::webkit-scrollbar-button:- </strong>&nbsp;This property is used to style a little bit part of the top and bottom of the scrollbar. We can give background color to this property. This property is rare used in a website.</li>\r\n<li><strong>::webkit-scrollbar-track-piece:- </strong>It covers the part of the scrollbar that is not covered by the thumb.</li>\r\n<li><strong>::webkit-scrollbar-corner:- &nbsp;</strong>It is the point where horizontal and vertical scrollbars meet.</li>\r\n</ol>\r\n<p><strong><br /><br /><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\n.main\r\n{\r\nwidth:100%;\r\nheight:1000px;\r\nbackground:#ddd;\r\n}\r\n&nbsp;\r\n::-webkit-scrollbar {\r\n&nbsp;&nbsp;&nbsp; width: 8px\r\n}\r\n&nbsp;\r\n&nbsp;::-webkit-scrollbar-track {\r\n&nbsp;&nbsp;&nbsp; background: #888\r\n}\r\n&nbsp;\r\n&nbsp;::-webkit-scrollbar-thumb {\r\n&nbsp;&nbsp;&nbsp; background: #f1f1f1\r\n}\r\n&nbsp;\r\n::-webkit-scrollbar-button\r\n{\r\nbackground:#f00;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;div class="main"&gt;<br />\r\n&lt;p&gt;WDI (Web Development Institute) is registered as Training Institute as well as is <br />located in Delhi Area recognized for offering specialist training throughout the world. <br />We provide a diploma as well as certification training courses in the field of Web Designing, <br />Digital Marketing, along with Web Development. Our training course curriculum is planned to equip you <br />with relevant information regarding the best and most current developments that are being made use of in the sector.&lt;/p&gt;<br />\r\n&lt;/div&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (170, 'how-to-create-a-smooth-scroll-in-css', 'Smooth Scroll in CSS', '<p>In this blog, we will learn how to create a smooth scroll via CSS. Sometimes there is a need to create a smooth scroll on a website, mostly when we have a single page website and want to move to a particular section on click of the anchor tag.</p>\r\n<p>We can create a smooth scroll by using pure CSS code there is no need for Javascript or jQuery. Let&rsquo;s see how we can do this:</p>\r\n<p><strong><br />You have to write the following code in your CSS file:</strong></p>\r\n<pre><code>\r\nhtml {\r\n&nbsp; scroll-behavior: smooth;\r\n}\r\n</code></pre>\r\n<p><strong><br /><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nhtml {\r\n&nbsp; scroll-behavior: smooth;\r\n}\r\n&nbsp;\r\n.main\r\n{\r\nwidth:100%;\r\nheight:2000px;\r\nbackground:#ddd;\r\n}\r\n&nbsp;\r\n.menu\r\n{\r\n&nbsp;&nbsp; width:100%;\r\n&nbsp;&nbsp; height:100px;\r\n&nbsp;&nbsp; background:#ddd;\r\n}\r\n&nbsp;\r\n.section\r\n{\r\nwidth:100%;\r\nheight:300px;\r\nbackground:#f00;\r\nmargin:100px 0;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;div class="main"&gt;\r\n&nbsp;\r\n&lt;div class="menu"&gt;\r\n&lt;a href="#section1"&gt;section1&lt;/a&gt;\r\n&lt;a href="#section2"&gt;section2&lt;/a&gt;\r\n&lt;a href="#section3"&gt;section3&lt;/a&gt;\r\n&lt;a href="#section4"&gt;section4&lt;/a&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;div class="section" id="section1"&gt;\r\nsection1\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;div class="section" id="section2"&gt;\r\nsection2\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;div class="section" id="section3"&gt;\r\nsection3\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;div class="section" id="section4"&gt;\r\nsection4\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (171, 'difference-between-setinterval-and-settimeout', 'Difference Between setInterval() and setTimeout()', '<p>In this blog, we will learn the difference between <strong>setTimeout() and setInterval() </strong>timing methods of JavaScript. Sometimes there is a need to execute our function at a certain period of time.</p>\r\n<p>In JavaScript there are two timing methods available:</p>\r\n<ol>\r\n<li><strong>setTimeout()</strong></li>\r\n<li><strong>setInterval()</strong></li>\r\n</ol><br />\r\n<p><strong>setTimeout(): </strong>This method is used to call our function after a specified number of milliseconds.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>window.setTimeout(function, milliseconds);\r\n</code></pre>\r\n<p><strong><br />Example1:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nsetTimeout(myFunction, 3000);\r\n&nbsp;\r\nfunction myFunction() {\r\n&nbsp; console.log(\'Hello\');\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example, we have created a function <strong>myFunction() </strong>and then used the&nbsp;<strong>setTimeout()</strong> method to call this function after 3 seconds.</p>\r\n<p><strong><br />Example2: </strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nsetTimeout(function()\r\n{\r\n&nbsp; console.log(\'Hello\');\r\n}, 3000);\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example, we have used an anonymous function to use setTimeout method. We have two options we can use a separate function to use setTimeout() or we can use an anonymous function. &nbsp;</p>\r\n<p><strong><br /><br />setInterval(): </strong>This method is used to call a function continuously after a specified number of milliseconds.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>\r\nwindow.setInterval(function, milliseconds);\r\n</code></pre>\r\n<p><strong><br />Example1:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nsetInterval(myFunction, 3000);\r\n&nbsp;\r\nfunction myFunction() {\r\n&nbsp; console.log(\'Hello\');\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example <strong>setInterval()</strong> method will call a function <strong>myFunction()</strong> continuously after 3 second.</p>\r\n<p><strong><br />Example2: </strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nsetInterval(function()\r\n{\r\n&nbsp; console.log(\'Hello\');\r\n}, 3000);\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><br />In this example, we have used the anonymous function.</p>\r\n<p><br />By using timing methods we can create a number of useful examples some of the following:</p>\r\n<ol>\r\n<li>Open POP UP box after a specified number of second</li>\r\n<li>automatic image slideshow</li>\r\n</ol>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (172, 'javascript-important-topics-before-learning-react-js', 'JavaScript Important topics before learning React JS', '<p>In this blog, we will learn javascript important topics before learning to react js. Every front-end developer or web designer should learn these topics before moving to learn to react js. React JS uses newly added syntax or features of JavaScript.</p>\r\n<p>Here are some important topics that every web designer or front end developer should learn, which are the following:</p>\r\n<ol>\r\n<li>Let, const</li>\r\n<li>Arrow function</li>\r\n<li>Map()</li>\r\n<li>Class</li>\r\n<li>Object</li>\r\n<li>Inheritance</li>\r\n<li>Array destructuring</li>\r\n<li>Backticks(``)</li>\r\n<li>Spread operator(...)</li>\r\n</ol>&nbsp;\r\n<p><strong>1. Let and Const: &nbsp;</strong>Let is an improved version of <strong>var. </strong>Let keyword introduced in ES6, it is used for variable declaration, it resolved the problem of <strong>hoisting</strong> that occurs when we used <strong>var</strong> keyword.</p>\r\n<p>In <strong>var </strong>keyword, there is a problem, in var keyword we can access the value of a variable without declaration, but in let we cant.</p>\r\n<p><strong>Example:</strong> by using <strong>var</strong> keyword</p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p id="demo"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nx = 5;\r\n&nbsp;\r\nelem = document.getElementById("demo");\r\nelem.innerHTML = x;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;\r\nvar x;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />This example will give an output = 5</p>\r\n&nbsp;\r\n<p><strong>Example:</strong> by using <strong>let</strong> keyword</p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p id="demo"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nx = 5;\r\n&nbsp;\r\nelem = document.getElementById("demo");\r\nelem.innerHTML = x;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;\r\nlet &nbsp;x;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />This example will throw an error.</p>\r\n&nbsp;\r\n<p>So the conclusion is that we should use the&nbsp;<strong>let</strong> keyword in our project instead of <strong>var</strong>&nbsp;because in <strong>let</strong> keyword there are minimal chances of mistakes in our code.</p>\r\n&nbsp;\r\n<p><strong><br />2. Arrow function: </strong>Arrow function is nothing it is a modern version of function it is written by an arrow that&rsquo;s why it is called an arrow function. It is a modern syntax of the function.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\nmyfunction()=&gt;{\r\nconsole.log(&ldquo;arrow function&rdquo;);\r\n}\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />3. Map(): </strong>&nbsp;map() method is used to modify each element of an array.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&lt;script&gt;\r\nconst array1 = [1, 4, 9, 16];\r\nconst map1 = array1.map(x =&gt; x * 2);\r\nconsole.log(map1);\r\n&lt;/script&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />4. class: </strong>&nbsp;classes are templates for creating objects. The class contains methods, constructors, to access class data we must create an object first.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&lt;script&gt;\r\nclass Car {\r\n&nbsp; constructor(name, year) {\r\n&nbsp;&nbsp;&nbsp; this.name = name;\r\n&nbsp;&nbsp;&nbsp; this.year = year;\r\n&nbsp;\r\n&nbsp; }\r\n&nbsp; age() {\r\n&nbsp;&nbsp;&nbsp; let date = new Date();\r\n&nbsp;&nbsp;&nbsp; return date.getFullYear() - this.year;\r\n&nbsp; }\r\n}\r\n&nbsp;\r\nlet myCar = new Car("Ford", 2014);\r\ndocument.getElementById("demo").innerHTML =\r\n"My car is " + myCar.age() + " years old.";\r\n&lt;/script&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />5. object:</strong> objects are like an array that contains many values in a single variable. Objects are a little bit different from an array, an array stores data in the indexed format while objects store data in key-value pairs. The object is more simple as compared to the array.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&lt;p id="demo"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nlet person = {\r\n&nbsp; firstName : "John",\r\n&nbsp; lastName&nbsp; : "Doe",\r\n&nbsp; age&nbsp;&nbsp;&nbsp;&nbsp; : 50,\r\n&nbsp; eyeColor&nbsp; : "blue"\r\n};\r\n&nbsp;\r\ndocument.getElementById("demo").innerHTML = person.firstName + " " + person.lastName;\r\n&lt;/script&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />6. inheritance: </strong>is a concept of object-oriented programming that is used to inherit all methods and properties of the parent class. <strong>extends</strong> keyword is used for inheritance in JavaScript.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&lt;p id="demo"&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nclass Car {\r\n&nbsp; constructor(brand) {\r\n&nbsp;&nbsp;&nbsp; this.carname = brand;\r\n&nbsp; }\r\n&nbsp; present() {\r\n&nbsp;&nbsp;&nbsp; return \'I have a \' + this.carname;\r\n&nbsp; }\r\n}\r\n&nbsp;\r\nclass Model extends Car {\r\n&nbsp; constructor(brand, mod) {\r\n&nbsp;&nbsp;&nbsp; super(brand);\r\n&nbsp;&nbsp;&nbsp; this.model = mod;\r\n&nbsp; }\r\n&nbsp; show() {\r\n&nbsp;&nbsp;&nbsp; return this.present() + \', it is a \' + this.model;\r\n&nbsp; }\r\n}\r\n&nbsp;\r\nlet myCar = new Model("Ford", "Mustang");\r\ndocument.getElementById("demo").innerHTML = myCar.show();\r\n&lt;/script&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br /><br /></p>\r\n<p><strong>7. Array Destructuring: </strong>Array Destructuring means breaking down complex arrays into simpler parts. It can be used for assignments and declaration of a variable.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&lt;script&gt;\r\nconst foo = [\'red\', \'yellow\', \'green\'];\r\n&nbsp;\r\nconst [a, b, c] = foo;\r\nconsole.log(a); // "red"\r\nconsole.log(b); // "yellow"\r\nconsole.log(c); // "green"\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n\r\n</code></pre>\r\n<p><strong><br />8. Backticks(``): </strong>&nbsp;It is a modern version to concatenate strings.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;script&gt;\r\nconst name = \'Rakesh\';\r\nconst surname = \'kumar\';\r\nconst telephone = \'7838370333\';\r\n// "Old syntax"\r\nconst userInfo = \'User info: \' + name + \' \' + surname + \' \' + telephone;\r\n// "New syntax"\r\nconst userInfo = `User info: ${name} ${surname} ${telephone}`;\r\n&lt;/script&gt;\r\n</code></pre>\r\n<br /><br /><br />\r\n<p><strong>9. Spread Operator(&hellip;): </strong>&nbsp;It was introduced in ES6. It looks like a Rest Parameter but it works opposite of that. The spread operator is used to copy,concat or expand an array.</p>\r\n<p><strong><br />Example: &nbsp;Copying an array</strong></p>\r\n<pre><code>\r\nlet fruits = [\'Apple\',\'Orange\',\'Banana\'];\r\nlet newFruitArray = [...fruits];\r\nconsole.log(newFruitArray); // [\'Apple\',\'Orange\',\'Banana\']\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Example: Concatenating array</strong></p>\r\n<pre><code>\r\nlet arr1 = [\'A\', \'B\', \'C\'];\r\nlet arr2 = [\'X\', \'Y\', \'Z\'];\r\nlet result = [...arr1, ...arr2];\r\nconsole.log(result); // [\'A\', \'B\', \'C\', \'X\', \'Y\', \'Z\']\r\n</code></pre>\r\n<br /><br />', '1', 'blog'), (173, 'canonical-for-dynamic-pages-in-codeigniter', 'Canonical for dynamic pages in CodeIgniter', '<p>In this blog, we will learn how to use canonical for dynamic pages in Codeigniter. Canonical is an important part of SEO, It is used to prevent URL duplicity. It tells the search engine this page has a particular URL.</p>\r\n<p>Let&rsquo;s see how we use canonical in CodeIgniter, paste this code in the head section of your page:<br /><br /></p>\r\n<pre><code>\r\n&nbsp;&lt;?php<br /> echo \'&lt;link rel="canonical" href="\' . site_url( $this-&gt;uri-&gt;uri_string() ) . \'" /&gt;\' ?&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;head&gt;\r\n&nbsp;&lt;?php<br /> echo \'&lt;link rel="canonical" href="\' . site_url( $this-&gt;uri-&gt;uri_string() ) . \'" /&gt;\' ?&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n</code></pre>\r\n<h3><strong><br />Why should we use canonical in our page?</strong></h3>\r\n<p>Duplicate URL or content is very harmful to our website, when search engines crawl our website pages if we don&rsquo;t use canonical it crawl our single page multiple times and treat it as duplicate. If a search engine finds duplicate content it give a bad impact on our website ranking.</p>\r\n<p>So keep in mind canonical is necessary for making our website search engine friendly.</p>', '1', 'blog'), (174, 'types-of-css', 'Types of css', '<p>In this blog, we will learn about CSS types. CSS is used to style HTML elements such as change font size, color, background image, gradient, rounded corner, etc.&nbsp; There are three ways to style an element that is inline, internal, external.</p>\r\n<p><strong>CSS TYPES</strong></p>\r\n<ul>\r\n<li>Inline CSS</li>\r\n<li>Internal CSS</li>\r\n<li>External CSS</li>\r\n</ul>\r\n&nbsp;\r\n<p><strong><br />Inline CSS: </strong>As its name suggests, written in HTML tag by using the style attribute. Inline CSS is used to style one element at a time. It is less used on a website because it is not reusable.</p>\r\n<p><strong><br />It is used when:</strong></p>\r\n<ul>\r\n<li>We design e-mail templates for sending emails.</li>\r\n<li>We design printable designs such as invoices, prescriptions.</li>\r\n</ul>\r\n<p>In these two cases, we use inline CSS.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;&lt;/title&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p style="color:red;"&gt;hello css&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Internal CSS: </strong>Internal CSS is used to style multiple elements on a single page. Internal CSS is better than inline CSS but it has limitations too. It is useful for a single-page website because it is also not reusable for multiple pages.</p>\r\n<p><strong><br />It is used when:</strong></p>\r\n<ul>\r\n<li>We design a single-page website.</li>\r\n<li>We design email templates.</li>\r\n<li>We design printable designs such as invoices, prescriptions.</li>\r\n</ul>\r\n&nbsp;\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;&lt;/title&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\np\r\n{\r\n&nbsp; color:red;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />External CSS: </strong>This CSS is used to style multiple elements and multiple pages. It is mostly used in a project because it is reusable. It saves a lot of code and a lot of time. It is written in the head section.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>\r\n&lt;link rel="stylesheet" href="foldername/filename"&gt;\r\n</code></pre>\r\n<p><strong><br />Example:</strong> &nbsp;</p>\r\n<pre><code>\r\n&lt;link rel="stylesheet" href="css/style.css"&gt;\r\n</code></pre>\r\n<p>&nbsp;<br />To use external CSS we use the following steps:</p>\r\n<p><strong><br />Step1:&nbsp; </strong>create a file and save it in a CSS folder named <strong>style.css</strong> file, write the following code:<br /><br /></p>\r\n<pre><code>\r\np\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br /><br />Step2: </strong>Create an HTML file named <strong>external1.html</strong> and link your CSS file in the head section.<br /><br /></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;&lt;/title&gt;\r\n&nbsp;\r\n&lt;link rel="stylesheet" href="css/style.css"&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Step3: </strong>Create an HTML file named <strong>external2.html</strong> and link your CSS file in the head section.</p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;title&gt;&lt;/title&gt;\r\n&nbsp;\r\n&lt;link rel="stylesheet" href="css/style.css"&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&lt;p&gt;hello css&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In step2 and step3 we can see that we have created two HTML files with the same code we have linked the CSS file by using external CSS we share the same code with two files.</p>\r\n<p>To use external CSS we need a CSS selector; in a <strong>style.css</strong> file, we have to use an&nbsp;<strong>element selector.</strong></p>', '1', 'blog'), (175, 'what-is-w3c-validation-standards-or-validation', 'What is W3C Validation ', '<p>W3C stands for the World Wide Web Consortium, It is an organization founded by Tim Berners Lee and it is run by a full-time staff to continue creating and preserving web standards.</p>\r\n<p>W3C has created more than 90+ standards, which are also called &ldquo;recommendations&rdquo; that have passed through its process of review, formulation, and implementation.</p>\r\n<p>These standards are used to direct the creation of code that lives up to those standards via web developers and browsers. They help us to write the rule book which determines our code is poorly written or well written.</p>\r\n<p><strong>&nbsp;</strong></p>\r\n<h3><strong>W3C Validation&nbsp;</strong></h3>\r\n<p>World Wide Web Consortium allows web designers or web developers to check your HTML code or XHTML code is well-formatted or not. It ensures your page code quality and helps you to write well-structured code.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>Why W3C Validation is important?</strong></h3>\r\n<p>W3C validation is the process of checking our website code to determine if it follows a W3C standard or not. If your website fails W3C standards it shows a number of errors to pass W3C standards. If we don&rsquo;t pass W3C standards it give a bad impact on our search engine result, it affects crawl rate. Below are some reasons to validate our HTML code:</p>\r\n<p>&nbsp;</p>\r\n<p><strong>1. Help to Improve Rankings in Search Engines</strong></p>\r\n<p>W3C validation helps us to improve our website ranking in search engines. Errors and bugs in our code can affect our website performance and ranking of our website when search engine crawlers read our website code. If a search engine crawler finds any error in our website code that does not follow W3C standards, then your page that has an error will create a problem it will not be indexed by the search engine and the robot will stop searching your entire website.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>2. Validation helps teach Best Practices</strong></p>\r\n<p>W3C validation helps teach best practices to web designers and web developers. It guides web designers or web developers to write error-free code. In this when we validate our code it shows our mistakes and also shows guidance to remove those errors.</p>\r\n<p>It helps beginners to write well-structured code and also teaches the beginners how important W3C validation to write error-free code is.<br /><br /></p>\r\n<p><strong>3. Improved Website User Experience</strong></p>\r\n<p>W3C validation helps us to improve our website user experience, when users visit our website and access our website smoothly and easily error-free then the user experience is good for our website, and the user experience is also helpful for search engine ranking. Google gives priority to a website that has less bounce rate because of a good user experience.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>4.&nbsp; Make Website Browsers Friendly</strong></p>\r\n<p>W3C helps us to make our website browsers friendly, websites that are not validated by W3C standards may display incorrectly in some browsers. Many websites have cross-platform issues so to resolve this issue we need W3C standards.</p>\r\n<p>To make our website browser friendly we need to pass W3C standards.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>5. Help us to Easy Maintain Code</strong></p>\r\n<p>W3C helps us to maintain our code easily, if we make our website error-free by passing W3C standards, then we can manage our code easily.</p>\r\n<p>&nbsp;</p>\r\n<p><strong>6. Validation as a Debugging Tool</strong></p>\r\n<p>W3C validation works like a debugging tool for our website, sometimes our website works fine on major browsers but has a number of errors and creates a problem on some browsers then W3C helps us to figure out problems.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>How to Validate our Code?</strong></h3>\r\n<p>There are W3C validation checker tools:</p>\r\n<ul>\r\n<li><strong>W3C HTML Validation: </strong>In this, we can validate our HTML code, you can validate your HTML Code by the following link:</li>\r\n</ul>\r\n<pre><code><strong>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; http://validator.w3.org/</strong></code></pre>\r\n<ul>\r\n<li><strong>W3C CSS Validation: </strong>&nbsp;In this, we can validate our CSS code, you can validate your CSS Code by the following link:</li>\r\n</ul>\r\n<pre><code><strong>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; http://jigsaw.w3.org/css-validator/</strong></code></pre>\r\n<p>&nbsp;</p>\r\n<p>In both validation you can validate your code in 3 ways:</p>\r\n<p><strong>Validate by URL: </strong>In this paste, your website URL, will validate and show an error of your website.</p>\r\n<p><strong>Validate by File Upload: </strong>&nbsp;In this upload of your HTML file, it will validate and show an error of your website.</p>\r\n<p><strong>Validate by Direct Input: </strong>&nbsp;In this, we paste our HTML Code in textarea, it will validate and show an error of your website.</p>', '1', 'blog'), (176, 'importance-of-heading-tags', 'Importance of heading tags', '<p>Heading tags plays an important role in SEO, HTML provides six types of headings that we can use to describe headlines on our webpage, which are the following:</p>\r\n<ol>\r\n<li><strong>&lt;h1&gt;: </strong>This is used as the main heading of our webpage, we can not repeat it on our page means we use the H1 tag only one time on a page. If we repeat the h1 tag on our webpage then google got confused about our web page content what\'s our content main heading, it affects our ranking.</li>\r\n<li><strong>&lt;h2&gt;:&nbsp; </strong>This is a less important heading as compared to the h1 tag. It is used as a subheading, we can repeat this heading as many times as we want.</li>\r\n<li><strong>&lt;h3&gt; : </strong>This is less important heading as compared to h1 and h2 tag. It is used as a subheading, we can also repeat this heading.</li>\r\n<li><strong>&lt;h4&gt;: &nbsp;</strong>&nbsp;This is less important heading as compared to h1,h2 and h3 tag. It is used as a subheading, we can also repeat this heading.</li>\r\n<li><strong>&lt;h5&gt;: </strong>&nbsp;This is less important heading as compared to h1,h2,h3 and h4 tag. It is used as a subheading, we can also repeat this heading.</li>\r\n<li><strong>&lt;h6&gt; : </strong>&nbsp;This is rare used heading tag, it is less important as compared h1,h2,h3,h4 and h5.</li>\r\n</ol>\r\n<p>&nbsp;</p>\r\n<h2><strong>What is the H1 Tag?</strong></h2>\r\n<p>H1 tag is the main heading of your webpage content, it is like the main headline of a newspaper. H1 has a large font size as compared to other heading tags. It is highlighted like the headline of a page.</p>\r\n<p>For example: If you are writing content on a page about web design and development courses then the H1 tag must be like Web Design and Development Course.</p>\r\n<p>&nbsp;</p>\r\n<h2><strong>What is the Purpose of an H1 Tag?</strong></h2>\r\n<p>The purpose of the H1 tag is to structure your web page content. It is most important for SEO accessibility and usability, you should use one H1 heading on each page.</p>\r\n<p>An H1 describes your web page content, readers got understand after reading the heading of a page what they are going to read.</p>\r\n<p>H1 helps the search engine to make understand what the web page content contains.</p>\r\n<p>&nbsp;</p>\r\n<h2><strong>Key Things to Remember When Using h1 Tag on a Page</strong></h2>\r\n<p>If you want to use headings in an appropriate way on a website then there are some key points you will have to remember, which are the following:</p>\r\n<h3><strong><br />1. Only Use One h1 Tag</strong></h3>\r\n<p>You should use only one h1 tag on a page because a page does not contain two main headings if we want to try to keep an h1 tag more than one time, it creates confusion for the search engines. The search engine does not identify your web page content property if we use multiple h1.</p>\r\n<p>So use only one h1 on each page.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>2. Make sure your h1 tag properly describe the topic of &nbsp;your page &nbsp;</strong></h3>\r\n<p>You should make sure about your h1 tag is related to the page content, is the h1 tag properly describing the topic of your page? H1 should be clear, the user could easily understand what this page contains after reading of h1 heading of a page.</p>\r\n<p>So h1 heading should be proper and related to the content.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>3. Try to use Long-Tail Keyword in your h1 heading</strong></h3>\r\n<p>You should target the long-tail keywords in your h1 heading. If you want to rank higher you can use long-tail keywords in your h1 to target keywords, but you should keep in mind you should not use long-tail keywords in h2 or another heading if you do so, it will be treated as keyword stuffing.</p>\r\n<p>So you can use long-tail keywords in your h1 heading to improve your page rank.</p>\r\n<p>&nbsp;</p>\r\n<h3><strong>4. Make sure every page has an h1 tag</strong></h3>\r\n<p>You should make sure every page has an h1 tag, each page should contain an h1 tag to give a clear view of what the page contains. If we don&rsquo;t use the h1 tag then our page is treated as incomplete.</p>\r\n<p>So you should use the h1 tag on every page of a website.</p>', '1', 'blog'), (177, 'event-bubbling-and-event-capturing', 'Event Bubbling and Event Capturing', '<p>Event bubbling and Event Capturing is very interesting topic in javascript. Most developers use events on a single element then they don&rsquo;t face any problem but when we use events on nested elements then we face some problems like clicking on child element it executes child and parent events also, that problem is called event bubbling and event capturing.</p>\r\n<p>Let&rsquo;s see in detail what is event bubbling and event capturing:</p>\r\n<h2><br />What is Event Bubbling?</h2>\r\n<p>In Event Bubbling first event occurs where we click then on its parent and ancestors, which means it goes from bottom to top. It executes the innermost code first and then the uppermost or parent code.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div onclick="alert(\'maindiv\')"&gt; main div\r\n&nbsp;\r\n&lt;div onclick="alert(\'child\')"&gt; child\r\n&nbsp;\r\n&lt;div onclick="alert(\'subchild\')"&gt;subchild&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example when we click on <strong>sub child</strong>&nbsp;first runs onclick:</p>\r\n<ol><ol>\r\n<li>on <strong>subchild</strong></li>\r\n<li>then on child</li>\r\n<li>then on maindiv</li>\r\n<li>and so on upwards till the document object</li>\r\n</ol></ol>\r\n<p>So if we click on subchild element we will see 3 alerts.</p>\r\n<p>This process is called event bubbling because the event bubbles from the innermost element and upward to the last parent element.</p>\r\n<h2><br />How to Resolve an Event Bubbling Problem?</h2>\r\n<p>We can get rid of the event bubbling problem, javascript introduces a method called an&nbsp;<strong>event.</strong><strong>stopPropagation().</strong></p>\r\n<p>Let&rsquo;s see how we can use the event.stopPropogation:</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div onclick="alert(\'maindiv\')"&gt; main div\r\n&nbsp;\r\n&lt;div id="child" onclick="event.stopPropagation()"&gt; child\r\n&nbsp;\r\n&lt;div id="subchild" onclick="event.stopPropagation()"&gt;subchild&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nvar subchild = document.getElementById("subchild");\r\nvar child = document.getElementById("child");\r\n&nbsp;\r\nsubchild.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'subchild\');\r\n})\r\n&nbsp;\r\n&nbsp;\r\nchild.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'child\');\r\n})\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example we have used event.stopPropogation() on child and sub-child elements to stop bubbling. &nbsp;<br /><br /></p>\r\n<h2>What is an Event Capturing?</h2>\r\n<p>Event Capturing is the opposite of Event Bubbling, In Event Capturing events occur on the parent element first then on its child element. It goes from top to bottom.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div id="main"&gt; main div\r\n&nbsp;\r\n&lt;div id="child"&gt; child\r\n&nbsp;\r\n&lt;div id="subchild"&gt;subchild&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nvar main = document.getElementById("main");\r\nvar subchild = document.getElementById("subchild");\r\nvar child = document.getElementById("child");\r\n&nbsp;\r\n&nbsp;\r\nmain.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'main\');\r\n},true)\r\n&nbsp;\r\nsubchild.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'subchild\');\r\n})\r\n&nbsp;\r\n&nbsp;\r\nchild.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'child\');\r\n})\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example when we click on any child element, it executes the first main parent element then clicked element, and then child element.<br /><br /></p>\r\n<h2>How to Resolve an Event Capturing Problem?</h2>\r\n<p>To get rid of the Event Capturing problem, there are the following steps:</p>\r\n<p>1. Remove true form addEventListener like this in your code</p>\r\n<pre><code>\r\nmain.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'main\');\r\n})\r\n&nbsp;\r\n\r\n</code></pre>\r\n<p>2. use stopPropogation on child and subchild element &nbsp;</p>\r\n<pre><code>\r\n&lt;div id="child" onclick="event.stopPropagation()"&gt; child\r\n&lt;div id="subchild" onclick="event.stopPropagation()"&gt;subchild&lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Complete code:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div id="main"&gt; main div\r\n&nbsp;\r\n&lt;div id="child" onclick="event.stopPropagation()"&gt; child\r\n&nbsp;\r\n&lt;div id="subchild" onclick="event.stopPropagation()"&gt;subchild&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\nvar main = document.getElementById("main");\r\nvar subchild = document.getElementById("subchild");\r\nvar child = document.getElementById("child");\r\n&nbsp;\r\n&nbsp;\r\nmain.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'main\');\r\n})\r\n&nbsp;\r\nsubchild.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'subchild\');\r\n})\r\n&nbsp;\r\n&nbsp;\r\nchild.addEventListener(\'click\',function()\r\n{\r\n&nbsp; alert(\'child\');\r\n})\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code></pre>', '1', 'blog'), (178, 'the-importance-of-alt-attribute', 'The Importance of alt Attribute', '<p>Alt is called an alternate text of an image if the image fails to load due to poor internet or incorrect path of an image. It is an HTML attribute of the image. It is very helpful for blind or screen readers they can easily understand what image is on the website after reading the alternate text of an image.</p>\r\n<p>Alt attribute contains a short description of an image, what the image is?. Alt is also important for SEO because search engines don&rsquo;t read media files so it is mandatory to use alt attributes in an image to make understand search engine crawler properly.<br /><br /></p>\r\n<h2><strong>Why alt Attribute is important?</strong></h2>\r\n<p>There are a few reasons why should we use alt attribute, which is the following:</p>\r\n<h3><strong>1. Explain about image If fails to load</strong></h3>\r\n<p>Alt attribute is an alternate text of an image, it contains a short description of an image. Sometimes image fails to load due to poor internet or incorrect path. So alt attribute helps us to get an idea of what image is missing.</p>\r\n<h3><strong><br />2. Helpful for Blind/Screen readers</strong></h3>\r\n<p>If we use the alt attribute, it is very helpful for screen readers or blind people that can&rsquo;t see images. They read the alt attribute of an image to make them understand what the image is about.</p>\r\n<h3><strong><br />3. Mandatory in SEO</strong></h3>\r\n<p>Nowadays alt attribute is mandatory in SEO. Search Engines don&rsquo;t read media files; they read text only so alt attribute is mandatory to use in an image to make search engines understand properly. Most SEO experts use keywords in image alt to target keywords, which you can also use but you should keep in mind you don&rsquo;t do keyword stuffing, which means don&rsquo;t use keywords unnecessarily.</p>\r\n<p>&nbsp;</p>\r\n<h2><strong>How to write good alt text for an image?</strong></h2>\r\n<p>To write good alt text for an image, there is simple logic, you write a relevant short description of an image don&rsquo;t write too much, you have to write less than 125 characters. You have to write meaningful text for an image.</p>\r\n<p>&nbsp;</p>\r\n<h2><strong>Examples of Best Alt text for an image?</strong></h2>\r\n<p><br />&nbsp;<img src="../../media/admin/uploads/images/1.jpeg" alt="" width="137" height="200" /></p>\r\n<p>&nbsp;</p>\r\n<p><strong>Okay alt text:</strong> &lt;img src="bag.png" alt="bag"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Better alt text:</strong> &lt;img src="bag.png" alt="safari bag"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Best alt text:</strong> &lt;img src="bag.png" alt="blue laptop bag of skybag company"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><br />&nbsp;<img src="../../media/admin/uploads/images/skoda-rapid.jpg" alt="" width="356" height="200" /></p>\r\n<p><strong><br />Okay alt text:</strong> &lt;img src="bird.png" alt="car"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Better alt text:</strong> &lt;img src="bird.png" alt="white car"&gt;</p>\r\n<p>&nbsp;</p>\r\n<p><strong>Best alt text:</strong> &lt;img src="bird.png" alt="skoda rapid white color car"&gt;</p>', '1', 'blog'), (179, 'css-image-sprites', 'Image Sprites', '<p>In the old days on a website if we want to use small icons then we used .png images. It creates a number of HTTP requests and made our website slow, But nowadays there is a solution to minimize HTTP requests by using the image sprites concept of CSS.</p>\r\n<h2><br />What is Image Sprite?</h2>\r\n<p>Image sprites are a collection of small images into one larger sheet. Image Sprites concept is that you should contain small images on one sheet by using photoshop, or there are many online websites where you can generate image sprites.</p>\r\n<p>We use background-image property and background-position property for image sprites; using background-position we move our image x-axis or y-axis. We use the same image just changing the position of an image.</p>\r\n<h2><br />Advantages of Image Sprites</h2>\r\n<p>Let&rsquo;s see the advantages of Image Sprites, which are following:</p>\r\n<h3>1. Reduce HTTP Requests</h3>\r\n<p>Image sprites help us to reduce HTTP requests; by reducing HTTP requests we make our website faster as compared to the old days when we use normal .png icons.</p>\r\n<h3>2. Make our Website Fast</h3>\r\n<p>When we use image sprites; means collection of the small image into one large image, it reduces the size of the image so it loads faster as compared to the load number of .png images one by one.</p>\r\n<h2><br />How to Use Image Sprites</h2>\r\n<p>First, you have to create a small image into one large sheet by using photoshop or by using an online tool like this:<br /><br /><img src="../../media/admin/uploads/images/social-icons.jpg" alt="" width="382" height="200" /><br /><br /><br /></p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n.fb\r\n{\r\nwidth:260px;\r\nheight:180px;\r\nbackground-image:url("images/social-icons.jpg");\r\nfloat:left;\r\n}\r\n&nbsp;\r\n.tw\r\n{\r\nwidth:260px;\r\nheight:180px;\r\nbackground-image:url("images/social-icons.jpg");\r\nbackground-position:-260px 0;\r\nfloat:left;\r\n}\r\n&nbsp;\r\n.insta\r\n{\r\nwidth:260px;\r\nheight:180px;\r\nbackground-image:url("images/social-icons.jpg");\r\nbackground-position:-485px 0;\r\nfloat:left;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;div class="fb"&gt;&lt;/div&gt;\r\n&lt;div class="tw"&gt;&lt;/div&gt;\r\n&lt;div class="insta"&gt;&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In this example I have used a single image many times by just changing the background position of an image, I have changed the background-position of an image x-axis, you can change the y-axis as well.</p>\r\n<p><strong>Important: </strong></p>\r\n<ol>\r\n<li>To create image sprites; image icons should have the same size.</li>\r\n<li>Icons should be on equal distance.</li>\r\n</ol>', '1', 'blog'), (180, 'css-position', 'CSS Position', '<p>CSS Position is used to position our HTML element, sometimes we have to create a complex layout means a box on another box, a circle half inside the box, and half outside, to create such type of complex layout we need to use the position of CSS.</p>\r\n<p>When we use CSS Position we have four directions top, bottom, left, right.&nbsp; These values are used to set the position of an element.</p>\r\n<p>In a CSS there are four positions, which are following:</p>\r\n<ol>\r\n<li><strong>Static Position</strong></li>\r\n<li><strong>Fixed Position</strong></li>\r\n<li><strong>Absolute Position</strong></li>\r\n<li><strong>Relative Position</strong></li>\r\n</ol>\r\n<h2><br />Static Position</h2>\r\n<p>The static position is a default property of CSS. It positions an element in the normal flow of the page. It is not affected by top, right, bottom, and left properties. &nbsp;</p>\r\n<h2><br />Fixed Position</h2>\r\n<p>The fixed position is used to fix our element on a particular position like, fixing WhatsApp and phone icon on the bottom, fixing social media icons on left or right.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.main\r\n{\r\n&nbsp;&nbsp; width:100%;\r\n&nbsp;&nbsp; height:1000px;\r\n&nbsp;&nbsp; background:#ddd;\r\n}\r\n&nbsp;\r\n.fix\r\n{\r\n&nbsp; width:100px;\r\n&nbsp; height:100px;\r\n&nbsp; background:#f00;\r\n&nbsp; position:fixed;\r\n&nbsp; top:200px;\r\n&nbsp; right:0;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="main"&gt;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;div class="fix"&gt;&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Output:<br /><br /></strong></p>\r\n<strong>&nbsp;<img src="../../media/admin/uploads/images/fixed-position.png" alt="" width="630" height="400" /></strong>\r\n<p><br />In this example, we have fixed a red box 200px from top and right side 0px, here the red box is fixed it will not scroll.</p>\r\n<h2><br />Absolute Position</h2>\r\n<p>Absolute position is used when we want to move our HTML element freely on a screen, which means we can move HTML elements wherever we want.</p>\r\n<p>It is used with relative property, we have to give relative to its parent element if we don&rsquo;t give relative to its parent then it moves according to body tag; body tag has a relative property by default.</p>\r\n<p>To create a complex layout we use absolute property with the relative property.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.main\r\n{\r\n&nbsp;&nbsp; width:100%;\r\n&nbsp;&nbsp; height:1000px;\r\n&nbsp;&nbsp; background:#ddd;\r\n}\r\n&nbsp;\r\n&nbsp;\r\n.box\r\n{\r\n&nbsp; width:300px;\r\n&nbsp; height:300px;\r\n&nbsp; background:#f00;\r\n&nbsp; float:left;\r\n&nbsp; margin:100px;\r\n&nbsp; position:relative;\r\n}\r\n&nbsp;\r\n.circle\r\n{\r\n&nbsp; width:100px;\r\n&nbsp; height:100px;\r\n&nbsp; background:#000;\r\n&nbsp; border-radius:50%;\r\n&nbsp; position:absolute;\r\n&nbsp; bottom:50px;\r\n&nbsp; right:-40px;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="main"&gt;\r\n&lt;div class="box"&gt;\r\n&lt;div class="circle"&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Output:<br /><br /></strong></p>\r\n<strong>&nbsp;<img src="../../media/admin/uploads/images/absolute-and-relative-position.png" alt="" width="630" height="400" /></strong>\r\n<p><br />In this example you can see, the circle is half inside the box and half outside the box, this type of example is done by absolute and relative property. It is also used to create a menubar dropdown, mega menu, etc. &nbsp;</p>\r\n<h2><br />Relative Position</h2>\r\n<p>The relative position is mostly used with the absolute property as the parent element. We can also use this position individually but it&rsquo;s rarely used individually. So I recommend you to use this position with absolute position.</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (181, 'image-map-in-html', 'Image Map in HTML', '<p>Image Map in HTML is a very interesting and useful topic for web designers. It requires a little bit of knowledge of math to find the coordinates and radius of a circle. In Image Map, there are three shapes which are rectangle, circle, and polygon.</p>\r\n<p>Image Map is used to give hyperlinks on different parts of an image, for example, a single image in which there are laptop, coffee, and notebook and you want to link laptop to a particular link, coffee to coffee-related hyperlink and notebook to notebook related hyperlink then image map is useful for you. &nbsp;</p>\r\n<h2><br />What is Image Map?</h2>\r\n<p>Image Map is used to map or give a hyperlink to a particular area of an image.</p>\r\n<p>Image Map has 3 shapes to map an image:</p>\r\n<ol>\r\n<li>rectangle</li>\r\n<li>circle</li>\r\n<li>polygon</li>\r\n</ol>\r\n<h2><br />How to Use Image Map?</h2>\r\n<p>To use Image Map there are three elements, which are following:</p>\r\n<ol>\r\n<li><strong>Map: </strong>It is used to map an image with clickable areas.</li>\r\n<li><strong>Image: </strong>It is the image where you will do the mapping.</li>\r\n<li><strong>Area: &nbsp;</strong>Area is the place on an image where you want to give a hyperlink.</li>\r\n</ol>\r\n<h3><br /><strong>Steps to create an Image Map:</strong></h3>\r\n<h4><strong><br />1. Determine Image Size:</strong></h4>\r\n<p>First, you have to determine your image size because you will find coordinates according to image size, if you change image size then you will have to update coordinates too.</p>\r\n<h4><strong><br />2. Find Coordinates of an image area </strong></h4>\r\n<p>Find the coordinates of an image area, where you want to give a hyperlink.</p>\r\n<p><br />If you use a&nbsp;<strong>rectangle shape</strong> then you have to find the following values:</p>\r\n<ol>\r\n<li>First corner values from left and top of an image area where you want to give hyperlink.</li>\r\n<li>Third corner values form left and top of an image area where you want to give hyperlink.</li>\r\n</ol>\r\n<p><br /><br />If you use a&nbsp;<strong>circle shape</strong> then you have to find the following values:</p>\r\n<ol>\r\n<li>Center distance of an image from left and top.</li>\r\n<li>Find the radius of the circle.</li>\r\n</ol>\r\n<p><br /><br />To find the coordinates of an image you can use Photoshop or paint software.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="image-map-in-html.jpg" usemap="#workmap" width="1000" height="667"&gt;\r\n&lt;map name="workmap"&gt;\r\n&nbsp;\r\n&lt;area shape="rect" coords="300,103,710,545" alt="Computer" href="https://www.apple.com/in/macbook-pro/" target="_blank"&gt;\r\n&nbsp;\r\n&lt;area shape="rect" coords="720,337,800,434" alt="Phone" href="https://www.apple.com/in/shop/buy-iphone/iphone-13" target="_blank"&gt;\r\n&nbsp;\r\n&lt;area shape="circle" coords="854,445,44" alt="Coffee" href="https://www.cafecoffeeday.com/cafe-menu/whats-new" target="_blank"&gt;\r\n&nbsp;\r\n&lt;area shape="rect" coords="0,382,255,500" alt="notebook" href="https://www.cafecoffeeday.com/cafe-menu/whats-new" target="_blank"&gt;\r\n&nbsp;\r\n&lt;/map&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Image Sample:<br /><br /></strong></p>\r\n<p><img src="../../media/admin/uploads/images/image-map-in-html.jpg" alt="" width="1000" height="667" /></p>', '1', 'blog'), (182, 'css-object-fit-property', 'CSS object-fit Property', '<p>CSS object-fit property is used to specify how your image and video will be fit into a box. Object fit property has properties to fit image or video with proper ratio without stretching it. It has the property to fit a big size image into a small box.</p>\r\n<p>Object fit property is mostly used in dynamic websites to maintain image ratio, for example in an eCommerce website when a client uploads an image, he has no idea what image size should be uploaded in admin, he uploads wrong size or big size of an image, if the web designer doesn&rsquo;t use object-fit property to maintain image ratio then it will create a problem in your web layout design.</p>\r\n<p>So, in a dynamic website, you should use the object-fit property.</p>\r\n<h2><br />Object-fit property values:</h2>\r\n<ul>\r\n<li>fill</li>\r\n<li>contain</li>\r\n<li>cover</li>\r\n<li>none</li>\r\n<li>scale-down</li>\r\n<li>initial</li>\r\n<li>inherit</li>\r\n</ul>\r\n<p><strong><br />fill: &nbsp;&nbsp;</strong>It is the default value of object property. It fills the object in the container even the object is big or small, if it is bigger than the box then it squished the object, if it is smaller than the box then it will stretch the object.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.box\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nbackground:#eee;\r\n}\r\n&nbsp;\r\nimg\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nobject-fit:fill;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="car.jpg"&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong>Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/object-fit-fill.png" alt="" width="608" height="300" /></p>\r\n<p><strong>contain: &nbsp;</strong>It resizes the content of an element to fit into the box with an aspect ratio. If element width is more than the box then it will fit the object vertically center, if element height is more than the box then it will fit horizontally center.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.box\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nbackground:#eee;\r\n}\r\n&nbsp;\r\nimg\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nobject-fit:contain;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="car.jpg"&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/object-fit-contain.png" alt="" width="656" height="300" /></p>\r\n<p><strong>cover:&nbsp; </strong>It resizes the content of an element to cover its box. It crops or hides the area of an element that is not fitted into the box.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.box\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nbackground:#eee;\r\n}\r\n&nbsp;\r\nimg\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nobject-fit:cover;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="car.jpg"&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/object-fit-cover.png" alt="" width="656" height="300" /></p>\r\n<p><strong>none: </strong>As its name suggests, it does not resize the element, the object will be in its original size and ignores the height and width of the box.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.box\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nbackground:#eee;\r\n}\r\n&nbsp;\r\nimg\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nobject-fit:none;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="car.jpg"&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code></pre>\r\n<p><strong>Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/object-fit-none.png" alt="" width="656" height="300" /></p>\r\n<p><strong>scale-down: &nbsp;</strong>It will use <strong>none or contain</strong> to resize the content. It results in the smallest object size.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.box\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nbackground:#eee;\r\n}\r\n&nbsp;\r\nimg\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nobject-fit:scale-down;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="car.jpg"&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Output:</strong></p>\r\n<p><img src="../../media/admin/uploads/images/object-fit-scale-down.png" alt="" width="656" height="300" /></p>\r\n<p><strong>initial: &nbsp;</strong>It sets the property to the default value that is image is stretched to fit in the content because the default value is <strong>fill</strong>.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.box\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nbackground:#eee;\r\n}\r\n&nbsp;\r\nimg\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nobject-fit:initial;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="car.jpg"&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code></pre>\r\n<p><strong>Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/object-fit-initial.png" alt="" width="656" height="300" /></p>\r\n<p><strong>inherit: </strong>It receives the value from its parent element.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.box\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nbackground:#eee;\r\nobject-fit:cover;\r\n}\r\n&nbsp;\r\nimg\r\n{\r\nwidth:400px;\r\nheight:400px;\r\nobject-fit:inherit;\r\n}\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="box"&gt;\r\n&lt;img src="car.jpg"&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/object-fit-inherit.png" alt="" width="656" height="300" /></p>', '1', 'blog'), (183, 'links-in-html', 'Links in HTML', '<p>Link is used to connecting our website pages. It is done by an anchor tag of an HTML, anchor tag contains hyper reference link or simply we can say that in a href we write destination page name.</p>\r\n<h2><br />What is a link?</h2>\r\n<p>Link is a connection between website pages, we use <strong>&lt;a&gt;</strong> tag of HTML to link our website pages with <strong>href</strong> attribute.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>&lt;a href=&rdquo;pagename&rdquo;&gt;text link&lt;/a&gt;\r\n</code></pre>\r\n<p><strong>href:</strong> it is called hyper reference, it is an attribute of <strong>&lt;a&gt;</strong> tag. In this we write url or pagename.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;a href=&rdquo;about-us.html&rdquo;&gt;About Us&lt;/a&gt;\r\n&lt;a href=&rdquo;https://www.webdevelopmentinstitute.com/&rdquo;&gt;web development institute&lt;/a&gt;\r\n</code></pre>\r\n<h2><br />How to Use Links</h2>\r\n<p>We can use links in the following way:</p>\r\n<ol>\r\n<li>Text Link</li>\r\n<li>Image&nbsp; Link</li>\r\n<li>Email Link</li>\r\n<li>Phone Link</li>\r\n</ol>&nbsp;\r\n<p><strong>1. Text Link: </strong>A link on a text is called a text link.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;a href=&rdquo;about-us.html&rdquo;&gt;About Us&lt;/a&gt;\r\n</code></pre>\r\n<p><strong><br />2. Image Link: </strong>A link on an image is called an Image link, sometimes we use the link on the image to connect the page. To use Image Link we need &lt; img&gt; tag with &lt;a&gt; tag.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;a href=&rdquo;about.html&rdquo;&gt;&lt;img src=&rdquo;images/1.jpg&rdquo;&gt;&lt;/a&gt;\r\n</code></pre>\r\n<p><strong><br />3. Email Link: </strong>Email link is used to link email, when we click on email it opens a pop to open mail on the following:</p>\r\n<ul>\r\n<li>Open on email</li>\r\n<li>Open on outlook</li>\r\n</ul>\r\n<p><br />If outlook is already installed in your system then it will automatically open in outlook. If you click on mobile then it will open in Gmail.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;a href=&rdquo;mailto:abc@gmail.com&rdquo;&gt;abc@gmail.com &lt;/a&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />4. Phone Link: </strong>A link on a mobile number is called a phone link, when we click on the mobile number by mobile it will show the mobile number into the dialer, there is no need to type the number for calling.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;a href=&rdquo;tel:9988776655&rdquo;&gt;9988776655&lt;/a&gt;\r\n&nbsp;\r\n</code></pre>\r\n<h2><br />Types of Links</h2>\r\n<p>There are two types of links in HTML, which are following:</p>\r\n<ol>\r\n<li>Internal Link</li>\r\n<li>External Link</li>\r\n</ol>\r\n<p><strong><br />1. Internal Link: &nbsp;</strong>linking pages on the same website is called an internal link.</p>\r\n<p><strong>2. External Link: </strong>&nbsp;Link a page that is outside of your website such as social media links, partner website links. Mostly we open the external links on a new tab for a better user experience, to open a page on a new tab we use the target=&rdquo;_blank&rdquo; attribute.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;a href="first-class.html"&gt;First&lt;/a&gt;\r\n&lt;a href="second.html"&gt;Second Class&lt;/a&gt;\r\n&nbsp;\r\n&lt;a href="first-class.html"&gt;&lt;img src="images/1.jpg" width="300"&gt;&lt;/a&gt;\r\n&nbsp;\r\n&lt;a href="tel:9899776655"&gt;call us&lt;/a&gt;\r\n&lt;a href="mailto:abc@gmail.com"&gt;mail us&lt;/a&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.nextgeducation.com/" &nbsp;target="_blank"&gt;nextg&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<h2><br />Creating a Bookmark Link for a Webpage</h2>\r\n<p>Bookmark link is used in a single page website where when we click on a link it redirects to a section of a webpage it does not open a new page.</p>\r\n<h3><br />Steps to Create a Bookmark</h3>\r\n<p><strong>1. </strong>Add id to the section where you want to redirect, for example:</p>\r\n<pre><code>&lt;div id=&rdquo;about&rdquo;&gt;about section&lt;/div&gt;\r\n</code></pre>\r\n<p><strong>2.</strong> Add the section id name with # in href attribute, like this:</p>\r\n<pre><code>&lt;a href=&rdquo;#about&rdquo;&gt;about&lt;/a&gt;\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;a href="#first"&gt;First&lt;/a&gt;\r\n&lt;a href="#second"&gt;Second&lt;/a&gt;\r\n&lt;a href="#third"&gt;Third&lt;/a&gt;\r\n&nbsp;\r\n&lt;h2 id="first"&gt;First Section&lt;/h2&gt;\r\n&lt;p&gt;WDI (Web Development Institute) is registered as Training Institute as well as is located in Delhi Area recognized for offering specialist training throughout the world. &lt;/p&gt;\r\n&nbsp;\r\n&lt;h2 id="second"&gt;Second Section&lt;/h2&gt;\r\n&lt;p&gt;WDI (Web Development Institute) is registered as Training Institute as well as is located in Delhi Area recognized for offering specialist training throughout the world. &lt;/p&gt;\r\n&nbsp;\r\n&lt;h2 id="third"&gt;Third Section&lt;/h2&gt;\r\n&lt;p&gt;WDI (Web Development Institute) is registered as Training Institute as well as is located in Delhi Area recognized for offering specialist training throughout the world. &lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<h2><br />Download Link in HTML</h2>\r\n<p>In HTML we can make a download link by just adding a <strong>download attribute</strong> in a &lt;a&gt; tag. Sometimes we need to make our document downloadable like pdf download, image download, etc.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;a href=&rdquo;web-design.pdf&rdquo;&gt;download web design brochure&lt;/a&gt;\r\n</code></pre>', '1', 'blog'), (184, 'formatting-tags-in-html', 'Formatting Tags ', '<p>Formatting tags in HTML are used to format text, to make text bold, to make text italic, to make text superscript or subscript, to strike text, etc. Sometimes we need to highlight text on a paragraph then we use formatting tag bold tag to make text bold.</p>\r\n<h2><br />What are Formatting Tags?</h2>\r\n<p>Formatting tags are used to format text, highlight text or to make text italic, etc. There are the following formatting options available in HTML:</p>\r\n<ol>\r\n<li><strong>bold</strong></li>\r\n<li><strong>italic</strong></li>\r\n<li><strong>superscript</strong></li>\r\n<li><strong>subscript</strong></li>\r\n<li><strong>strike</strong></li>\r\n<li><strong>small</strong></li>\r\n</ol>\r\n<p><strong><br />1. bold: &nbsp;</strong>to make text bold, in an HTML there are two tags available, which are the following:</p>\r\n<ul>\r\n<li><strong>&lt;b&gt;:</strong> &nbsp;it is used to make text bold, it is used only to highlight text which is not a searchable word.</li>\r\n<li><strong>&lt;strong&gt;:</strong> &nbsp;it is used to make text bold, it is used to bold keywords or words which are important or searchable, search engines consider strong tag as an important word.</li>\r\n</ul>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE &nbsp;html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;\r\nThis is an advanced &lt;strong&gt;Web Design &amp; Development course&lt;/strong&gt; offered by one of the Best web design institute in Rohini which is aimed at preparing you for the needs of a modern web design &amp; development industry. This course is well suited for &lt;b&gt;professional as well as freshers&lt;/b&gt;, who are looking their career in IT Industry. The course curriculum has been prepared with inputs from experts and designers working in leading web design companies and MNCs.\r\n&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />2. italic: </strong>&nbsp;To make text italic, in an HTML there are two tags available, which are the following:</p>\r\n<ul>\r\n<li><strong>&lt;i&gt;: </strong>It is used to make text italic, it is used only to highlight text that is not searchable.</li>\r\n<li><strong>&lt;em&gt;: </strong>It is used to make text italic, it is used to italic keywords or searchable words which is important.</li>\r\n</ul>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE &nbsp;html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;\r\nThis is an advanced &lt;em&gt;Web Design &amp; Development course&lt;/em&gt; offered by one of the Best web design institutes in Rohini which is aimed at preparing you for the needs of a modern web design &amp; development industry. This course is well suited for &lt;i&gt;professional as well as freshers&lt;/i&gt;, who are looking their career in IT Industry. The course curriculum has been prepared with inputs from experts and designers working in leading web design companies and MNCs.\r\n&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />3. superscript: </strong>In an HTML we use <strong>&lt;sup&gt;&lt;/sup&gt; tag</strong> to make a text superscript, in math we write a square of numbers which is a little bit upper on a normal number like this:</p>\r\n<pre><code>&nbsp;2<sup>2</sup>\r\n</code></pre>\r\n<p><br />To write such type of text we use &lt;sup&gt;&lt;/sup&gt; tag.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;p&gt;10&lt;sup&gt;th&lt;/sup&gt;&lt;/p&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />4. subscript: </strong>In an HTML we use <strong>&lt;sub&gt;&lt;/sub&gt; tag</strong> to make text subscript, in science we write a formula like this:</p>\r\n<pre><code>CO<sub>2</sub>\r\n</code></pre>\r\n<p><br />To write such type of text we use <strong>&lt;sub&gt;&lt;/sub&gt; tag.</strong></p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;p&gt;CO&lt;sub&gt;2&lt;/sub&gt;&lt;/p&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />5. strike: &nbsp;</strong>It is used to mark text as deleted or give a cut on text. It is usually seen on eCommerce websites to strike-through price.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;p&gt;4000&lt;strike&gt;8000&lt;/strike&gt;&lt;/p&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />6. small:</strong> It is used to make text small as compared to normal size.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;p&gt;hello&lt;small&gt;small text&lt;/small&gt;&lt;/p&gt;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (185, 'difference-between-var-let-and-const-keywords-in-javascript', 'Difference Between var, let and const keyword', '<p>In JavaScript to declare a variable there are 3 keywords <strong>var, let, const</strong>. let, and const keyword introduced in ES6. It is an updated version of the&nbsp;<strong>var</strong> keyword.</p>\r\n<p>Web Designers or Front End Developers got confused about which keyword should they use to declare a variable, in this blog you will understand which keyword when to use.</p>\r\n<h2><br />Var Keyword</h2>\r\n<p>It is used to declare a variable in the old days. It has some issues like we can use variable value first without declaring, this issue is called <strong>hoisting</strong>, that&rsquo;s the reason you should not use <strong>var</strong> keyword nowadays.</p>\r\n<h3><br />Scope of Var Keyword</h3>\r\n<p>Scope means availability of variable where we can use variable value. The variable scope can be global or local/function.</p>\r\n<p><strong>Global Scope: &nbsp;</strong>If it is declared outside the function, then it is called global scope and it is available in the whole window.</p>\r\n<p><strong>Local/Function Scope: </strong>As its name suggests, if the variable is declared inside a function then it is called local scope or function scope of the variable. It is available only inside a function it can&rsquo;t be accessed outside the function; if you do so then you will get an error.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\nvar data=&rdquo;global variable&rdquo;;\r\nfunction test()\r\n{\r\n&nbsp;&nbsp;&nbsp; var localdata=&rdquo;local variable&rdquo;;\r\n}\r\n\r\n</code></pre>\r\n<p><br />Here<span style="background-color: #000000; color: #c0c0c0;"> data</span> is a global variable, we can access global variables inside or outside the function.<span style="color: #c0c0c0; background-color: #000000;"> localdata </span>is the local variable we can access this variable only in function, we can not access this variable outside the function. So if we do this:</p>\r\n<pre><code><br />\r\nvar data=&rdquo;global variable&rdquo;;\r\nfunction test()\r\n{\r\n&nbsp;&nbsp;&nbsp; var localdata=&rdquo;local variable&rdquo;;\r\n}\r\nConsole.log(localdata);\r\n\r\n</code></pre>\r\n<p><br />We will get the error <span style="color: #c0c0c0; background-color: #000000;">localdata</span> is not defined because we are trying to access a local variable outside the function scope.</p>\r\n<h3><br />Hoisting of var keyword \| Problem to Use var Keyword</h3>\r\n<p>Hoisting is a problem, which means we can declare a variable after it has been used.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\nx = 5;\r\nconsole.log(x);\r\nvar x;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />Here in this example, we have declared variable x at the end, but variable x value has been used. It is an issue of var keyword and it creates a problem in web applications where we write a lot of javascript. So Web Designer should use the&nbsp;<strong>let</strong> keyword instead of <strong>var</strong>.</p>\r\n<h2><br />let Keyword</h2>\r\n<p>It is an improved version of the&nbsp;<strong>var</strong> keyword, it was introduced in ES6. It solves the hoisting problem.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\nx = 5;\r\nconsole.log(x);\r\nlet &nbsp;x;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><br />Here it will throw an error because the let variable can not be used before declaring.</p>\r\n<h2><br />Const Keyword</h2>\r\n<p>Const keyword is used when we want to make our variable fixed or constant which value cannot be updated further. Sometimes in a project, we need to make some variable constant that cannot be updated.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;script&gt;\r\nconst pi=3.14;\r\nconsole.log(pi);\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (186, 'implode-and-explode-function-in-php', 'Implode and Explode Function in PHP', '<p>Implode and Explode function of PHP is very useful to convert the array into string and string into an array for example when we collect data by using checkbox input then we receive data in an array format then we have two choices to get checkbox value either by using a loop or we can convert the array into a string by using implode function.</p>\r\n<h2><br />Implode() function</h2>\r\n<p>Implode() function is used to convert the array into a string, it uses any symbol to join an array. It is commonly used to convert checkbox values into strings to store easily in a database.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>implode(&lsquo;symbol&rsquo;,&rsquo;array&rsquo;);\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\nif(isset($_POST[\'submit\']))\r\n{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;$price=implode("#",$_POST[\'price\']);\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;echo $price;\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Implode&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&nbsp; &lt;form method="post"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="email"&gt;Price:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="checkbox" class="form-control" name="price[]"&gt;1000<br /></code></pre>\r\n<pre><code> &lt;input type="checkbox" class="form-control" name="price[]"&gt;2000</code></pre>\r\n<pre><code> &lt;input type="checkbox" class="form-control" name="price[]"&gt;3000</code></pre>\r\n<pre><code>&nbsp;&nbsp;&nbsp; &lt;/div&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp;<br /> &lt;button type="submit" name="submit" class="btn btn-primary"&gt;Submit&lt;/button&gt; &nbsp; <br />&lt;/form&gt; <br />&lt;/div&gt; &nbsp; <br />&lt;/body&gt; <br />&lt;/html&gt; </code></pre>\r\n<p><br />In this example, implode is used to convert checkbox value into a string with the # symbol.</p>\r\n<h2><br />Explode() function</h2>\r\n<p>Explode() function is used to convert a string into an array or we can say that show implode() function value individually then we use explode.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>explode(&ldquo;symbol&rdquo;,&rsquo; array&rsquo;);\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;?php\r\n$number = \'1,2,3,4,5\';\r\n$arr = explode(\',\',$number);\r\nforeach($arr as $i)\r\necho($i.\'&lt;br&gt;\');\r\n?&gt;\r\n</code></pre>\r\n<p><br />Here explode function convert string into an array and we have used for each to show all elements of an array one by one.</p>', '1', 'blog'), (187, 'html-table', 'HTML Table', '<p>In this blog, you will learn about HTML Table, you will see the use of HTML Table, how to use HTML table, cell spacing, cell padding, merging HTML Table.</p>\r\n<h2><br />What is Table in HTML?</h2>\r\n<p>An HTML table is made up of rows and columns; it is used to represent data in a tabular format like an excel spreadsheet. It is used in a web application to represent data in a tabular format or to design a printable page like an invoice, prescription.</p>\r\n<p>It is also used in digital marketing to design a newsletter or email templates for email marketing.</p>\r\n<h2><br />How to Use HTML Table</h2>\r\n<p>To use the table we use the following tags:</p>\r\n<ul>\r\n<li><strong>&lt;table&gt;: </strong>To create table in a HTML we use table tag.</li>\r\n<li><strong>&lt;tr&gt;: </strong>It is used to create a row in a table.</li>\r\n<li><strong>&lt;td&gt;:&nbsp; </strong>it is used to create a column that contains table data.</li>\r\n<li><strong>&lt;th&gt;: </strong>It is used to create a column that contains a column heading.</li>\r\n</ul>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE &nbsp;html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;table border="1"&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/table&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/table.png" alt="" width="664" height="71" /></p>\r\n<h2><br />Spacing in an HTML Table</h2>\r\n<p>To Use Space in an HTML Table we use the following attribute of an HTML:</p>\r\n<ul>\r\n<li><strong>cellspacing: </strong>&nbsp;It is used to give space between table cells or columns.</li>\r\n<li><strong>cellpadding: </strong>It is used to give space inside table cells or columns.</li>\r\n</ul>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;table border="1" cellpadding="10" cellspacing="10"&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;th&gt;Training Mode&lt;/th&gt;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;td&gt;Classroom \| Online&lt;/td&gt;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/table&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/table-with-spacing.png" alt="" width="801" height="128" /></p>\r\n<h2><br />How to Merge Columns or Rows in an HTML Table</h2>\r\n<p>To merge columns or rows we use the following attribute:</p>\r\n<ul>\r\n<li><strong>rowspan:</strong> It is used to merge rows.</li>\r\n<li><strong>colspan:</strong> It is used to merge columns.</li>\r\n</ul>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&lt;table border="1" cellpadding="10" cellspacing="10"&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&lt;td rowspan="2"&gt;1&lt;/td&gt;\r\n&lt;td colspan="2" align="center"&gt;Average&lt;/td&gt;\r\n&lt;td rowspan="2"&gt;Red Eyes&lt;/td&gt;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&nbsp;\r\n&lt;td&gt;height&lt;/td&gt;\r\n&lt;td&gt;weight&lt;/td&gt;\r\n&nbsp;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&lt;tr&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;td&gt;1&lt;/td&gt;\r\n&lt;/tr&gt;\r\n&nbsp;\r\n&lt;/table&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />Output:</strong></p>\r\n<p>&nbsp;<img src="../../media/admin/uploads/images/table-merge.png" alt="" width="320" height="226" /></p>\r\n<p><strong><br />Note:&nbsp; </strong></p>\r\n<ul>\r\n<li>To merge rows, the rule is that you have to delete the next row\'s column. If you have written rowspan=&rdquo;2&rdquo; then you have to delete the next row\'s column, if you have written rowspan=&rdquo;3&rdquo; then you have to delete the next two rows column.</li>\r\n<li>To merge a column, the rule is that you have to delete the next column in the same row.</li>\r\n</ul>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (188, 'css-advanced-selectors', 'CSS Advanced Selectors', '<p>CSS selectors are used to select HTML elements in different-different ways. Most web designers know about common selectors they don&rsquo;t have knowledge about advanced selectors of CSS, how to use advanced selectors, Where to Use Advanced Selectors.</p>\r\n<p>In this blog, you will learn complete detail about CSS Advanced Selectors.</p>\r\n<p>CSS Advanced selectors are mostly used in CMS (Content Management System), because in a CMS web designer can&rsquo;t edit HTML Code directly then there is a need for CSS Advanced Selectors to select HTML elements.</p>\r\n<h2><br />Child Selector</h2>\r\n<p>In a CSS there are two selectors used to select child elements, which is following:</p>\r\n<ul>\r\n<li><strong>Descendant Selector</strong></li>\r\n<li><strong>Direct Child Selector</strong></li>\r\n</ul>\r\n<p><strong><br />Descendant Selector: &nbsp;</strong>It selects all child elements of the selected parent element.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>Parent-element &nbsp;child element\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nul li\r\n{\r\n&nbsp;&nbsp; color:#f00;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;list2&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><br />In the above example, it selects all li of ul.</p>\r\n<p><strong><br />Direct Child Selector(&gt;): </strong>It selects the direct child element of the selected parent element, it does not select sub child of an element.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>Parent-element&gt;child-element\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nul&gt;li\r\n{\r\n&nbsp;&nbsp; float:left;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><br />In the above example, it will select direct li of ul it will not select sub child of li element.</p>\r\n<h2><br />Siblings Selectors</h2>\r\n<p>Siblings selectors are used to selecting siblings of selected HTML element. There are two siblings selectors:</p>\r\n<ul>\r\n<li><strong>Adjacent Sibling &nbsp;Selector</strong></li>\r\n<li><strong>General Sibling &nbsp;Selectors</strong></li>\r\n</ul>\r\n<p><strong><br />Adjacent Sibling Selector (+): &nbsp;</strong>It is used to select the next element of the selected element.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>element + element\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\ndiv + p {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div&gt;\r\n&nbsp; &lt;p&gt;Paragraph 1 in the div.&lt;/p&gt;\r\n&nbsp; &lt;p&gt;Paragraph 2 in the div.&lt;/p&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;p&gt;Paragraph 3. After a div.&lt;/p&gt;\r\n&lt;p&gt;Paragraph 4. After a div.&lt;/p&gt;\r\n&nbsp;\r\n&lt;div&gt;\r\n&nbsp; &lt;p&gt;Paragraph 5 in the div.&lt;/p&gt;\r\n&nbsp; &lt;p&gt;Paragraph 6 in the div.&lt;/p&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;p&gt;Paragraph 7. After a div.&lt;/p&gt;\r\n&lt;p&gt;Paragraph 8. After a div.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example, it will select the p element that is after the div element.</p>\r\n<p><strong><br />General Sibling Selector (~): &nbsp;</strong>It is used to select all the next elements of the selected element.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>element~element\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\ndiv ~ p {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div&gt;\r\n&nbsp; &lt;p&gt;Paragraph 1 in the div.&lt;/p&gt;\r\n&nbsp; &lt;p&gt;Paragraph 2 in the div.&lt;/p&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;p&gt;Paragraph 3. After a div.&lt;/p&gt;\r\n&lt;p&gt;Paragraph 4. After a div.&lt;/p&gt;\r\n&nbsp;\r\n&lt;div&gt;\r\n&nbsp; &lt;p&gt;Paragraph 5 in the div.&lt;/p&gt;\r\n&nbsp; &lt;p&gt;Paragraph 6 in the div.&lt;/p&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;p&gt;Paragraph 7. After a div.&lt;/p&gt;\r\n&lt;p&gt;Paragraph 8. After a div.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example, it will all p element that is after div element.</p>\r\n<h2><br />Attribute Selectors</h2>\r\n<p>Attribute selectors are used to select HTML element by attribute, or by attribute value etc. Attribute Selectors are following:</p>\r\n<ul>\r\n<li><strong>[attribute]</strong></li>\r\n<li><strong>[attribute="value"]</strong></li>\r\n<li><strong>[attribute~="value"]</strong></li>\r\n<li><strong>[attribute\|="value"]</strong></li>\r\n<li><strong>[attribute^="value"]</strong></li>\r\n<li><strong>[attribute$="value"]</strong></li>\r\n<li><strong>[attribute="value"]</strong></li>\r\n</ul>\r\n<p><strong><br />[attribute]: </strong>It is used to select HTML elements by attribute name.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>element[attribute]\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\na[target] {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.webdevelopmentinstitute.com/"&gt;Web Development Institute&lt;/a&gt;\r\n&lt;a href="https://www.nextgeducation.com/" target="_blank"&gt;Next-G Education&lt;/a&gt;\r\n&lt;a href="https://graphicdesigninstitutes.com/" target="_top"&gt;Graphic Design Institute&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example, it will select a tag that has a target attribute.</p>\r\n<p><strong><br />[attribute="value"] : </strong>It is used select HTML element by attribute name and its value.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>Element[attribute="value"]\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\na[target="_blank"]\r\n{\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.webdevelopmentinstitute.com/"&gt;Web Development Institute&lt;/a&gt;\r\n&lt;a href=<a href="https://www.nextgeducation.com/">https://www.nextgeducation.com/</a> " &nbsp;target="_blank"&gt;Next-G Education&lt;/a&gt;\r\n&lt;a href=<a href="https://graphicdesigninstitutes.com/">https://graphicdesigninstitutes.com/</a>" &nbsp;&nbsp;target="_top"&gt;Graphic Design Institute&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example, it will select a tag that has the target=&rdquo;_blank&rdquo; attribute.</p>\r\n<p><strong><br />[attribute~="value"]: </strong>It is used to select HTML elements by attribute value with the specific word.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>Element[attribute~=&rdquo;value&rdquo;]\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\na[title~="Web"] {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.webdevelopmentinstitute.com/" &nbsp;title="Best Web Development Institute"&gt;Web Development Institute&lt;/a&gt;\r\n&lt;a href="https://www.nextgeducation.com/" &nbsp;target="_blank" &nbsp;title="Best Web Design Institute"&gt;Next-G Education&lt;/a&gt;\r\n&lt;a href="https://graphicdesigninstitutes.com/" &nbsp;target="_top" &nbsp;title="Best Graphic Design Institute"&gt;Graphic Design Institute&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p>In the above example, it will select a tag which title attribute contains the word Web.</p>\r\n<p><strong><br />[attribute\|="value"]: </strong>It is used to select HTML elements with the specified attribute starting with the specified value.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>Element[attribute\|="value"]\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\na[class\|="web"] {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.webdevelopmentinstitute.com/" &nbsp;&nbsp;title="Best Web Development Institute" class="web-development"&gt;Web Development Institute&lt;/a&gt;\r\n&lt;a href="https://www.nextgeducation.com/" &nbsp;target="_blank" &nbsp;title="Best Web Design Institute" &nbsp;class="web-design"&gt;Next-G Education&lt;/a&gt;\r\n&lt;a href="https://graphicdesigninstitutes.com/" class="webdesign" &nbsp;target="_top" &nbsp;title="Best Graphic Design Institute"&gt;Graphic Design Institute&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />[attribute^="value"]: </strong>It is used to select HTML elements by the attribute value begins with the specific word.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>Element[attribute^="value"]\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\na[class^="web"] {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.webdevelopmentinstitute.com/" title="Best Web Development Institute" class="web-development"&gt;Web Development Institute&lt;/a&gt;\r\n&lt;a href="https://www.nextgeducation.com/" target="_blank" title="Best Web Design Institute" class="web-design"&gt;Next-G Education&lt;/a&gt;\r\n&lt;a href="https://graphicdesigninstitutes.com/" class="webdesign" target="_top" title="Best Graphic Design Institute"&gt;Graphic Design Institute&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />[attribute$="value"]:</strong> It is used to select HTML elements whose attribute value ends with a specified value.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>Element[attribute$="value"]\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\na[class$="institute"] {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.webdevelopmentinstitute.com/" title="Best Web Development Institute" class="web-development-institute"&gt;Web Development Institute&lt;/a&gt;\r\n&lt;a href="https://www.nextgeducation.com/" target="_blank" title="Best Web Design Institute" class="web-design-institute"&gt;Next-G Education&lt;/a&gt;\r\n&lt;a href="https://graphicdesigninstitutes.com/" class="webdesign" target="_top" title="Best Graphic Design Institute"&gt;Graphic Design Institute&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />[attribute="value"]:</strong> It is used to select elements whose attribute value contains a specified value.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>Element[attribute="value"]\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\na[class="we"] {\r\n&nbsp; background-color: yellow;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;a href="https://www.webdevelopmentinstitute.com/" title="Best Web Development Institute" class="web-development-institute"&gt;Web Development Institute&lt;/a&gt;\r\n&lt;a href="https://www.nextgeducation.com/" target="_blank" title="Best Web Design Institute" class="web-design-institute"&gt;Next-G Education&lt;/a&gt;\r\n&lt;a href="https://graphicdesigninstitutes.com/" class="webdesign" target="_top" title="Best Graphic Design Institute"&gt;Graphic Design Institute&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<h2><br />Pseudo Selectors</h2>\r\n<p>Pseudo selectors start with the following (:) character, which are following:</p>\r\n<ul>\r\n<li><strong>:first-child</strong></li>\r\n<li><strong>:last-child</strong></li>\r\n<li><strong>:nth-child(n)</strong></li>\r\n<li><strong>:first-of-type</strong></li>\r\n<li><strong>:last-of-type</strong></li>\r\n<li><strong>:nth-of-type</strong></li>\r\n</ul>\r\n<p><strong><br />:first-child selector: </strong>&nbsp;It selects the first child of the selected element, it does not match the type of an element.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>element:first-child\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:first-child\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p>In the above example, it will select li of the second ul, because the first ul&rsquo;s first child is h3.</p>\r\n<p><strong><br />:last-child selector: </strong>&nbsp;It selects the last child of the selected element, it does not match the type of an element.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>element:last-child\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:last-child\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p>In the above example, it will select li of the second ul, because the first ul&rsquo;s last child is h3.</p>\r\n<p><strong><br />:nth-child selector: </strong>&nbsp;It selects the last child of the selected element, it does not match the type of an element.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>element:nth-child(n)\r\n{\r\n}\r\n\r\n</code></pre>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:nth-child(4)\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&nbsp;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p>In the above example, it will select li of the second ul, because the first ul&rsquo;s 4th child is h3.</p>\r\n<p><strong><br />:first-of-type selector: </strong>&nbsp;It selects the first child of the selected element, it matches the type of an element.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>element:first-of-type\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:first-of-type\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p>In the above example, it will select the first li of the selected element.</p>\r\n<p><strong><br />:last-of-type selector: </strong>&nbsp;It selects the last child of the selected element, it matches the type of an element.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>element:last-of-type\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:last-of-type\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example, it will select the last li of the selected element.</p>\r\n<p><strong><br />:nth-of-type selector: </strong>&nbsp;It selects nth-child of the selected element, it matches the type of an element.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>element:nth-of-type(n)\r\n{\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:last-of-type(4)\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&nbsp;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&nbsp;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example, it will select the 4<sup>th </sup>child of the selected element.</p>', '1', 'blog'), (189, 'difference-between-first-child-and-first-of-type-selector-in-css', 'Difference Between :first-child and :first-of-type Selector in CSS', '<p>Both Selectors are used to select the first child element of an HTML. Web designers got confused between them, in this blog you will get understand the difference between both selectors.</p>\r\n<p><strong>:first-child: </strong>This selector is used to select the first child of the selected parent element. It does not match the element type.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:first-child\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example,&nbsp;<strong>first-child:</strong> it will select li of the second ul because the first ul&rsquo;s first child is h3.</p>\r\n<p><strong><br />:first-of-type: </strong>This selector is used to select the first child of the selected parent element. It matches the element type.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\n\r\n&nbsp;\r\nli:first-of-type\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;h3&gt;first child&lt;/h3&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p>In the above example,&nbsp;<strong>first-of-type: </strong>&nbsp;it will select the first li of both the ul&rsquo;s element.</p>', '1', 'blog'), (190, 'difference-between-last-child-and-last-of-type-selector-in-css', 'Difference Between :last-child and :last-of-type Selector in CSS', '<p>Both Selectors are used to select the last child element of an HTML. Web designers got confused between them, in this blog you will get understand the difference between both selectors.</p>\r\n<p><strong>:last-child: </strong>This selector is used to select the last child of the selected parent element. It does not match the element type.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:last-child\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;<br /></code></pre>\r\n<pre><code>&lt;h3&gt;first child&lt;/h3&gt;</code></pre>\r\n<pre><code>&lt;/ul&gt; &nbsp; &lt;/body&gt; &lt;/html&gt; &nbsp; </code></pre>\r\n<p>In the above example, last<strong>-child:</strong> it will select li of the second ul because the first ul&rsquo;s last child is h3.</p>\r\n<p><strong><br />:last-of-type: </strong>This selector is used to select the last child of the selected parent element. It matches the element type.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\nli:last-of-type\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;\r\n&lt;li&gt;list4&lt;/li&gt;<br /></code></pre>\r\n<pre><code>&lt;h3&gt;first child&lt;/h3&gt;</code></pre>\r\n<pre><code>&lt;/ul&gt; &nbsp; &lt;/body&gt; &lt;/html&gt; &nbsp; </code></pre>\r\n<p>In the above example, last<strong>-of-type: </strong>&nbsp;it will select the last li of both the ul&rsquo;s element.</p>', '1', 'blog'), (191, 'difference-between-nth-child-and-nth-of-type-selector-in-css', 'Difference Between :nth-child and :nth-of-type Selector in CSS', '<p>Both Selectors are used to select the nth child element of an HTML. Web designers got confused between them, in this blog you will get understand the difference between both selectors.</p>\r\n<p><strong>:nth-child: </strong>This selector is used to select the nth(n) child of the selected parent element. It does not match the element type.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n&nbsp;\r\nli:nth-child(4)\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;<br /></code></pre>\r\n<pre><code>&lt;h3&gt;first child&lt;/h3&gt;</code></pre>\r\n<pre><code>&lt;li&gt;list4&lt;/li&gt;<br /></code></pre>\r\n<pre>&nbsp;</pre>\r\n<pre><code>&lt;/ul&gt; &nbsp; &lt;/body&gt; &lt;/html&gt; &nbsp; </code></pre>\r\n<p>In the above example,<strong> nth-child:</strong>&nbsp;it will select li of the second ul because the first ul&rsquo;s 4th child is h3.</p>\r\n<p><strong><br />:nth-of-type: </strong>This selector is used to select the nth(n) child of the selected parent element. It matches the element type.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\nli:nth-of-type(4)\r\n{\r\n&nbsp;&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;ul&gt;\r\n&lt;li&gt;list1&lt;/li&gt;\r\n&lt;li&gt;Courses\r\n&lt;ul&gt;\r\n&lt;li&gt;Web Design&lt;/li&gt;\r\n&lt;li&gt;Web Development&lt;/li&gt;\r\n&lt;li&gt;Graphic Design&lt;/li&gt;\r\n&lt;li&gt;Video Editing&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/li&gt;\r\n&lt;li&gt;list3&lt;/li&gt;<br /></code></pre>\r\n<pre><code>&lt;h3&gt;first child&lt;/h3&gt;</code></pre>\r\n<pre><code>&lt;li&gt;list4&lt;/li&gt;<br /></code></pre>\r\n<pre>&nbsp;</pre>\r\n<pre><code>&lt;/ul&gt; &nbsp; &lt;/body&gt; &lt;/html&gt; &nbsp; </code></pre>\r\n<p>In the above example, <strong>last-of-type: </strong>&nbsp;it will select the 4<span>th&nbsp;</span>child of the selected element.</p>', '1', 'blog'), (192, 'local-storage-in-javascript', 'Local Storage in Javascript', '<p>Local Storage allows developers/designers to store data in a browser with no expiry date.&nbsp; It can store data longer period of time till then users don&rsquo;t delete cache and history from their browser.</p>\r\n<h2><br />What is Local Storage</h2>\r\n<p>Local storage is web storage that is used to store data in a browser.&nbsp; Sometimes we have a need to store some data of users that is not very important for us like cart data, or any kind of data that is temporary or not sensitive then we store such kind of data in a browser using local storage.</p>\r\n<p>Local storage has a better capacity than cookies, cookies can store up to 5 MB of data, but local storage can store more than 5 MB so we can also say that local storage is an advanced version of cookies to store data that is larger than 5 MB.</p>\r\n<h2><br />When to Use Local Storage</h2>\r\n<p>Local Storage is used to store data that is not sensitive or we can say that is not very important. This is because third-party individuals can easily access the information.</p>\r\n<ul>\r\n<li>Store temporary data like cart data.</li>\r\n<li>Store Users accessed page URLs like eCommerce website store URLs of users.</li>\r\n<li>Store form data temporarily like the vista print website uses.</li>\r\n</ul>\r\n<h2><br />Limitations of Local Storage</h2>\r\n<ul>\r\n<li>Insecure data.</li>\r\n<li>Synchronous operations.</li>\r\n<li>Limited storage capacity.</li>\r\n</ul>\r\n<h2><br />Local Storage Methods</h2>\r\n<p>There are four methods that local storage uses to store data, get data, and remove data. Which are the following:</p>\r\n<p><strong>setItem(): &nbsp;</strong>This method is used to store data. It uses keys and values to store data.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>localStorage.setItem("key", "value");\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;input type="text" id="name"&gt;\r\n&lt;input type="text" id="email"&gt;\r\n&nbsp;\r\n&lt;button type="button" onclick="save();"&gt;save&lt;/button&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\nfunction save()\r\n{\r\nvar name=document.getElementById("name").value;\r\nvar email = document.getElementById("email").value;\r\n&nbsp;\r\n&nbsp;localStorage.setItem("localname", name);\r\n&nbsp; localStorage.setItem("localemail", email);\r\n&nbsp;}\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />getItem(): </strong>This method is used to get data from local storage. It requires the key name to get value.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>localStorage.setItem("key");\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;p&gt;Name: &lt;span id="name"&gt;&lt;/span&gt;&lt;/p&gt;\r\n&lt;p&gt;Email: &lt;span id="email"&gt;&lt;/span&gt;&lt;/p&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;document.getElementById("name").innerHTML=localStorage.getItem("localname");\r\n&nbsp;document.getElementById("email").innerHTML= localStorage.getItem("localemail");\r\n&nbsp;\r\n&nbsp;\r\n&lt;/script&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>\r\n<p><strong><br />removeItem(): </strong>This method is used to remove data from local storage. It requires the key name to remove data.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>localStorage.removeItem("key");\r\n</code></pre>\r\n<p><strong><br />clear(): </strong>This method is used to remove all data from local storage.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>localStorage.clear()\r\n</code></pre>', '1', 'blog'), (193, 'what-is-important-property-in-css', 'What is !important Property in CSS', '<p>!important property in CSS is used to override the previously written CSS property of an element. The&nbsp; !important property in CSS is used to give more weight than normal property. The !important keyword means this is important it ignores all the properties of CSS that are written for an element.</p>\r\n<p>!important keyword placed at the end of a CSS property. It is mostly used when we work on the bootstrap framework because there is a bootstrap CSS file; sometimes we have to override some property of bootstrap CSS.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>Element\r\n{\r\n&nbsp;&nbsp;&nbsp; font-size: 14px !important;\r\n&nbsp;color:#f00 !important;\r\n}\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;head&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;title&gt;!important property in css &lt;/title&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; h1 {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color: blue ;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; h1 {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color:red !important;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/head&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;body&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h1&gt;Web Development Institute&lt;/h1&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/body&gt;\r\n&lt;/html&gt;&nbsp;&nbsp;\r\n\r\n\r\n</code></pre>', '1', 'blog'), (194, 'css-hover-selector', 'CSS :hover Selector', '<p><strong>CSS :hover selector</strong> is used to select HTML elements when we move the mouse over them. It is useful when we want to give some motion effects on a website. It makes our website more interactive as compared to a normal website.</p>\r\n<p><strong>CSS :hover</strong> can be used on any HTML element, it is mostly used in 2D transform effect, to create a dropdown, mega menu and on image overlay, etc.</p>\r\n<h2><br />How to Use CSS :hover Selector</h2>\r\n<p><strong>CSS :hover</strong> can be used in two ways:</p>\r\n<ol>\r\n<li>we can use :hover directly on the selected element.</li>\r\n<li>we can use :hover to give effect on child element when we mouse hover on the parent element. For example:&nbsp; in a dropdown.</li>\r\n</ol>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>element :hover\r\n{\r\n&nbsp; Property-name: value;\r\n}\r\n</code></pre>\r\n<p><br />To give effect on child element when we mouse over on parent.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>parent-element: hover child-element\r\n{\r\nProperty-name:value;\r\n}\r\n</code></pre>\r\n<p><strong><br />Example1:&nbsp; </strong>:hover effect on selected element</p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\na:hover\r\n{\r\n&nbsp; color:red;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;a href="#"&gt;web development institute&lt;/a&gt;\r\n&lt;a href="#"&gt;Next-G Education&lt;/a&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Example2:&nbsp; </strong>:hover effect on child element when we mouse hover on parent element.</p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&nbsp;\r\n&lt;style&gt;\r\n&nbsp;\r\n.parent\r\n{\r\n&nbsp; width:300px;\r\n&nbsp; height:300px;\r\n&nbsp; background:#ddd;\r\n&nbsp; padding:50px;\r\n}\r\n&nbsp;\r\n.child\r\n{\r\n&nbsp; width:200px;\r\n&nbsp; height:200px;\r\n&nbsp; background:#f00;\r\n}\r\n&nbsp;\r\n.parent:hover .child\r\n{\r\nbackground:#000;\r\n}\r\n&nbsp;\r\n&lt;/style&gt;\r\n&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="parent"&gt;\r\n&lt;div class="child"&gt;&lt;/div&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code></pre>\r\n<p>In the above example, when you will mouse hover on parent div it will change the color of child div.</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (195, 'how-to-keep-form-data-in-input-after-submit-in-php', 'How to Keep form data in input after submit in PHP', '<p>In this blog, you will learn about how to keep form data in the input after submitting it in PHP. When we use form validation in PHP; we face a problem like we have a number of inputs and we fill up all the inputs except one and press submit button after submitting the form it clears all the form inputs and shows the error nearby the input that we had left to fill.</p>\r\n<p>So it irritates the user to fill up the complete form again, to get rid of this type of problem we have a solution for you, let&rsquo;s see:</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\n$nameErr = $emailErr = $mobileErr ="";\r\n$name = $email = $mobile = "";\r\n&nbsp;\r\nif (isset($_POST["submit"])) {\r\n&nbsp;\r\n&nbsp;if (empty($_POST["name"])) {\r\n&nbsp;&nbsp;&nbsp; $nameErr = "Name is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $name = $_POST["name"];\r\n&nbsp;&nbsp;&nbsp; // check if name only contains letters and whitespace\r\n&nbsp;&nbsp;&nbsp; if (!preg_match("/^[a-zA-Z-\' ]$/",$name)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $nameErr = "Only letters and white space allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["email"])) {\r\n&nbsp;&nbsp;&nbsp; $emailErr = "Email is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $email = $_POST["email"];\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $emailErr = "Invalid email format";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["mobile"])) {\r\n&nbsp;&nbsp;&nbsp; $mobileErr = "Mobile is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $mobile = $_POST["mobile"];\r\n&nbsp;\r\n&nbsp;&nbsp; if (!preg_match(\'/^[0-9]{10}+$/\', $mobile)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mobileErr = "Only letters and white space allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&nbsp;\r\n&lt;head&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;title&gt;Form Validation&lt;/title&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .error\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color:#f00;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body style="background-color: #8affaf;"&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="container"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2 class="text-center mt-5 text-primary"&gt;CONTACT US&lt;/h2&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form method="post" class="needs-validation" enctype="multipart/form-data"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;NAME:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter username" name="name" value="&lt;?php if(isset($_POST[\'name\'])){echo $_POST[\'name\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt; &lt;?php echo $nameErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;EMAIL:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control"&nbsp; placeholder="Enter Email" name="email" value="&lt;?php if(isset($_POST[\'email\'])){echo $_POST[\'email\'];} ?&gt;"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $emailErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;MOBILE NUMBER:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter Mobile no" name="mobile" value="&lt;?php if(isset($_POST[\'mobile\'])){echo $_POST[\'mobile\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $mobileErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary p-3 btn-block my-5"&gt;Submit&lt;/button&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&nbsp;\r\n&lt;/html&gt;\r\n&nbsp;\r\n&nbsp;\r\n\r\n</code></pre>\r\n<p><strong>Note:</strong></p>\r\n<p>It does not work on file input.</p>', '1', 'blog'), (196, 'difference-between-session-destory-and-session-unset-in-php', 'Difference between session_destory() and session_unset() in PHP', '<p>In this blog, you will learn the difference between session destroy and session unset.&nbsp; The session is used to make data accessible across the various pages of the website. It is mostly used in the login and logout forms.</p>\r\n<p>Sometimes web developers want to destroy a particular session of the website and sometimes they want to destroy all sessions of the website but they got confused between the&nbsp;<strong>session_destory()</strong> and <strong>session_unset()</strong> method. So this blog has a solution for you:</p>\r\n<h2><br />session_destroy() function in PHP</h2>\r\n<p>session_destroy() function is used to destroy all the sessions of the website.</p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>\r\n&lt;?php\r\nsession_destroy();\r\n?&gt;\r\n&nbsp;\r\n</code></pre>\r\n<h2><br />session_unset() function in PHP</h2>\r\n<p>session_unset() function is used to destroy specific sessions of the website, it does not destroy all the sessions like <strong>session_destory().</strong></p>\r\n<p><strong>Syntax:</strong></p>\r\n<pre><code>&lt;?php\r\nsession_unset($_SESSION[&lsquo;username&rsquo;]);\r\n?&gt;\r\n</code></pre>\r\n<p><br />It will only destroy the username session of the website.</p>', '1', 'blog'), (197, 'z-index-property-of-css', 'z-index property of CSS', '<p>In this blog, you will learn about the CSS z-index property. Z-index property of CSS is used to order an overlapping element which one to show first.</p>\r\n<p>Sometimes HTML elements got overlapped with each other then we have a need to show the second element on top of the first element.</p>\r\n<p>It is something similar to the Photoshop layer, In Photoshop if we want to show an object on the top then we put that layer on the top of another layer same in CSS if we want to show an element on the top of another element then we use the z-index property of CSS.</p>\r\n<p>Z-index uses the numeric value to show an element, the higher the value of z-index it will show the element on the top of the stack, mostly designer uses random value like z-index:99999, etc. if we use a negative value in z-index then it will put the element on the bottom of the stack.</p>\r\n<p>Z-index only works on positioned elements (absolute, relative, fixed, sticky) and on flex items.</p>\r\n<p><strong><br />Syntax:</strong></p>\r\n<pre><code>z-index:value;\r\n</code></pre>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\nimg {\r\n&nbsp; position: absolute;\r\n&nbsp; left: 0px;\r\n&nbsp; top: 0px;\r\n&nbsp; z-index: -1;\r\n}\r\n&lt;/style&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;h1&gt;Web Development Institute&lt;/h1&gt;\r\n&nbsp;\r\n&lt;img src="images/web-development-institute-logo.webp" width="100" height="140"&gt;\r\n&nbsp;\r\n&lt;p&gt;If you are looking for a web designing and web development institute then web development institute is best for you.&lt;/p&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code></pre>\r\n<p><strong><br />Output:<br /><br /><img src="../../../media/admin/uploads/images/z-index-output.png" alt="" width="792" height="228" /><br /></strong></p>\r\n<p>Here in this output, you can see the image at the bottom of the stack and the content is the top of the stack because we have given a negative value of z-index to the image property.</p>', '1', 'blog'), (198, 'how-to-keep-radio-button-checked-after-form-submit-in-php', 'How to Keep Radio Button Checked After Form Submit in PHP', '<p>In this blog, you will learn how to keep the radio button checked after the form submit. When we use validation in the form then there is a need to keep the radio button checked after the form submit.</p>\r\n<p>If we left any input empty then our remaining input should be filled with the previous value that the user filled, if our form got blanked then the user irritates to fill it up again so for user experience we need our input should be filled up with the value after submit.</p>\r\n<p>Let&rsquo;s see the solution how to keep the radio button checked after submitting:</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\n$nameErr = $emailErr = $mobileErr = $genderErr=" ";\r\n$name = $email = $mobile = $gender="";\r\n&nbsp;\r\nif (isset($_POST["submit"])) {\r\n&nbsp;\r\n&nbsp;if (empty($_POST["name"])) {\r\n&nbsp;&nbsp;&nbsp; $nameErr = "Name is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $name = $_POST["name"];\r\n&nbsp;&nbsp;&nbsp; // check if name only contains letters and whitespace\r\n&nbsp;&nbsp;&nbsp; if (!preg_match("/^[a-zA-Z-\' ]$/",$name)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $nameErr = "Only letters and white space allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["email"])) {\r\n&nbsp;&nbsp;&nbsp; $emailErr = "Email is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $email = $_POST["email"];\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $emailErr = "Invalid email format";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["mobile"])) {\r\n&nbsp;&nbsp;&nbsp; $mobileErr = "Mobile is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $mobile = $_POST["mobile"];\r\n&nbsp;\r\n&nbsp;&nbsp; if (!preg_match(\'/^[0-9]{10}+$/\', $mobile)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mobileErr = "Only letters and white space allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp;&nbsp; if (empty($_POST["gender"])) {\r\n&nbsp;&nbsp;&nbsp; $genderErr = "Gender is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $gender = $_POST["gender"];\r\n&nbsp;\r\n&nbsp; }\r\n&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&nbsp;\r\n&lt;head&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;title&gt;Form Validation&lt;/title&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .error\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color:#f00;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body style="background-color: #8affaf;"&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="container"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2 class="text-center mt-5 text-primary"&gt;CONTACT US&lt;/h2&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form method="post" class="needs-validation" enctype="multipart/form-data"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;NAME:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter username" name="name" value="&lt;?php if(isset($_POST[\'name\'])){echo $_POST[\'name\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt; &lt;?php echo $nameErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;EMAIL:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control"&nbsp; placeholder="Enter Email" name="email" value="&lt;?php if(isset($_POST[\'email\'])){echo $_POST[\'email\'];} ?&gt;"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $emailErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;MOBILE NUMBER:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter Mobile no" name="mobile" value="&lt;?php if(isset($_POST[\'mobile\'])){echo $_POST[\'mobile\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $mobileErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;Gender:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="radio"&nbsp; name="gender" value="male" &lt;?php if(isset($_POST[\'gender\'])){if($_POST[\'gender\']=="male"){echo \'checked\';}} ?&gt;&gt; Male\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;input type="radio"&nbsp; name="gender" value="female" &lt;?php if(isset($_POST[\'gender\'])){if($_POST[\'gender\']=="female"){echo \'checked\';}} ?&gt;&gt; Female\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;&lt;span class="error"&gt; &lt;?php echo $genderErr;?&gt;&lt;/span&gt;&lt;/p&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary p-3 btn-block my-5"&gt;Submit&lt;/button&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&nbsp;\r\n&lt;/html&gt;\r\n&nbsp;\r\n&nbsp;\r\n\r\n</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (199, 'how-to-keep-select-box-selected-after-form-submit-in-php', 'How to Keep Select Box Selected after Form Submit in PHP', '<p>In this blog, you will learn how to keep the select boxes selected after form submission. When we use validation in the form then there is a need to keep the select box selected after the form submit.</p>\r\n<p>If we left any input empty then our remaining input should be filled with the previous value that the user filled, if our form got blanked then the user irritates to fill up again so for user experience we need our input should be filled up with the value after submit.</p>\r\n<p>Let&rsquo;s see the solution how to keep select box selected after submit:</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\n$nameErr = $emailErr = $mobileErr = $genderErr= $courseErr=" ";\r\n$name = $email = $mobile = $gender= $course="";\r\n&nbsp;\r\nif (isset($_POST["submit"])) {\r\n&nbsp;\r\n&nbsp;if (empty($_POST["name"])) {\r\n&nbsp;&nbsp;&nbsp; $nameErr = "Name is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $name = $_POST["name"];\r\n&nbsp;&nbsp;&nbsp; // check if name only contains letters and whitespace\r\n&nbsp;&nbsp;&nbsp; if (!preg_match("/^[a-zA-Z-\' ]$/",$name)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $nameErr = "Only letters and white space allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["email"])) {\r\n&nbsp;&nbsp;&nbsp; $emailErr = "Email is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $email = $_POST["email"];\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $emailErr = "Invalid email format";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["mobile"])) {\r\n&nbsp;&nbsp;&nbsp; $mobileErr = "Mobile is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $mobile = $_POST["mobile"];\r\n&nbsp;\r\n&nbsp;&nbsp; if (!preg_match(\'/^[0-9]{10}+$/\', $mobile)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mobileErr = "Only letters and white space allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp;&nbsp; if (empty($_POST["gender"])) {\r\n&nbsp;&nbsp;&nbsp; $genderErr = "Gender is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $gender = $_POST["gender"];\r\n&nbsp;\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; if ($_POST["course"]=="selectcourse") {\r\n&nbsp;&nbsp;&nbsp; $courseErr = "Course is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $course = $_POST["course"];\r\n&nbsp;\r\n&nbsp; }\r\n&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&nbsp;\r\n&lt;head&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;title&gt;Form Validation&lt;/title&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .error\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color:#f00;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body style="background-color: #8affaf;"&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="container"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2 class="text-center mt-5 text-primary"&gt;CONTACT US&lt;/h2&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form method="post" class="needs-validation" enctype="multipart/form-data"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;NAME:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter username" name="name" value="&lt;?php if(isset($_POST[\'name\'])){echo $_POST[\'name\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt; &lt;?php echo $nameErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;EMAIL:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control"&nbsp; placeholder="Enter Email" name="email" value="&lt;?php if(isset($_POST[\'email\'])){echo $_POST[\'email\'];} ?&gt;"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $emailErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;MOBILE NUMBER:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter Mobile no" name="mobile" value="&lt;?php if(isset($_POST[\'mobile\'])){echo $_POST[\'mobile\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $mobileErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;Course:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;select class="form-control" name="course"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;option value="selectcourse"&gt;select course&lt;/option&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;option value="web-design" &lt;?php if(isset($_POST[\'course\'])){if($_POST[\'course\']=="web-design"){echo \'selected\';}} ?&gt;&gt;Web Design&lt;/option&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;option value="web-development" &lt;?php if(isset($_POST[\'course\'])){if($_POST[\'course\']=="web-development"){echo \'selected\';}} ?&gt;&gt;Web Development&lt;/option&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;option value="graphic-design" &lt;?php if(isset($_POST[\'course\'])){if($_POST[\'course\']=="graphic-design"){echo \'selected\';}} ?&gt;&gt;Graphic Design&lt;/option&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/select&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;p&gt;&lt;span class="error"&gt; &lt;?php echo $courseErr;?&gt;&lt;/span&gt;&lt;/p&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label&gt;Gender:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="radio"&nbsp; name="gender" value="male" &lt;?php if(isset($_POST[\'gender\'])){if($_POST[\'gender\']=="male"){echo \'checked\';}} ?&gt;&gt; Male\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp; &lt;input type="radio"&nbsp; name="gender" value="female" &lt;?php if(isset($_POST[\'gender\'])){if($_POST[\'gender\']=="female"){echo \'checked\';}} ?&gt;&gt; Female\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;&lt;span class="error"&gt; &lt;?php echo $genderErr;?&gt;&lt;/span&gt;&lt;/p&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary p-3 btn-block my-5"&gt;Submit&lt;/button&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&nbsp;\r\n&lt;/html&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n\r\n</code></pre>', '1', 'blog'), (200, 'how-to-keep-checkbox-checked-after-form-submit-in-php', 'How to Keep Checkbox Checked After form Submit in PHP', '<p>In this blog, you will learn how to keep the checkbox checked after the form submit. When we use validation in the form then there is a need to keep the checkbox checked after the form submit.</p>\r\n<p>If we left any input empty then our remaining input should be filled with the previous value that the user filled, if our form got blanked then the user irritates to fill up again so for user experience we need our input should be filled up with the value after submit.</p>\r\n<p>Let&rsquo;s see the solution how to keep the checkbox checked after submitting:</p>\r\n<p><strong>Example: </strong></p>\r\n<pre><code>\r\n&lt;?php\r\n&nbsp;\r\n$nameErr = $emailErr = $mobileErr = $priceErr=" ";\r\n$name = $email = $mobile = $price="";\r\n&nbsp;\r\nif (isset($_POST["submit"])) {\r\n&nbsp;\r\n&nbsp;if (empty($_POST["name"])) {\r\n&nbsp;&nbsp;&nbsp; $nameErr = "Name is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $name = $_POST["name"];\r\n&nbsp;&nbsp;&nbsp; // check if name only contains letters and whitespace\r\n&nbsp;&nbsp;&nbsp; if (!preg_match("/^[a-zA-Z-\' ]$/",$name)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $nameErr = "Only letters and white space allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["email"])) {\r\n&nbsp;&nbsp;&nbsp; $emailErr = "Email is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $email = $_POST["email"];\r\n&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp; if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $emailErr = "Invalid email format";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp; if (empty($_POST["mobile"])) {\r\n&nbsp;&nbsp;&nbsp; $mobileErr = "Mobile is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $mobile = $_POST["mobile"];\r\n&nbsp;\r\n&nbsp;&nbsp; if (!preg_match(\'/^[0-9]{10}+$/\', $mobile)) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $mobileErr = "Only digits allowed";\r\n&nbsp;&nbsp;&nbsp; }\r\n&nbsp; }\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; if (empty($_POST["price"])) {\r\n&nbsp;&nbsp;&nbsp; $priceErr = "price is required";\r\n&nbsp; } else {\r\n&nbsp;&nbsp;&nbsp; $price = $_POST["price"];\r\n&nbsp;\r\n&nbsp;&nbsp;}\r\n&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n}\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&nbsp;\r\n&lt;head&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;title&gt;Form Validation&lt;/title&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; .error\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; color:#f00;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/style&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&lt;/head&gt;\r\n&nbsp;\r\n&lt;body style="background-color: #8affaf;"&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;div class="container"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;h2 class="text-center mt-5 text-primary"&gt;CONTACT US&lt;/h2&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;form method="post" class="needs-validation" enctype="multipart/form-data"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;NAME:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter username" name="name" value="&lt;?php if(isset($_POST[\'name\'])){echo $_POST[\'name\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt; &lt;?php echo $nameErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;EMAIL:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="email" class="form-control"&nbsp; placeholder="Enter Email" name="email" value="&lt;?php if(isset($_POST[\'email\'])){echo $_POST[\'email\'];} ?&gt;"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $emailErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;label for="uname"&gt;MOBILE NUMBER:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;input type="text" class="form-control"&nbsp; placeholder="Enter Mobile no" name="mobile" value="&lt;?php if(isset($_POST[\'mobile\'])){echo $_POST[\'mobile\'];} ?&gt;" &gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;span class="error"&gt;* &lt;?php echo $mobileErr;?&gt;&lt;/span&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;\r\n&nbsp;&lt;div class="form-group"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp; &lt;label&gt;Price:&lt;/label&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;\r\n &lt;input type="checkbox"&nbsp; name="price[]" value="1000" &lt;?php if(isset($_POST[\'price\'])){if(in_array("1000",$_POST[\'price\'])){echo \'checked\';}} ?&gt;&gt; 1000\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n &lt;input type="checkbox"&nbsp; name="price[]" value="2000" &lt;?php if(isset($_POST[\'price\'])){if(in_array("2000",$_POST[\'price\'])){echo \'checked\';}} ?&gt;&gt; 2000\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&lt;input type="checkbox"&nbsp; name="price[]" value="3000" &lt;?php if(isset($_POST[\'price\'])){if(in_array("3000",$_POST[\'price\'])){echo \'checked\';}} ?&gt;&gt; 3000\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&lt;p&gt;&lt;span class="error"&gt; &lt;?php echo $priceErr;?&gt;&lt;/span&gt;&lt;/p&gt;\r\n &lt;/div&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp; &lt;button type="submit" name="submit" class="btn btn-primary p-3 btn-block my-5"&gt;Submit&lt;/button&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/form&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/div&gt;\r\n&nbsp;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&nbsp;\r\n&lt;/html&gt;\r\n&nbsp;\r\n&nbsp;\r\n\r\n</code></pre>', '1', 'blog'), (201, 'how-to-encode-and-decode-url-s-query-parameter-in-php', 'How to Encode and Decode url\'s Query Parameter in PHP', '<p>In this blog, you will learn how to encode and decode the query string or URL of a page.&nbsp; In PHP we use query string to edit, delete data, or select data from a database by matching a particular column name.</p>\r\n<p>So Professional developers use encode and decode functions to encode URL strings for special characters. There are some functions for encoding and decoding URLs as follows:</p>\r\n<ul>\r\n<li>urlencode</li>\r\n<li>base64_encode</li>\r\n<li>urldecode</li>\r\n<li>base64_decode</li>\r\n</ul>\r\n<h2><br />How to encode URL\'s query parameter</h2>\r\n<p>To encode url&rsquo;s query parameter you can use both the methods together <strong>urlencode()</strong> and <strong>base64_encode().</strong></p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\n$id=15;\r\n&nbsp;\r\n$finalid=urlencode( base64_encode($id));\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n\r\n</code></pre>\r\n<h2><br />Why encode URL\'s query parameter</h2>\r\n<p>Because URLs are limited to a number of characters like a digit, alphabets, and a few special characters like (-,_), etc, to use any other character we need encoding URL\'s query parameters.</p>\r\n<h2><br />How to decode URL\'s query parameter</h2>\r\n<p>To decode url&rsquo;s query parameters we use <strong>urldecode() and base64_decode()</strong> function together.</p>\r\n<p><strong><br />Example:</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\n$id="encoded string";\r\n$finalid=base64_decode( urldecode( $id));\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&nbsp;\r\n</code></pre>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (202, 'html5-semantic-tags', 'HTML5 Semantic tags', '<p>In an old days, Web Designer uses the &lt;div&gt; &nbsp;tag to create the layout of websites, but there was some problem, the problem is that when web designer try to understand their design after a long time they could not understand, because all the section was created by using the &lt;div&gt; tag.</p>\r\n<p>So the solution is to make the design easy to understand&nbsp; HTML5 introduces <strong>Semantic tags</strong>. Semantic tags are tags that have a meaningful name that is easy to understand for web designers and for search engine crawlers also, it is very helpful for web designers to make understand web layouts after a long time which is created by HTML5 semantic tags.</p>\r\n<p><strong>HTML5 Semantic tags are following:</strong></p>\r\n<ol>\r\n<li>&lt;header&gt;</li>\r\n<li>&lt;footer&gt;</li>\r\n<li>&lt;section&gt;</li>\r\n<li>&lt;nav&gt;</li>\r\n<li>&lt;figure&gt;</li>\r\n<li>&lt;figcaption&gt;</li>\r\n<li>&lt;aside&gt;</li>\r\n<li>&lt;article&gt;</li>\r\n<li>&lt;main&gt;</li>\r\n</ol>&nbsp;\r\n<p><strong><br />1. &lt;header&gt;: </strong>Header tag is used to contain header section of the website or top section of website layout which contains a menu.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;header&gt;\r\n&lt;div class="logo"&gt;&lt;/div&gt;\r\n&lt;div class="menu"&gt;&lt;/div&gt;\r\n&lt;/header&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />2. &lt;footer&gt;: </strong>Footer tag is used to contain footer-related code of the website or lower section of website layout which contains copyright-related content or social icons etc.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;footer&gt;\r\n&lt;div class="copyright"&gt;&lt;/div&gt;\r\n&lt;div class="policies"&gt;&lt;/div&gt;\r\n&lt;/footer&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />3. &lt;section&gt;: </strong>As its name suggests, it is mostly used in the middle section of the website to create a section, after the header tag and before the footer tag. You can also use section in the header and footer tag also if the header and footer have partitions.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;section&gt;\r\n&lt;div class="aboutus"&gt;&lt;/div&gt;\r\n&lt;div class="aboutimg"&gt;&lt;/div&gt;\r\n&lt;/section&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />4. &lt;nav&gt;: </strong>&nbsp;nav tag is used to contain the code related to the menu.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;nav&gt;\r\n&lt;ul&gt;\r\n&lt;li&gt;&lt;a href=""&gt;Home&lt;/a&gt;&lt;/li&gt;\r\n&lt;li&gt;&lt;a href=""&gt;About&lt;/a&gt;&lt;/li&gt;\r\n&lt;li&gt;&lt;a href=""&gt;Course&lt;/a&gt;&lt;/li&gt;\r\n&lt;li&gt;&lt;a href=""&gt;Blog&lt;/a&gt;&lt;/li&gt;\r\n&lt;li&gt;&lt;a href=""&gt;Contact&lt;/a&gt;&lt;/li&gt;\r\n&lt;/ul&gt;\r\n&lt;/nav&gt;\r\n&nbsp;\r\n\r\n</code></pre>\r\n<p><strong><br />5. &lt;figure&gt;: </strong>The figure&nbsp;tag is used to contain the image.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;figure&gt;\r\n&lt;img src="images/logo.png"&gt;\r\n&lt;/figure&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />6. &lt;figcaption&gt;: </strong>figcaption is used to give the heading or title of an image, it contains content related to the image.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;figure&gt;\r\n&lt;img src="images/logo.png"&gt;\r\n&lt;figcaption&gt;\r\nWeb Development Institute\r\n&lt;figcaption&gt;\r\n&lt;/figure&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />7. &lt;aside&gt;: &nbsp;</strong>As its name suggests, aside means a box that is at the right or left corner, it is used to create a sidebar on the website.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;aside&gt;\r\n&lt;div class="relatedblogs"&gt;&lt;/div&gt;\r\n&lt;/aside&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />8. &lt;article&gt;: </strong>article tag is used in blogs areas of the website to contain blog content.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;article&gt;\r\n&lt;h3&gt;Blog heading&lt;/h3&gt;\r\n&lt;p&gt;blog content&lt;/p&gt;\r\n&lt;/article&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />9. &lt;main&gt;: </strong>it defines the main content of the document.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>&lt;main&gt;\r\n&lt;h1&gt;About Web Development Institute&lt;/h1&gt;\r\n&lt;p&gt;about content of web development institute&lt;/p&gt;\r\n&lt;/main&gt;\r\n&nbsp;\r\n</code></pre>', '1', 'blog'), (203, 'session-in-php-with-example', 'Session in PHP with Example', '<p>Session in PHP is used to store data and make it accessible across all website pages. It is mostly used in login and logout form, multi-step form, etc.</p>\r\n<p>Session data is destroyed automatically when the user closes their browser and also it automatically delete the session data after a specified time if the user does not do any action on the website.</p>\r\n<p>We can destroy session by using php function session_destory() or unset().</p>\r\n&nbsp;\r\n<h2>What is the use of Session?</h2>\r\n<p>The session is used to store temporary data which is accessible across all the pages of the website. Sometimes we have a need to store data temporarily like store data of the user when the user logged in and show his id or email on the menu bar then we use the session to accomplish this work.</p>\r\n<p>It is mostly used in login and logout form, multi-step form.</p>\r\n<p>Sometimes we want to restrict some pages we want these pages should be accessible after login then we can do this by using session.</p>\r\n&nbsp;\r\n<h2>How to use Session in PHP?</h2>\r\n<p>To use session in PHP there are the following steps:</p>\r\n<ol>\r\n<li>You need to start the session by using session_start().</li>\r\n<li>You have to store data in the session variables by using $_SESSION[&lsquo;&rsquo;] globals.</li>\r\n<li>Now you can access the session data by using $_SESSION[&lsquo;&rsquo;]&nbsp; globals.</li>\r\n</ol>\r\n<p><strong><br />Example:&nbsp; Store Session Data</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\nsession_start();\r\n&nbsp;\r\n$_SESSION[\'userdata\']="hello session";\r\n&nbsp;\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong><br />Example: &nbsp;Access Session Data</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\nsession_start();\r\n&nbsp;\r\necho $_SESSION[\'userdata\'];\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n</code></pre>\r\n<h2><br />How to Destroy a Session in PHP</h2>\r\n<p>To destroy session data there are two functions in PHP :</p>\r\n<p><strong>session_destory(): </strong>session_destroy() function destroyes all the session variable of the website.</p>\r\n<p><strong>unset(): </strong>unset() function destroy a particular session variable.</p>\r\n<p><strong><br />Example: &nbsp;Destroy session by using session_destroy()</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\nsession_start();\r\n&nbsp;\r\nsession_destroy();\r\n&nbsp;\r\n?&gt;\r\n</code></pre>\r\n<p><strong><br />Example: Destroy a particular session by using the unset() function</strong></p>\r\n<pre><code>&lt;?php\r\n&nbsp;\r\nsession_start();\r\n&nbsp;\r\nunset($_SESSION[\'userdata\']);\r\n&nbsp;\r\n?&gt;\r\n</code></pre>', '1', 'blog'), (204, 'graphic-web-design-course', 'DIPLOMA COURSE IN GRAPHIC DESIGN ', '', '1', 'course'), (205, 'graphic-web-design-advance-course', 'Graphic & Web Design Advance', '<p>At the <a href=\"../../../\"><strong>Web Development Institute</strong></a>, we specialize in empowering individuals with expert courses in graphic and web design. Whether you\'re just starting your journey or aiming to enhance your skills, our comprehensive curriculum and experienced instructors are here to guide you towards success in these dynamic fields.</p>\r\n<p><strong>Why Choose Us?</strong></p>\r\n<ul>\r\n<li>\r\n<p><strong>Expertise and Guidance:</strong> Our courses are designed to equip you with the skills, knowledge, and tools essential for thriving in graphic and web design. From beginners exploring their creativity to seasoned professionals seeking advancement, we cater to all skill levels.</p>\r\n</li>\r\n<li>\r\n<p><strong>Hands-On Learning:</strong> Learn through practical examples and real-world projects that ensure a deep understanding of graphic and web design concepts. Our hands-on approach allows you to apply theory directly into practice, preparing you for diverse challenges in the industry.</p>\r\n</li>\r\n</ul>\r\n<p><strong>Course Overview</strong></p>\r\n<p><strong>MODULE 1: Graphic Designing</strong></p>\r\n<p>Explore the art of graphic design with a focus on industry-standard software and techniques:</p>\r\n<ul>\r\n<li>\r\n<p><strong>Adobe Photoshop:</strong> Master the creation and manipulation of digital images, essential for designing user interfaces, logos, banners, and more.</p>\r\n</li>\r\n<li>\r\n<p><strong>CorelDraw and Adobe Illustrator:</strong> Develop skills in vector graphics and illustration, enabling you to create stunning visual designs for various applications.</p>\r\n</li>\r\n</ul>\r\n<p><strong>MODULE 2: Advanced Web Designing</strong></p>\r\n<p>Dive into advanced web design principles and techniques to build responsive and visually appealing websites:</p>\r\n<ul>\r\n<li>\r\n<p><strong>Website Layout Design:</strong> Learn to create effective website layouts that enhance user experience and align with modern design trends.</p>\r\n</li>\r\n<li>\r\n<p><strong>Responsive Web Design:</strong> Design websites that adapt seamlessly to different devices and screen sizes, ensuring optimal performance across platforms.</p>\r\n</li>\r\n</ul>\r\n<p><strong>Why Enroll with Us?</strong></p>\r\n<p>At the Web Development Institute, we prioritize your learning journey. With a focus on practical skills and industry-relevant knowledge, our courses prepare you to excel in graphic and web design roles. Join us and unleash your creativity while mastering the technical skills needed to thrive in today\'s competitive digital landscape.</p>', '1', 'course'), (206, 'adobe-illustrator-course', 'Adobe Illustrator ', '', '1', 'course'), (207, 'coreldraw-course', 'CorelDraw', '', '1', 'course'), (208, 'short-term-web-development-course', 'Short Term Web Development', '<p>The Short Term Web Development Course at our <a href=\"../../../\"><strong>Web Development Institute</strong></a> is tailored for individuals aiming to rapidly acquire essential web development skills. This intensive program is carefully structured into two modules, each focusing on core and advanced web development techniques. Our curriculum ensures participants gain practical, hands-on knowledge in a short timeframe, making it ideal for those looking to swiftly enter the web development field.</p>\r\n<h4>Module 1: Foundation of Web Development</h4>\r\n<p>In the first module, participants delve into the fundamentals of web development, emphasizing server-side scripting and database management. The journey begins with PHP, a widely-used scripting language perfect for creating dynamic web pages, paired with MySQL, a powerful database management system. This section of the curriculum covers essential PHP concepts, database interactions, and CRUD (Create, Read, Update, Delete) operations. Additionally, participants are introduced to Python, a versatile programming language celebrated for its simplicity and efficacy in web development. By the end of this module, students will be equipped with the foundational skills required to build and manage dynamic web applications.</p>\r\n<h4>Module 2: Advanced Web Development Techniques</h4>\r\n<p>The second module transitions to sophisticated web development using popular frameworks. Participants start with CodeIgniter, a robust PHP framework that streamlines the development process through its Model-View-Controller (MVC) architecture. They learn to create scalable and maintainable web applications efficiently. Following this, the course delves into Django, a high-level Python framework renowned for its rapid development capabilities and clean design. Students gain hands-on experience in building complex web applications with Django, mastering its features for handling databases, URL routing, and template rendering.</p>', '1', 'course'), (209, 'web-development', 'Web Development Expert', 'The Web Development Expert Course at <a href=\"../../../\"><strong>Web Development Institute</strong></a> offers a comprehensive curriculum focusing on both web design and<a href=\"../../../backend-developer-course\"><strong> backend development</strong></a>. Participants begin with HTML5, CSS3, Bootstrap, and jQuery, mastering frontend essentials for creating responsive and visually appealing interfaces. They then advance to backend development with Python, leveraging Django for scalable web applications and MySQL for proficient database management. Practical projects throughout the course reinforce theoretical concepts, equipping graduates with the skills to design dynamic websites, develop robust applications, and optimize backend infrastructure effectively. This intensive program prepares them for successful careers in the competitive field of web development.', '1', 'course'), (210, 'how-to-get-tinymce-editor-value-using-javascript', 'How to Get tinymce Editor Value Using Javascript', '<p>In this blog, we will learn how to get value from tinymce editor using javascript, sometimes we need to get value from tinymce editor on a button click on on any event, mostly we need a value on the event when we use ajax in our project.</p>\r\n<p>To get value from tinymce editor is not easy as compared to other inputs but also it is not much difficult to let&rsquo;s see how to get value :</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&nbsp;&nbsp;&nbsp; &lt;textarea name="descr" id="textarea1" class="materialize-textarea"&gt;hello tinymce&lt;/textarea&gt;&nbsp;\r\n&lt;button type="button" onclick="getcontent()"&gt;get&lt;/button&gt;\r\n&lt;script&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function getcontent()\r\n{\r\nvar data;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; data=tinyMCE.get("#textarea1").getContent();\r\nconsole.log(data);\r\n}\r\n&lt;/script&gt;\r\n&nbsp;\r\n</code></pre>\r\n<p><strong>Note:</strong></p>\r\n<p>In the above example we have used <strong>tinyMce.get().getContent()</strong> function, so to use this function you should place this code after the <strong>tinmyce.js file</strong> otherwise this code would not work.</p>', '1', 'blog'), (211, 'how-to-get-value-from-tinymce-editor-using-jquery', 'How to Get Value from tinymce Editor using jQuery', '<p>In this blog, we will learn how to get value from tinymce editor using jquery selector, sometimes we need to get value from tinymce editor on button click on on any event , mostly we need value on event when we use ajax in our project.</p>\r\n<p>To get value from tinymce editor is not easy as compared to other inputs but also it is not much difficult let&rsquo;s see how to get value :</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>\r\n&nbsp;&nbsp;&nbsp; &lt;textarea name="descr" id="textarea1" class="materialize-textarea"&gt;hello tinymce&lt;/textarea&gt;&nbsp;\r\n&lt;button type="button" id="btn"&gt;get&lt;/button&gt;\r\n&nbsp;\r\n&lt;script&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(document).ready(function() {\r\n&nbsp;&nbsp;&nbsp; $(\'#btn).click( function(){\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $data=tinyMCE.get("#textarea1").getContent();\r\nconsole.log($data);\r\n&nbsp;&nbsp;&nbsp; } );\r\n} );\r\n&lt;/script&gt;\r\n</code></pre>\r\n<p><strong>Note:</strong></p>\r\n<p>In the above example we have used <strong>tinyMce.get().getContent()</strong> function , so to use this function you should place this code after the tinmyce.js file otherwise this code would not work.</p>', '1', 'blog'), (212, 'how-to-match-exact-string-in-a-mysql-database-with-imploded-string', 'How to match exact string in a mysql database with imploded string', '<p>In this blog, you will learn how to match exact data in a MySQL database when you kept your data with multiple values in a single column by adding a comma between them.</p>\r\n<p>We need this type of requirement when we insert data by using implode method in PHP, Codeigniter or laravel, and then we want to filter data from the database, we got blank; &nbsp;how to match exact data in a bunch of string, so here is the solution for you let&rsquo;s see:</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>144,14,44,441,143,1454\r\n</code></pre>\r\n<p>Suppose you have stored such type of data in MySQL column and you want to find out <strong>14</strong> from this string.</p>\r\n<p><strong>Solution:</strong></p>\r\n<pre><code>SELECT \r\nFROM `your-tablename`\r\nWHERE your-column-name REGEXP \'[[:&lt;:]]".14."[[:&gt;:]]\'\r\n</code></pre>\r\n<p>In the above query replace your-tablename with your table name, replace your-column-name with your column name, and between REGEXP we have written 14 because we want to match 14 in a bunch of strings.</p>\r\n<p>You can put the string which you want to match.</p>', '1', 'blog'), (213, 'find-exact-word-from-string-in-mysql', 'Find Exact Word from String in mysql', '<p>In this blog, you will learn how to find exact words from strings in a mysql database, sometimes we need to match an exact word from a string. In mysql developers mostly use <strong>like clause</strong> to match words but it does not match an exact word, so it gives the wrong output.</p>\r\n<p>We will use <strong>regex,</strong>&nbsp;a regex called regular expression to match an exact word from a string. It will return the exact word, it is better than <strong>like clause</strong> it will give the correct output.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>144,14,44,441,143,1454\r\n</code></pre>\r\n<p>Suppose you have stored such type of data in mysql column and you want to find out <strong>14</strong> from this string.</p>\r\n<p><strong><br />Solution:</strong></p>\r\n<pre><code>SELECT \r\nFROM `your-tablename`\r\nWHERE your-column-name REGEXP \'[[:&lt;:]]".14."[[:&gt;:]]\'\r\n</code></pre>\r\n<p><br />In the above query replace tablename with your tablename, replace your-column-name with your column name and between REGEXP we have written 14 , because we want to match 14 string. You can put the string which you want to match.</p>', '1', 'blog'), (214, 'how-to-use-image-in-react', 'How to use Image in React', '<p>In this blog, we will learn how to use the image in a react, there are two ways to use the image in a react.</p>\r\n<p>First, you can import an image then you can use it.</p>\r\n<p>Second, you can put your image inside the public folder then there is no need to import the image file one by one, this option is better than the first option if you want to use images more than one.</p>\r\n<p>Let&rsquo;s&nbsp; see the following steps on how to use the image in react:</p>\r\n<h2><strong><br />How to use Image by Import</strong></h2>\r\n<ul>\r\n<li>Create a folder named images inside the src directory.</li>\r\n<li>Put your image inside the images folder.</li>\r\n<li>Write the following code in your js file where you want to use the image:</li>\r\n<li>\r\n<pre><code><strong>import logo from \'../images/logo.png\';</strong></code></pre>\r\n</li>\r\n<li>Write the following code in your image src:</li>\r\n<li>\r\n<pre><code><strong>&lt;img src={logo}/&gt;</strong></code></pre>\r\n</li>\r\n</ul>\r\n<h2><strong><br />How to Use Image from Public Folder </strong></h2>\r\n<ul>\r\n<li>Create a folder named images inside the public folder.</li>\r\n<li>Put your image inside the images folder.</li>\r\n<li>Write the following code in your javascript file where you want to use the image:</li>\r\n<li>\r\n<pre><code><strong>&lt;img src={process.env.PUBLIC_URL+"images/logo.png"} /&gt;</strong></code></pre>\r\n</li>\r\n</ul>', '1', 'blog'), (215, 'how-to-use-image-from-public-folder-in-a-react', 'How to use Image from Public Folder in a React', '<p>In this blog, we will learn how to use images from the public folder,&nbsp; if we use a lot of images static in our project then the public folder is best suitable to put an image because we can easily access the file from the public folder, there is no need to import a file.</p>\r\n<p>Let&rsquo;s&nbsp; see the following steps on how to use an image from a public folder in a react:</p>\r\n<h2><strong><br />Use Image from Public Folder </strong></h2>\r\n<ul>\r\n<li>Create a folder named images inside the public folder.</li>\r\n<li>Put your image inside the images folder.</li>\r\n<li>Write the following code in your javascript file where you want to use image:</li>\r\n<li>\r\n<pre><code><strong>&lt;img src={process.env.PUBLIC_URL+"images/logo.png"} /&gt;</strong></code></pre>\r\n</li>\r\n</ul>', '1', 'blog'), (216, 'react-page-is-not-loading-showing-exit-page-or-wait', 'React Page is not Loading Showing Exit Page or Wait', '<p>In this blog, we will learn a solution for a react problem, react page not loading showing page unresponsive.</p>\r\n<p>Sometimes we made mistakes by nesting the parent component itself. If we nested our component by itself then it creates an infinite loop that&rsquo;s why our page is not loading.</p>\r\n<p><strong>Example:</strong></p>\r\n<pre><code>import React from \'react\'\r\nimport {Nav,Navbar,NavDropdown,Container} from \'react-bootstrap\'\r\n&nbsp;\r\n&nbsp;\r\nfunction Header() {\r\n&nbsp; return (\r\n&nbsp;&nbsp;&nbsp; &lt;Header className="menuheader"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;Navbar collapseOnSelect expand="lg" className="shadow-sm "&gt;\r\n&nbsp; &lt;Container&gt;\r\n&nbsp; &lt;Navbar.Brand href="#home"&gt;&lt;img src={process.env.PUBLIC_URL+"/next-g.png"} alt=""/&gt;&lt;/Navbar.Brand&gt;\r\n&nbsp; &lt;Navbar.Toggle aria-controls="responsive-navbar-nav" /&gt;\r\n&nbsp; &lt;div className="d-flex justify-content-end"&gt;\r\n&nbsp; &lt;Navbar.Collapse id="responsive-navbar-nav"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;Nav&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;NavDropdown title="Long Term Courses" id="collasible-nav-dropdown"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.1"&gt;Action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.2"&gt;Another action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.3"&gt;Something&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Divider /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.4"&gt;Separated link&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/NavDropdown&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown title="Web Design" id="collasible-nav-dropdown"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.1"&gt;Action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.2"&gt;Another action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.3"&gt;Something&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Divider /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.4"&gt;Separated link&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/NavDropdown&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown title="Web Development" id="collasible-nav-dropdown"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.1"&gt;Action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.2"&gt;Another action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.3"&gt;Something&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Divider /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.4"&gt;Separated link&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&lt;/NavDropdown&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown title="Graphic Design" id="collasible-nav-dropdown"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.1"&gt;Action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.2"&gt;Another action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.3"&gt;Something&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Divider /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.4"&gt;Separated link&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/NavDropdown&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown title="Digital Marketing" id="collasible-nav-dropdown"&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.1"&gt;Action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.2"&gt;Another action&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.3"&gt;Something&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Divider /&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;NavDropdown.Item href="#action/3.4"&gt;Separated link&lt;/NavDropdown.Item&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/NavDropdown&gt;\r\n&nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;/Nav&gt;\r\n&nbsp;&nbsp;\r\n&nbsp; &lt;/Navbar.Collapse&gt;\r\n&nbsp; &lt;/div&gt;\r\n&nbsp; &lt;/Container&gt;\r\n&lt;/Navbar&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/Header&gt;\r\n&nbsp; )\r\n}\r\n&nbsp;\r\nexport default Header\r\n</code></pre>\r\n<p><br />In this example, as you can see our component name is Header.js and&nbsp; I have also written a code inside the Header tag, so it creates an infinite loop and makes the page unresponsive. So change your tag name which is similar to your component name and run the react project again, it would be working.</p>\r\n<p>So keep in mind whenever your page is not loading then you should check your component, a component can not be nested itself.</p>', '1', 'blog'), (217, 'pagination-in-php-mysql', 'Pagination in PHP & MySQL', '<p>In this blog, you will learn how to create pagination in PHP. Pagination is very useful when you want to show limited data on a page and you want to show the remaining data on a button click, it is mostly used for blogs, eCommerce products, and web applications.</p>\r\n<p>Let&rsquo;s see the following steps to create pagination:</p>\r\n<ul>\r\n<li>Create a Database.</li>\r\n<li>Create a table.</li>\r\n<li>Create a connection file to connect the database.</li>\r\n<li>Create a PHP file where you want to show data.</li>\r\n</ul>\r\n&nbsp;\r\n<h4><strong><br />Create a Database:</strong></h4>\r\n<pre><code>CREATE DATABASE &nbsp;php_pagination;</code></pre>\r\n<h4><strong><br />Create a Table:</strong></h4>\r\n<pre><code>CREATE TABLE `blogs` (\r\n&nbsp;&nbsp; `id` int(11) NOT NULL,\r\n&nbsp;&nbsp; `addeddate` date DEFAULT NULL,\r\n&nbsp;&nbsp; `title` text COLLATE utf8mb4_unicode_ci DEFAULT NULL,\r\n&nbsp;&nbsp; `description` longtext COLLATE utf8mb4_unicode_ci DEFAULT NULL,\r\n&nbsp;&nbsp; `updatedat` date DEFAULT NULL\r\n&nbsp;) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;\r\n</code></pre>\r\n<h4><strong><br />Create a Connection:</strong></h4>\r\n<pre><code>\r\n&lt;?php\r\n$servername = "localhost";\r\n$username = "root";\r\n$password = "";\r\n$db="php_pagination";\r\n&nbsp;\r\n$conn = mysqli_connect($servername, $username, $password,$db);\r\n?&gt;\r\n&nbsp;\r\n</code></pre>\r\n<h4><strong><br />Create a index.php file or file where you want to print data:</strong></h4>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Pagination&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&nbsp; &lt;h2&gt;Pagination in PHP&lt;/h2&gt;\r\n&nbsp; &lt;table class="table table-striped"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;thead&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Added Date&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Title&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Description&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/thead&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;tbody&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;John&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;Doe&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;john@example.com&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;\r\n&nbsp; &lt;/table&gt;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code></pre>\r\n<p><br />Now we have completed the steps, lets combine the steps to create a complete code.</p>\r\n<p><strong><br />Complete Code:</strong></p>\r\n<pre><code>\r\n&lt;?php\r\n$servername = "localhost";\r\n$username = "root";\r\n$password = "";\r\n$db="php_pagination";\r\n&nbsp;\r\n$conn = mysqli_connect($servername, $username, $password,$db);\r\n&nbsp;\r\n$limit = 3;&nbsp;\r\nif (isset($_GET["page"])) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $page&nbsp; = $_GET["page"];\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; else{\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $page=1;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; };&nbsp;\r\n$start_from = ($page-1) * $limit;&nbsp;\r\n$result = mysqli_query($conn,"SELECT * FROM blogs ORDER BY addeddate DESC LIMIT $start_from, $limit");\r\n&nbsp;\r\n&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n&nbsp; &lt;title&gt;Pagination&lt;/title&gt;\r\n&nbsp; &lt;meta charset="utf-8"&gt;\r\n&nbsp; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n&nbsp; &lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css"&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.slim.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js"&gt;&lt;/script&gt;\r\n&nbsp; &lt;script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n&nbsp;\r\n&lt;div class="container"&gt;\r\n&nbsp; &lt;h2&gt;Pagination in PHP &amp; Mysql&lt;/h2&gt;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp; &lt;table class="table table-striped"&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;thead&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Added Date&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Title&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;th&gt;Description&lt;/th&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;/thead&gt;\r\n&nbsp;&nbsp;&nbsp; &lt;tbody&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;?php\r\n$i=1;&nbsp;&nbsp;&nbsp;\r\nwhile ($row = mysqli_fetch_array($result)) {&nbsp;\r\n?&gt;&nbsp;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $row[\'addeddate\'];?&gt;&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $row[\'title\'];?&gt;&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;td&gt;&lt;?php echo $row[\'description\'];?&gt;&lt;/td&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &lt;/tr&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;\r\n&lt;?php $i++; } ?&gt;\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;\r\n&nbsp;&nbsp;&nbsp; &lt;/tbody&gt;\r\n&nbsp; &lt;/table&gt;\r\n&nbsp;\r\n&nbsp; &lt;?php&nbsp;\r\n&nbsp;\r\n$result_db = mysqli_query($conn,"SELECT COUNT(id) FROM blogs");\r\n$row_db = mysqli_fetch_row($result_db);&nbsp;\r\n$total_records = $row_db[0];&nbsp;\r\n$total_pages = ceil($total_records / $limit);\r\n/* echo&nbsp; $total_pages; /\r\n$pagLink = "&lt;ul class=\'pagination\'&gt;";&nbsp;\r\nfor ($i=1; $i&lt;=$total_pages; $i++) {\r\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $pagLink .= "&lt;li class=\'page-item\'&gt;&lt;a class=\'page-link\' href=\'index.php?page=".$i."\'&gt;".$i."&lt;/a&gt;&lt;/li&gt;";&nbsp;&nbsp;\r\n}\r\necho $pagLink . "&lt;/ul&gt;";&nbsp;\r\n?&gt;\r\n&nbsp;\r\n&nbsp;\r\n&lt;/div&gt;\r\n&nbsp;\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n</code></pre>', '1', 'blog'), (218, 'how-to-open-gmail-on-click-of-anchor-tag-in-html', 'How to open Gmail on click of anchor tag in HTML', '<p>In this blog, you will learn how to open Gmail with the click of the anchor tag, beginners mostly used mailto in href to open mail on outlook but when you want to open mail to google there is different syntax let\'s see the following code:</p>\r\n<p><strong>HTML Code:</strong></p>\r\n<pre><code>&lt;a href="https://mail.google.com/mail/?view=cm&amp;fs=1&amp;to=nextgeeducation@gmail.com"&gt;<a href="mailto:nextgeeducation@gmail.com%3c/a">nextgeeducation@gmail.com&lt;/a</a>&gt;</code></pre>\r\n<p>In this above code replace the nextgeeducation@gmail.com id with your Gmail id.</p>', '1', 'blog'), (219, 'best-advance-digital-marketing-course', 'Advance Digital Marketing Premium', '<span>Advance Digital Marketing Premium Course</span><span> is a fully professional course designed by professional trainers at Web Development Institute. This Course is one of the popular courses among our courses. In this Courses we will cover all the concepts and techniques of WordPress website development, complete SEO process which includes on page and Off page optimization in details with properly practical and theoretical knowledge. After this we will teach concepts of online ads which comes within the Google AdWords. Here we will cover all types of ads with proper project. Then module 4 will start where we will deeply discuss the concepts of most in demanding social media concepts related all social platforms.  Here will discuss concepts of quality post, page likes, fan followers, page creation, groups creation, events creation and lots more along with SMO ADS on all platforms. In module 5 we covered all concepts of email marketing through Gmail and all other platforms. In six module we teach basic to advance concepts of affiliated marketing with proper project to earn through various website. And in last we discus all important concepts of </span><span><span>ranking website fast, creating high quality ads, create strong social media impression, generate business through email marketing and in last earn more through affiliated marketing.<br /></span></span>\r\n<h3>ADVANCE DIGITAL MARKETING PREMIMUM COURSE HIGHLIGHTS</h3>\r\n<p>Learn to create blogging, informative and business website</p>\r\n<ul>\r\n<li>Important Plugins for SEO, Google Analytics, Google Webmasters, Affiliated Marketing</li>\r\n<li>Learn to create SEO Optimized Website</li>\r\n<li>Learn Most Important on Page Optimization Concepts with live project</li>\r\n<li>Learn Most off page optimization Optimization Concepts to create High Quality Backlink</li>\r\n<li>Concepts of creating High Quality all types ads</li>\r\n<li>Creating High impression on Social Media Plateforms</li>\r\n<li>Create high quality ads on social plateforms</li>\r\n<li>Create high quality email marketing concepts</li>\r\n<li>Learn Affiliated marketing concepts to earn money</li>\r\n</ul>', '1', 'course'), (220, 'advanced-adword-course', 'Advanced Google Ads Course', '<p>In Daily basis millions of peoples searches on Google to find solutions of his/her problems. And lots of peoples get right solutions for their query. Because the main aim of Google to provide relevant results towards peoples searches. Generally Google shows two results for any queries one is called Ads and another is called SEO Result or Organic Results. In SERP(Search Engine Result Page) top we get ADS, Product placements, Sponsored Ads it’s all comes under Google Ads.</p>\r\n<p>Generally audience comes to know about the different-2 points. Some peoples searches for new things, some searches for go anywhere, some want to shop online, etc. So our main aim is to provide sufficient result for the different kind of audiences. Generally Adwords is a paid tool while <a href=\"https://www.nextgeducation.com/best-seo-training-institute-north-delhi/\"><span>SEO</span></a> is a free process. Here we have to pay for everything.  </p>\r\n<p><span>Ad words Expert Course</span> is a complete course includes basic to advance concepts of online marketing. In this you will learn the concepts of Google search engine. Our expert trainers teach you all concepts of sales, leads, website traffic, product and brand consideration, brand awareness and reach, app promotion,  Create a campaign without a goal\'s guidance etc. You will learn different to create different campaign type like: <span>search, display, shopping, video ads</span>.</p>\r\n<p>During the training, we will guide you to create quality based campaign. Because creating quality campaign includes lots of things for attractive ads like: <span>Ads groups, landing pages, CPC, Quality Score, Dynamic Ads, Ads extensions</span> etc.</p>\r\n<h2>WHO CAN JOIN ADVANCE GOOGLE ADS COURSE</h2>\r\n<ul>\r\n<li>10th, 12th or Equivalent</li>\r\n<li>BCA/MCA, B.Tech, M.Tech, B.sc (IT), B.sc(CS)</li>\r\n<li>Diploma Candidates</li>\r\n<li>Working Professionals</li>\r\n<li>Business Owners</li>\r\n</ul>', '1', 'course'), (221, 'email-marketing-expert-course', 'Email Marketing', '<p>Web Development  offers e-mail marketing course in just 15 Days in both classroom and online mode. Join this course to learn all about e-mail marketing. This course help to increase your career job opportunities and skills for your business and company. After learning this course, you will be able to prove yourself that you are aware about e-mail marketing.  </p>\r\n<p>After this course you are able to uses various email marketing tool with confidence. To learn this, you should basic knowledge of computer and e-mail forwarding. Our course starts from the beginning and explains from basic to advance level.</p>\r\n<h3>IS AN EMAIL MARKETING CERTIFICATION WILL BEING VALUABLE?</h3>\r\n<p>Now a days time and money both are valuable. So, getting knowledge of email marketing will add an extra skill to your previous skills and apply them to get better result. Our e-mail marketing certification course help you to apply different strategies into your working experience. Certification shows you are a potential employ or company that you are knowledgeable and qualified.</p>', '1', 'course'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (222, 'affiliate-marketing-expert-course', 'AFFILIATE MARKETING', '<span><span>Web Development Institute is one of the top affiliate marketing courses in Delhi. With these courses you will increase you learn and earn program concepts. Our affiliated program helps our students to learn and earn money in just few days. In this course you will learn to use affiliate for your business through sales and concepts to make money from another affiliated website.<br /></span></span>\r\n<h3>OUR AFFILIATE MARKETING EXPERT COURSE BEST SUITABLE FOR WHO ARE INTERESTED TO:</h3>\r\n<ul>\r\n<li>Learn from scratch</li>\r\n<li>mail marketing concepts to grow sales</li>\r\n<li>Get more traffic and convert traffic to sales</li>\r\n<li>Passive income</li>\r\n<li> Do keywords research properly</li>\r\n</ul>\r\n<p>Know best way of making money online</p>\r\n<div> </div>', '1', 'course'), (223, 'youtube-video-marketing-course', 'YOUTUBE MARKETING COURSE', '<p>Video Marketing Course at <span>Web Development Institute</span> is designed to create creative video and promote on various platforms like YouTube, Myspace, Vimeo, etc. Our training process involve to learn and create high quality video using Adobe Premiere video editing software. After learning to create a quality video we will teach you all the concepts of ranking videos, traffic generation, likes a share.</p>\r\n<p>This course at <span>Next-G Education</span> is designed especially for those guys who takes interest in Video creation and earn through various source like <span>YouTube, Facebook, Instagram, amazon prime etc</span>. In this we will guide you to create YouTube channel with complete customization. Apart from this we will also discuss marketing concepts, improve video impression and views genuine.</p>\r\n<p>Now a days almost 90% peoples used YouTube to <span>upload video, campaigns advertisements, channel monetization, AdSense</span> etc.</p>\r\n<p>So, during this course we will discus all the concept to rank video on Search engines along with all the related popular videos plate forms. We will discuss the optimise title, <span>description, tags, hashtags,</span> etc. during the video uploading. And will teach how to advertise on YouTube along with channel monetization and concepts of earn money through YouTube.  </p>', '1', 'course'), (224, 'on-page-optimization-course', 'ON PAGE OPTIMIZATION COURSE', '<p>On Page Optimization is an important part of SEO strategy to rank website or keywords in different SERP (Search Engine Result Page). On page SEO strategy involves all essential concepts to design and arrange content on web pages according to search engine friendly. As it is known as known as one of the important phases of SEO 4 phases called Pre site activity, on page activity, off page activity and post site activity. Applying on page concepts according to different search engine guidelines, helps us to rank our website quick rank.</p>\r\n<p>Our expert professional trainers deeply understand the roles of on page to rank website and accordingly they teach our students. These process helps students lots to quick apply on website and rank easily. Because are training process are totally different from another institutes or trainers. Our students work on live project under our reputed <span>IT company Web Services</span>. We encourage our students to implement theoretical concepts in practical instantly after training. Which help students to implement on live project quickly and see the results.</p>', '1', 'course'), (225, 'off-page-optimization-course', 'OFF PAGE OPTIMIZATION COURSE', '<p><span>On Page</span> and <span>Off page</span> are the two main factors of SEO. Both are two hands of single coin. So, if you are better understanding of on page optimization and looking to improve skills in<span> Off page optimization</span> then our Off-page optimization course can be a great option for you.  Role of off page is wide. Because On page activity is called one time activity whether as off page activity called lifetime activity. So, knowledge of it is very important in Deep. Its helps to get a quality backlink to our website from another website. For this one should must have join that institute which provide live project training during the training or at least guide work on off page properly.</p>\r\n<p> Before applying concepts of off page student must aware about the terms like Page authority, domain authority, Alexa rank, page rank, anchor tag, backlink types, search engine algorithm, latest guidelines of backlinks and most important things i.e., planning and strategy to implement off page concepts.</p>\r\n<p>Our training process covers all the essentials concepts of link building and important tools through which student can check the websites P.A, D,A, PR, AR easily before getting backlink to other website.</p>', '1', 'course'), (226, 'best-advance-seo-course-institute', 'ADVANCE SEO COURSE', '<p><span>SEO Expert Course</span> at Web Development Institute is designed under the guidance of IT industry experts or professionals of a well-renowned company. This course is well suited for professionals as well as freshers, who are looking their a career in SEO. This course covers the concept of Basic HTML Tags, On-Page SEO, OFF Page SEO, Google Webmaster, Google Analytics, etc.<br /><br />Importance of <span>Search Engine Optimization</span> within the company increasing day by day. SEO plays an important role to rank a website on different search engines like yahoo, google, bing, duck go, ask.com, etc. During the training, we teach concepts of SEO with practical as well as theoretical. We provide complete knowledge of On-page optimization as well as off-page optimization practicality. Apart from this, we teach also important tools like google analytics, webmasters, worn, Alexa, same rush, etc.<br /><br />In this course, we will cover basic to advance concepts of On-Page and Off-page optimization in deep during the training. Our training process is totally based on the latest digital technology.  SEO Expert course at Web Development Institute is a unique course where students learn with a live project on the behalf of our IT Company Web services. Our Company offers IT services all across the country. So our trainee gets practical training on live projects during the training. If guys interested to work on their own projects or wants to promote their own business then our team always welcomes the guys and helps to implement on their project.</p>\r\n<h2>WHO CAN JOIN SEO EXPERT COURSE</h2>\r\n<ul>\r\n<li>10th, 12th, or Equivalent</li>\r\n<li>BCA/MCA, B.Tech, M.Tech, B.sc (IT), B.sc(CS)</li>\r\n<li>Diploma Candidates</li>\r\n</ul>', '1', 'course'), (228, 'adobe-indesign-course-rohini', 'ADOBE INDESIGN', '', '1', 'course'), (229, 'quarkxpress-course-delhi', 'QUARKXPRESS', '', '1', 'course'), (230, 'adobe-premiere-course-delhi', 'ADOBE PREMIERE', '', '1', 'course'), (231, 'graphic-expert-premium-course-delhi', 'GRAPHIC EXPERT PREMIUM', '<p>The Graphic Expert Premium Course at <a href=\"../../../\"><strong>Web Development Institute</strong></a> is an intensive program designed to elevate your graphic design skills to a professional level. This comprehensive course is divided into three detailed modules, each tailored to cover specific aspects of graphic design, image editing, and social media optimization (SMO).</p>\r\n<p><strong>Module-1: </strong> In this initial module, students delve into the world of image editing and user interface design using Adobe Photoshop. This segment focuses on mastering photo editing techniques, creating web layouts, and designing stunning user interfaces that are both functional and aesthetically pleasing. This foundational training ensures that students gain a solid grasp of Photoshop, setting the stage for advanced design work.</p>\r\n<p><strong>Module-2:</strong>  The second module broadens the scope to include comprehensive training in printing and graphic design. This part of the course covers Adobe Illustrator, CorelDraw, and Adobe InDesign. Students learn to create vector graphics, design logos, and develop professional layouts for print media. Emphasis is placed on both creative and technical skills, ensuring that graduates can produce high-quality print materials such as brochures, posters, and business cards.</p>\r\n<p><strong>Module-3: </strong> The final module integrates social media optimization (SMO) and video editing into the curriculum. Students gain expertise as SMO Experts, learning to enhance social media presence and engagement. Additionally, the module includes training in Adobe Premiere Pro, equipping students with the skills needed for professional video editing. This combination of SMO and video editing ensures that graduates can create dynamic content suitable for various digital platforms.</p>', '1', 'course'), (232, 'graphic-expert-standard', 'GRAPHIC EXPERT STANDARD', '<p>The <strong>Graphic Expert Standard Course</strong> at Web Development Institute is an intricately designed curriculum aimed at imparting comprehensive graphic design acumen to learners. This meticulously structured course unfolds over three detailed modules, each delving into pivotal aspects of graphic artistry, ranging from image editing to the nuanced principles of design theory.</p>\r\n<p><strong>Module 1: </strong>The journey commences with <a href=\"../../../best-photoshop-training-institute\"><strong>Adobe Photoshop</strong></a>, a cornerstone in the realm of image manipulation and UI design. This foundational module immerses students in the subtleties of photo retouching, manipulation, and layout crafting. Mastery of Photoshop equips students with the prowess to fabricate visually captivating and functional digital designs, tailored for an array of applications.</p>\r\n<p><strong>Module 2:</strong>  Building on the initial skills, the second module broadens the student\'s horizon to encompass printing and graphic design. Through intensive training in <strong><a href=\"../../../adobe-illustrator-course\">Adobe Illustrator</a>, <a href=\"../../../coreldraw-course\">CorelDraw</a>  and Adobe InDesign</strong>, students explore the realm of vector graphics, logo creation, and professional print layouts. This module ensures proficiency in generating high-caliber print materials such as business cards, brochures, and posters, seamlessly blending creative ingenuity with technical finesse.</p>\r\n<p><strong>Module 3:  </strong>The final module ventures into the theoretical underpinnings of graphic design, focusing on the doctrines and principles that constitute effective design. This segment also introduces students to <strong>Final Cut Pro</strong>, an advanced tool for video editing. Emphasis is placed on the importance of design theory in crafting cohesive and aesthetically pleasing creations, ensuring students can adeptly apply these principles across both static and dynamic media.</p>', '1', 'course'), (233, 'graphic-design-expert-delhi', 'GRAPHIC DESIGN EXPERT', '<p>The <strong>Short Graphic Design Expert Course</strong> at Web Development Institute offers a condensed yet comprehensive education in the fundamental aspects of graphic design. This intensive program is meticulously designed to equip students with essential skills in image editing, printing, and graphic design, all within a focused timeframe. The course is structured into a single, thorough module that covers three of the most critical tools in the industry.</p>\r\n<p><strong>Module 1:  </strong>In this module, students begin their journey with <strong>Adobe Photoshop</strong>, where they dive into the intricacies of image editing. They learn essential techniques such as photo retouching, manipulation, and layout design, which are crucial for creating visually compelling digital content. Mastery of Photoshop provides students with the ability to transform ordinary images into extraordinary visuals, suitable for various applications.</p>\r\n<p><strong>Module 2: </strong>Following Photoshop, the course transitions to <strong>Adobe Illustrator</strong>, a powerhouse for vector graphics and illustration. Students are trained in creating logos, icons, and complex illustrations, developing a keen eye for detail and a strong sense of design. Illustrator\'s robust capabilities ensure that learners can produce scalable and high-quality graphics for both digital and print media.</p>\r\n<p><strong>Module 3: </strong>Lastly, the module introduces <strong>CorelDraw</strong>, another essential tool for graphic design and printing. Here, students explore the creation of professional print layouts, business cards, brochures, and posters. CorelDraw’s user-friendly interface and versatile features enable students to blend creativity with technical precision, ensuring that they can produce polished and professional designs ready for print.</p>', '1', 'course'), (234, 'adobe-after-effects-course', 'ADOBE AFTER EFFECTS', '', '1', 'course'), (235, 'filmora-expert-course', 'FILMORA EXPERT COURSE', '', '1', 'course'), (236, 'video-editing-standard', 'VIDEO EDITING STANDARD', '', '1', 'course'), (237, 'short-term-video-editing-course', 'SHORT TERM VIDEO EDITING COURSE', '', '1', 'course'), (238, 'advance-video-editing-course-delhi', 'ADVANCE VIDEO EDITING COURSE', '', '1', 'course'), (239, 'video-editing-expert-course-delhi', 'VIDEO EDITING EXPERT', '', '1', 'course'), (240, 'video-editing-expert-premium-course', 'VIDEO EDITING EXPERT PREMIUM', '', '1', 'course'), (241, 'salesforce-course-online', 'Salesforce', '', '1', 'course'), (242, 'canva-course', 'Canva Course', '', '1', 'course'), (243, 'smo-ads-expert-course', 'SMO Ads Expert Course', '<p>SMO Ads Expert Course is a one of the best course for those, who are really excited to learn to concepts of Social media ads and Facebook Meta business concepts. This course is a short term program where you can learn the complete concepts to run different types of ads on Facebook as well as Instagram. Joining this course help you to run images ads, video ads, carousel ads on Facebook as well as Instagram. This course is best for those students who are really interested to do some extra ordinary on Social Platforms.<br /> <br />This course designed by our professional trainer who is 10+ years’ experience. He is such excellent trainers in digital marketing industry. After completing this course you can run your ads all over country and give a global presence for your business, brand, services etc.</p>', '1', 'course'), (244, 'advanced-python-course', 'Advanced Python Course', '', '1', 'course'), (245, 'django-course-rohini', 'Django Expert Course', '', '1', 'course'), (246, 'web-expert-with-python', 'Web Expert with Python', '<p>Web Expert with Python is a one year program at web development institute. This course is best suited for those students who are looking to boost their career in IT industry. In this course we have covered the concepts of graphic design, web design, web development with python, and digital marketing.</p>\r\n<p>This course is eligible for those students or professional who have just completed 10th, 12, graduation, post-graduation. <strong>Web Expert with Python course</strong> is available in both online and offline mode at our center.</p>\r\n<p>In this course we will covered all the basic to advance concepts of software’s, languages, techniques and concepts of latest industry demands.</p>\r\n<p>In this web expert course with python our first modules start with graphic design where we teach the concepts of image editing, banner, poster, info graphics, and web template (web psd) creation using adobe Photoshop software.</p>\r\n<p>In our module second we covers the concepts of website design in depth, where we teach the concepts of website design, web template design, static website design and many more. After that module three will be start which is also a one of the most important module of this course where you will learn to develop website using most popular in demanding language PYTHON with database and framework Django.</p>\r\n<p>In module fourth we teach the basic to advance concepts of digital marketing. In this module we teach <strong>SEO, SMO, ADS, SMM, EMAIL marketing, tools,</strong> etc.</p>\r\n<p>In out last module we cover also an important point which covers domain, hosting, business email concepts.</p>', '1', 'course'), (247, 'advance-web-development-with-python', 'Advance Web Development with Python', '<p>The <strong>Advance Web Development with Python Course</strong> at<a href=\"../../../\"><strong> Web Development Institute</strong></a> is meticulously crafted for individuals aiming to elevate their proficiency in web development using Python. This comprehensive program spans three distinct modules, each honing in on various facets of Python programming and web technologies.</p>\r\n<p><strong>Module 1: </strong>This module lays the foundation with core web design principles using <a href=\"../../../html5-css3-course-institute-delhi\"><strong>HTML5 & CSS3</strong>.</a> Participants will master the creation of responsive and aesthetically pleasing layouts via Bootstrap and enhance user interaction with jQuery. By establishing a robust understanding of web design essentials, this module sets the stage for more advanced development techniques.</p>\r\n<p><strong>Module 2: </strong>Delving deep into the <a href=\"../../../python-programming\"><strong>Python programming</strong></a> language, this module covers both fundamental and advanced concepts. Students will explore basic programming constructs in Python, gradually advancing to more complex topics, ensuring they develop the ability to write efficient, scalable code. This solid grounding in Python is crucial for any advanced web development tasks.</p>\r\n<p><strong>Module 3: </strong>Focused on <a href=\"../../../django-course-rohini\"><strong>Django</strong></a>, a leading Python framework, this module trains participants in building robust, scalable web applications. Students will learn Django’s MVC architecture, leveraging its comprehensive tools for database management, URL routing, and template rendering. This hands-on module equips participants with the skills needed to develop complex web applications efficiently and effectively.</p>', '1', 'course'), (248, 'salesforce-admin-course', 'Salesforce Admin Course', '', '1', 'course'), (249, 'salesforce-development-course', 'Salesforce Development Course', '', '1', 'course'), (250, 'salesforce-expert-course', 'Salesforce Expert Course', '', '1', 'course'), (251, 'python-expert', 'Python Expert ', '<p>Web Development Institute offers an intensive <strong>Advance Python Expert Course</strong> designed to equip participants with in-depth knowledge and practical skills in Python programming. This comprehensive program is structured into two modules, each focusing on essential aspects of Python and its applications.</p>\r\n<p><strong>Module 1: Python Basic Course </strong><br />In this module, participants embark on a journey from foundational Python concepts to advanced techniques. They start with the basics of Python, covering syntax, data types, control structures, and functions. As they progress, they delve into advanced topics such as object-oriented programming (OOP), decorators, generators, and multithreading. This module ensures a solid understanding of Python\'s capabilities, preparing participants to write efficient and scalable code for diverse applications.</p>\r\n<p><strong>Module 2: Advanced Python Applications</strong><br />Building on the foundational knowledge, this module dives deeper into Python’s advanced features and applications. Participants explore complex programming paradigms, including concurrency and parallelism, advanced data structures, and network programming. This module also introduces participants to the use of Python in web development, focusing on frameworks like Django and Flask, which are essential for building robust web applications.</p>', '1', 'course'), (252, 'how-to-use-upi-link-in-html', 'How To use UPI Link In Html ', '<p>In This Blog, We Will Learn How To use <strong>Upi Payment</strong> link in <strong>Html </strong>Button, On click pay button you will redirect to your phone/Mobile UPI Payment Apps Choose One And Pay with App.</p>\r\n<p>Use Of UPI Link Explained Below.<br /><br /><strong>HTML Code:</strong></p>\r\n<pre><code>\r\n\r\n&lt;!--Syntax --&gt;\r\n&lt;a href="upi://pay?pa=yourUPIAddress&amp;amp;pn=YourName&amp;amp;cu=INR"&gt;PAY NOW&lt;/a&gt;\r\n\r\n&lt;!-- Live Example --&gt;\r\n&lt;a href="upi://pay?pa=9560888888@oksbi&amp;amp;pn=guddu%20kumar&amp;amp;cu=INR"&gt;Pay To Web Developement Institute&lt;/a&gt;\r\n\r\n</code>\r\n</pre>\r\n<br /> <a class="btn btn-primary" href="upi://pay?pa=9560190498@ptyes&amp;pn=Guddu%20Kumar&amp;cu=INR">PAY</a>\r\n<p>You can also write ( &amp; ) to ( <code>&amp;</code> ) OR For Space use %20</p>\r\n<img style="height: 300px;" src="../../media/admin/uploads/images/upi-payment-link-in-html.png" alt="" />\r\n<p>You Will See Popup Like This After Click on Button</p>\r\n<br />\r\n<table class="table table-bordered">\r\n<thead>\r\n<tr><th>Field Name</th><th>Defination</th></tr>\r\n</thead>\r\n<tbody>\r\n<tr>\r\n<td>pa</td>\r\n<td>UPI ID of Payee or Client.</td>\r\n</tr>\r\n<tr>\r\n<td>pn</td>\r\n<td>Person Name Or Business Name.</td>\r\n</tr>\r\n<tr>\r\n<td>mc</td>\r\n<td>Merchant Code / Account Category CODE.</td>\r\n</tr>\r\n<tr>\r\n<td>tr</td>\r\n<td>Transaction Reference ID.</td>\r\n</tr>\r\n<tr>\r\n<td>url</td>\r\n<td>Transaction Reference URL.</td>\r\n</tr>\r\n<tr>\r\n<td>am</td>\r\n<td>Amount. Ex:(1000.95)</td>\r\n</tr>\r\n<tr>\r\n<td>cu</td>\r\n<td>Currency Code (INR)</td>\r\n</tr>\r\n<tr>\r\n<td>tid</td>\r\n<td>Transaction ID.</td>\r\n</tr>\r\n<tr>\r\n<td>tn</td>\r\n<td>Transaction Note / Remarks (Maximum length is 80 characters)</td>\r\n</tr>\r\n<tr>\r\n<td>gstBrkUp</td>\r\n<td>Break-up of Goods and Services Tax. This should follow the format: `GST:amount</td>\r\n</tr>\r\n<tr>\r\n<td>invoiceNo</td>\r\n<td>Invoice/ Bill Number.</td>\r\n</tr>\r\n<tr>\r\n<td>invoiceDate</td>\r\n<td>Invoice Date Eg, 2020-09-15T20:30:00+05:30 for IST timezone).</td>\r\n</tr>\r\n<tr>\r\n<td>gstIn</td>\r\n<td>GSTIN Number.</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p>This Upi Link Will Help To UPI Payment In Mobile and Tablets</p>\r\n<p style="color: red;"><strong class="blog-category-span">Note:</strong> &nbsp; The Above Code Will Work in Mobile and Tablets Not Work in Desktops</p>', '1', 'blog'), (253, 'how-to-combine-or-merge-array-in-php', 'How To Combine or Merge Array in PHP', '<p>In This blog, We Will Merge Two Array With Index Or Keys. There Are Mostly Two Array Used In PHP&nbsp;<br />1. Indexed Array&nbsp;<br />2. Associative Array&nbsp;<br />In Indexed Array : Array Elements Stored In Index Like Eg: 0,1,2,3<br />In Associative Array: Array Elements Stored in Key LIke Eg: \'index\'=&gt;value</p>\r\n<br />\r\n<pre><code>\r\n&lt;?php \r\n\r\n////////indexed Array\r\n$array=array("mango","Apple","Grapes");\r\necho $array[0]; ////mango\r\n\r\n/////////Associative Array\r\n$array=array("subject"=&gt;Math,"fruit"=&gt;Apple);\r\n////access Array with key \r\necho $array[\'subject\']; ///Math\r\n\r\n</code>\r\n</pre>\r\n<br />\r\n<p>Above We See How Array Store Element<br />In Php, Array Can Combine With <strong style="color: #ff0000;">array_combine()</strong> and Merge With <strong style="color: #ff0000;">array_merge()&nbsp;<br /></strong></p>\r\n<p>&nbsp;</p>\r\n<br />\r\n<pre><code>\r\n&lt;?php\r\n\r\n/////merge array with index\r\n$book=array("HTML","CSS","PHP");\r\n$price=array(400,300,750);\r\n$bookprice=array_merge($book,$price);\r\nprint_r($bookprice);\r\n\r\n\r\n///////combine array with key and Value\r\n$book=array("HTML","CSS","PHP");\r\n$price=array(400,300,750);\r\n$bookprice=array_combine($book,$price);\r\nprint_r($bookprice);\r\n\r\n\r\n</code>\r\n</pre>\r\n<br />\r\n<p>Above Code Will Show Index And Associative Array Or <strong>How To Merge And Combine An Array</strong></p>', '1', 'blog'), (254, 'full-rich-featured-ck-text-editor-ckeditor-5-2024', 'Full Rich Featured CK Text Editor CKEditor 5 2024 ', '<p>In This Blog, We will See How To Integrate Text Editor In Html Page. We use HTML, CSS, JS To render Text Editor in html Page.</p>\r\n<p>Text Editor Are One of The Useful Tool in Website Backend or Website Admin</p>\r\n<p>Lets See The Code For Rich Text Editor&nbsp;</p>\r\n<strong>Code</strong>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n &lt;head&gt;\r\n &lt;meta charset="UTF-8" /&gt;\r\n &lt;title&gt;Full Featured CKEditor 5&lt;/title&gt;\r\n &lt;style&gt;\r\n #container {\r\n width: 1000px;\r\n margin: 20px auto;\r\n }\r\n &lt;/style&gt;\r\n &lt;/head&gt;\r\n &lt;body&gt;\r\n &lt;div id="container"&gt;\r\n &lt;div id="editor"&gt;&lt;/div&gt;\r\n &lt;/div&gt;\r\n &lt;script src="https://cdn.ckeditor.com/ckeditor5/35.3.2/super-build/ckeditor.js"&gt;&lt;/script&gt;\r\n &lt;script&gt;\r\n CKEDITOR.ClassicEditor.create(document.getElementById("editor"), {\r\n toolbar: {\r\n items: [\r\n "exportPDF",\r\n "exportWord",\r\n "\|",\r\n "findAndReplace",\r\n "selectAll",\r\n "\|",\r\n "heading",\r\n "\|",\r\n "bold",\r\n "italic",\r\n "strikethrough",\r\n "underline",\r\n "code",\r\n "subscript",\r\n "superscript",\r\n "removeFormat",\r\n "\|",\r\n "bulletedList",\r\n "numberedList",\r\n "todoList",\r\n "\|",\r\n "outdent",\r\n "indent",\r\n "\|",\r\n "undo",\r\n "redo",\r\n "-",\r\n "fontSize",\r\n "fontFamily",\r\n "fontColor",\r\n "fontBackgroundColor",\r\n "highlight",\r\n "\|",\r\n "alignment",\r\n "\|",\r\n "link",\r\n "insertImage",\r\n "blockQuote",\r\n "insertTable",\r\n "mediaEmbed",\r\n "codeBlock",\r\n "htmlEmbed",\r\n "\|",\r\n "specialCharacters",\r\n "horizontalLine",\r\n "pageBreak",\r\n "\|",\r\n "textPartLanguage",\r\n "\|",\r\n "sourceEditing",\r\n ],\r\n shouldNotGroupWhenFull: true,\r\n },\r\n\r\n language: "es",\r\n list: {\r\n properties: {\r\n styles: true,\r\n startIndex: true,\r\n reversed: true,\r\n },\r\n },\r\n\r\n heading: {\r\n options: [\r\n {\r\n model: "paragraph",\r\n title: "Paragraph",\r\n class: "ck-heading_paragraph",\r\n },\r\n {\r\n model: "heading1",\r\n view: "h1",\r\n title: "Heading 1",\r\n class: "ck-heading_heading1",\r\n },\r\n {\r\n model: "heading2",\r\n view: "h2",\r\n title: "Heading 2",\r\n class: "ck-heading_heading2",\r\n },\r\n {\r\n model: "heading3",\r\n view: "h3",\r\n title: "Heading 3",\r\n class: "ck-heading_heading3",\r\n },\r\n {\r\n model: "heading4",\r\n view: "h4",\r\n title: "Heading 4",\r\n class: "ck-heading_heading4",\r\n },\r\n {\r\n model: "heading5",\r\n view: "h5",\r\n title: "Heading 5",\r\n class: "ck-heading_heading5",\r\n },\r\n {\r\n model: "heading6",\r\n view: "h6",\r\n title: "Heading 6",\r\n class: "ck-heading_heading6",\r\n },\r\n ],\r\n },\r\n\r\n placeholder: "Welcome to CKEditor 5!",\r\n fontFamily: {\r\n options: [\r\n "default",\r\n "Arial, Helvetica, sans-serif",\r\n "Courier New, Courier, monospace",\r\n "Georgia, serif",\r\n "Lucida Sans Unicode, Lucida Grande, sans-serif",\r\n "Tahoma, Geneva, sans-serif",\r\n "Times New Roman, Times, serif",\r\n "Trebuchet MS, Helvetica, sans-serif",\r\n "Verdana, Geneva, sans-serif",\r\n ],\r\n supportAllValues: true,\r\n },\r\n fontSize: {\r\n options: [10, 12, 14, "default", 18, 20, 22],\r\n supportAllValues: true,\r\n },\r\n htmlSupport: {\r\n allow: [\r\n {\r\n name: /./,\r\n attributes: true,\r\n classes: true,\r\n styles: true,\r\n },\r\n ],\r\n },\r\n\r\n htmlEmbed: {\r\n showPreviews: true,\r\n },\r\n\r\n link: {\r\n decorators: {\r\n addTargetToExternalLinks: true,\r\n defaultProtocol: "https://",\r\n toggleDownloadable: {\r\n mode: "manual",\r\n label: "Downloadable",\r\n attributes: {\r\n download: "file",\r\n },\r\n },\r\n },\r\n },\r\n //\r\n mention: {\r\n feeds: [\r\n {\r\n marker: "@",\r\n feed: [\r\n "@apple",\r\n "@bears",\r\n "@brownie",\r\n "@cake",\r\n "@cake",\r\n "@candy",\r\n "@canes",\r\n "@chocolate",\r\n "@cookie",\r\n "@cotton",\r\n "@cream",\r\n "@cupcake",\r\n "@danish",\r\n "@donut",\r\n "@drag&eacute;e",\r\n "@fruitcake",\r\n "@gingerbread",\r\n "@gummi",\r\n "@ice",\r\n "@jelly-o",\r\n "@liquorice",\r\n "@macaroon",\r\n "@marzipan",\r\n "@oat",\r\n "@pie",\r\n "@plum",\r\n "@pudding",\r\n "@sesame",\r\n "@snaps",\r\n "@souffl&eacute;",\r\n "@sugar",\r\n "@sweet",\r\n "@topping",\r\n "@wafer",\r\n ],\r\n minimumCharacters: 1,\r\n },\r\n ],\r\n },\r\n\r\n removePlugins: [\r\n "CKBox",\r\n "CKFinder",\r\n "EasyImage",\r\n\r\n "RealTimeCollaborativeComments",\r\n "RealTimeCollaborativeTrackChanges",\r\n "RealTimeCollaborativeRevisionHistory",\r\n "PresenceList",\r\n "Comments",\r\n "TrackChanges",\r\n "TrackChangesData",\r\n "RevisionHistory",\r\n "Pagination",\r\n "WProofreader",\r\n "MathType",\r\n ],\r\n });\r\n &lt;/script&gt;\r\n &lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code>\r\n\r\n</pre>\r\n<p>&nbsp;<br />Demo Links Are Below Of Page&nbsp; CKEditor , Rich Text Editor</p>', '1', 'blog'), (255, 'ajax-file-upload-with-input-field-in-php', 'Ajax File Upload With Input Field in PHP', '<p>In This Blog, We Will Learn How to Upload File without refresh page with help of Ajax. Ajax File Upload With Php is used to upload file without refeshing page.<br />We can use ajax file upload in many types of form like: profile image upload, resume upload etc.<br />Lets See&nbsp;</p>\r\n<br /><br />\r\n<p><strong>HTML CODE:</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n &lt;title&gt;Ajax File Upload With Php&lt;/title&gt;\r\n &lt;meta charset="utf-8"&gt;\r\n &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"&gt;\r\n &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;div class="container mt-3"&gt;\r\n &lt;h2&gt;Ajax File Upload With PHP&lt;/h2&gt;\r\n\r\n &lt;div class="mb-3 mt-3"&gt;\r\n &lt;label for="name"&gt;Name:&lt;/label&gt;\r\n &lt;input type="text" class="form-control" id="name" placeholder="Enter Name" &gt;\r\n &lt;/div&gt;\r\n\r\n &lt;div class="mb-3"&gt;\r\n &lt;label for="email"&gt;Email:&lt;/label&gt;\r\n &lt;input type="text" class="form-control" id="email" placeholder="Enter Email" &gt;\r\n &lt;/div&gt;\r\n\r\n &lt;div class="mb-3"&gt;\r\n &lt;label for="pwd"&gt;File:&lt;/label&gt;\r\n &lt;input type="file" class="form-control" id="file" &gt;\r\n &lt;/div&gt;\r\n \r\n &lt;button type="button" id="submit" class="btn btn-success"&gt;Save Data&lt;/button&gt;\r\n\r\n&lt;/div&gt;\r\n\r\n\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code>\r\n</pre>\r\n<br />\r\n<p><strong>Jquery CODE:</strong></p>\r\n<pre><code>\r\n&lt;script&gt;\r\n $(document).ready(function(){\r\n $("#submit").click(function(){\r\n $name=$("#name").val();\r\n $email=$("#email").val();\r\n $file=$("#file")[0].files[0]; //////JQuery syntax for select file \r\n // $file=document.getElementById("file").files[0]; ////////javascript syntax for select file\r\n\r\n $form=new FormData();\r\n $form.append("name",$name);\r\n $form.append("email",$email);\r\n $form.append("file",$file);\r\n\r\n /////ajax code for file upload\r\n $.ajax({\r\n url:\'upload.php\',\r\n method:"post",\r\n enctype:"multipart/form-data",\r\n processData: false, \r\n contentType: false,\r\n data:$form,\r\n success:function(response){\r\n alert(response);\r\n console.log(response);\r\n },\r\n error: function (xhr, status, err, data){\r\n console.log(xhr);\r\n console.log(status);\r\n console.log(err);\r\n console.log(data);\r\n }\r\n\r\n })\r\n\r\n \r\n });\r\n });\r\n&lt;/script&gt;\r\n</code>\r\n</pre>\r\n<br />\r\n<p><strong>PHP CODE:</strong></p>\r\n<pre><code> \r\n&lt;?php\r\n\r\n\r\n\r\nif(isset($_POST[\'name\']) &amp;&amp; isset($_POST[\'email\'])){\r\n\r\n $name=$_POST[\'name\']; \r\n $email=$_POST[\'email\']; \r\n $file_name=$_FILES[\'file\'][\'name\']; \r\n $tmp_name=$_FILES[\'file\'][\'tmp_name\']; \r\n $path="uploads/".$file_name; //////folder name or path where to save file\r\n ////////upload file code php\r\n $upload= move_uploaded_file($tmp_name, $path);\r\n\r\n //////////if you want save database code here\r\n print_r($_POST);\r\n\r\n if($upload){\r\n echo "File Uploaded Successfully";\r\n } else{\r\n echo "File Not Uploaded";\r\n }\r\n \r\n\r\n}\r\n\r\nelse{\r\n echo "Something went wrong";\r\n}\r\n\r\n\r\n?&gt;\r\n</code>\r\n</pre>\r\n<br />\r\n<p><strong>Complete Code</strong></p>\r\n<pre><code>\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html lang="en"&gt;\r\n&lt;head&gt;\r\n &lt;title&gt;Ajax File Upload With Php&lt;/title&gt;\r\n &lt;meta charset="utf-8"&gt;\r\n &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;\r\n &lt;link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"&gt;\r\n &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"&gt;&lt;/script&gt;\r\n&lt;/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;div class="container mt-3"&gt;\r\n &lt;h2&gt;Ajax File Upload With PHP&lt;/h2&gt;\r\n\r\n &lt;div class="mb-3 mt-3"&gt;\r\n &lt;label for="name"&gt;Name:&lt;/label&gt;\r\n &lt;input type="text" class="form-control" id="name" placeholder="Enter Name" &gt;\r\n &lt;/div&gt;\r\n\r\n &lt;div class="mb-3"&gt;\r\n &lt;label for="email"&gt;Email:&lt;/label&gt;\r\n &lt;input type="text" class="form-control" id="email" placeholder="Enter Email" &gt;\r\n &lt;/div&gt;\r\n\r\n &lt;div class="mb-3"&gt;\r\n &lt;label for="pwd"&gt;File:&lt;/label&gt;\r\n &lt;input type="file" class="form-control" id="file" &gt;\r\n &lt;/div&gt;\r\n \r\n &lt;button type="button" id="submit" class="btn btn-success"&gt;Save Data&lt;/button&gt;\r\n\r\n&lt;/div&gt;\r\n\r\n\r\n&lt;script&gt;\r\n $(document).ready(function(){\r\n $("#submit").click(function(){\r\n $name=$("#name").val();\r\n $email=$("#email").val();\r\n $file=$("#file")[0].files[0]; //////JQuery syntax for select file \r\n // $file=document.getElementById("file").files[0]; ////////javascript syntax for select file\r\n\r\n $form=new FormData();\r\n $form.append("name",$name);\r\n $form.append("email",$email);\r\n $form.append("file",$file);\r\n\r\n /////ajax code for file upload\r\n $.ajax({\r\n url:\'upload.php\',\r\n method:"post",\r\n enctype:"multipart/form-data",\r\n processData: false, \r\n contentType: false,\r\n data:$form,\r\n success:function(response){\r\n alert(response);\r\n console.log(response);\r\n },\r\n error: function (xhr, status, err, data){\r\n console.log(xhr);\r\n console.log(status);\r\n console.log(err);\r\n console.log(data);\r\n }\r\n\r\n })\r\n\r\n \r\n });\r\n });\r\n&lt;/script&gt;\r\n\r\n\r\n\r\n&lt;/body&gt;\r\n&lt;/html&gt;\r\n\r\n</code>\r\n</pre>\r\n<br />\r\n<p>file upload with php and jquery successfully done</p>', '1', 'blog'), (256, 'python-with-data-science', 'Python with Data Science', 'Learn Python with Data Science Course from Web Development Institute. In this professional and most demanding course you will learn Basic to Advance level of Python Programming, MY SQL Data Base, Data Science including Numpy, Pandas and Seaborn. Web Development Institute provides the Professional Training of Python with Data Science course with 100% Placement Assistance. After learning this course you can become a Python Developer, Data Scientist, Data Science Engineer, Software Developer. ', '1', 'course'), (257, 'python-with-data-science-and-machine-learning', 'Python with Data Science and Machine Learning', 'Learn Python with Data Science and Machine Learning Course in Rohini Delhi from Web Development Institute.', '1', 'course'), (258, 'business-analytics-course', 'Business Analytics Course', '<p>Learn Best Business Analytics (Data Analytics) Course at web development Institute. In this course we have included MS<strong> Excel, Python Programming, MY SQL, Tableau, Power BI, MIS</strong><strong>. This course provide a complete </strong>knowledge of data science tools and methodologies. Now a days Demands of data analyst are high and it is high paying job career.</p>\r\n<p>Our expert trainers are fully aware about topics which are necessary to teach students or professional. Web development institute is considered one of the best Business Analytics (Data Analytics) Institute. During last 8 years we have successfully trained and places more than thousand students in reputed company.</p>\r\n<p>During the training we teach each and every concepts of Data Collection, Data Extraction, Data Cleansing, Data Exploration, Data Transformation, Feature Engineering, Data Integration, Data Mining, building Prediction models, Data Visualization etc. After completion of our Best Business Analytics (Data Analytics) Course, our trainees are able to join job as a Data Analytics specialist.</p>\r\n<p><strong>Why Join Best Business Analytics (Data Analytics) Course:</strong></p>\r\n<ul>\r\n<li>High Demand</li>\r\n<li>high paying job career</li>\r\n<li>Continuous Learning</li>\r\n</ul>\r\n<p><strong>Career Options:</strong></p>\r\n<ul>\r\n<li>Data Analyst</li>\r\n<li>Database Developer</li>\r\n<li>Python Developer</li>\r\n<li>Business Analyst</li>\r\n<li>Research Analyst</li>\r\n<li>Data Expert</li>\r\n<li>Data Analyst Specialist</li>\r\n</ul>\r\n<br />\r\n<h3><strong>Business Analytics (Data Analytics) Course Details</strong></h3>', '1', 'course'), (259, 'artificial-intelligence', 'Artificial Intelligence', 'Learn Artificial Intelligence Course from Web Development Institute in Rohini Delhi.', '1', 'course'), (260, 'ethical-hacking', 'Ethical Hacking', 'Join Web Development Institute to learn Ethical Hacking Course in Rohini Delhi.', '1', 'course'), (261, 'devops-course', 'DevOps Course', '', '1', 'course'), (262, 'aws-solution-architect-associate-course', 'AWS Solution Architect Associate Course', '', '1', 'course'), (263, 'linux-expert-course', 'Linux Expert Course', '', '1', 'course'), (264, 'advance-cloud-computing-course', 'Advance Cloud Computing Course', 'Learn Advance Cloud Computing Course (AWS and Azure) from Web Development Institute and become a cloud engineer.', '1', 'course'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (265, 'top-10-free-seo-plugins-for-wordpress-websites', 'Top 10 Free SEO Plugins for WordPress Websites', '<p>Here is the list of the Top 10 Free SEO Plugins for the WordPress website. If you want to launch a WordPress website or blog then you can use these plugins to make your SEO better and as per the Search Engine Rules. All these plugins are free but if you want full functionality of these then you can take their paid version from the official plugin website.</p>\r\n<p>If you are going to launch a basic blog then don&rsquo;t need to purchase the premium version but if you are looking for the large corporate website then having the premium version will be good for you, because in previous version you can better control the seo tasks.</p>\r\n<p>Plugins make the SEO activities easier, that&rsquo;s why WordPress website ranks fast compare to other technology website. You can do all the seo activities with the help of these plugins. So lets check the SEO Plugins list..</p>\r\n<p><strong><br />1. Yoast SEO</strong></p>\r\n<ul>\r\n<li>Comprehensive on-page SEO tool.</li>\r\n<li>Features: XML sitemaps, meta title/description optimization, readability analysis, and breadcrumbs control.</li>\r\n<li>Ideal for: Beginners and advanced users alike.</li>\r\n</ul>\r\n<p><strong>2. Rank Math</strong></p>\r\n<ul>\r\n<li>Lightweight and feature-rich SEO plugin.</li>\r\n<li>Features: Keyword optimization, advanced schema markup, Google Search Console integration, and 404 error monitoring.</li>\r\n<li>Ideal for: Multi-functional SEO management.</li>\r\n</ul>\r\n<p><strong>3. All in One SEO Pack</strong></p>\r\n<ul>\r\n<li>Versatile SEO plugin with automatic optimization.</li>\r\n<li>Features: XML sitemaps, schema markup, social media integration, and eCommerce SEO tools.</li>\r\n<li>Ideal for: Both beginners and professionals.</li>\r\n</ul>\r\n<p><strong>4. SEOPress</strong></p>\r\n<ul>\r\n<li>Simplified yet powerful SEO solution.</li>\r\n<li>Features: Content analysis, unlimited keywords, structured data, and a white-label dashboard.</li>\r\n<li>Ideal for: Agencies and developers.</li>\r\n</ul>\r\n<p><strong>5. The SEO Framework</strong></p>\r\n<ul>\r\n<li>Lightweight plugin with automated SEO features.</li>\r\n<li>Features: Focused on performance, preconfigured settings, AMP integration, and schema support.</li>\r\n<li>Ideal for: Users seeking simplicity and speed.</li>\r\n</ul>\r\n<p><strong>6. WP Rocket (for Performance SEO)</strong></p>\r\n<ul>\r\n<li>A caching plugin that enhances site speed and performance.</li>\r\n<li>Features: Page caching, image lazy loading, CDN integration, and database optimization.</li>\r\n<li>Ideal for: Improving Core Web Vitals for SEO.</li>\r\n</ul>\r\n<p><strong>7. Broken Link Checker</strong></p>\r\n<ul>\r\n<li>Finds and fixes broken links on your site.</li>\r\n<li>Features: Monitors posts, pages, and comments for broken links and missing images.</li>\r\n<li>Ideal for: Enhancing user experience and avoiding SEO penalties.</li>\r\n</ul>\r\n<p><strong>8. Schema Pro</strong></p>\r\n<ul>\r\n<li>Advanced structured data plugin.</li>\r\n<li>Features: Adds rich snippets, supports multiple schema types, and improves CTR in search results.</li>\r\n<li>Ideal for: Enhancing visibility with rich results.</li>\r\n</ul>\r\n<p><strong>9. Redirection</strong></p>\r\n<ul>\r\n<li>Handles 301 redirects and tracks 404 errors.</li>\r\n<li>Features: URL redirection, conditional redirects, and easy-to-use interface.</li>\r\n<li>Ideal for: Managing site migration or changing URL structures.</li>\r\n</ul>\r\n<p><strong>10. MonsterInsights</strong></p>\r\n<ul>\r\n<li>Google Analytics plugin for WordPress.</li>\r\n<li>Features: Real-time stats, enhanced eCommerce tracking, and affiliate link tracking.</li>\r\n<li>Ideal for: Monitoring traffic and optimizing content performance.</li>\r\n</ul>\r\n<p>Choosing the Right Plugin</p>\r\n<p>Each plugin has unique strengths. Depending on your specific SEO goals, you may choose a combination, such as using <strong>Yoast SEO</strong> for content optimization, <strong>WP Rocket</strong> for speed, and <strong>Schema Pro</strong> for structured data.</p>', '1', 'blog'), (266, 'best-seo-training-institute-in-pitampura', 'Best SEO Training Institute in Pitampura', '<p><strong>Best SEO Training Institute in Pitampura</strong></p>\r\n<p>Search Engine Optimization is a key part of Digital Marketing. Initially, only SEO was performed for a website, but now the term has evolved and is known as Digital Marketing. If you want to learn Digital Marketing and become an expert Digital Marketer, your SEO knowledge should be very strong.</p>\r\n<p>To achieve this, you need to learn SEO first, which will lay the foundation for becoming a successful Digital Marketer. That&rsquo;s why we are here to tell you about the best SEO training institute in Pitampura.</p>\r\n<p>Web Development Institute offers basic to advanced-level training in SEO. You can complete the entire SEO course within 2 months, and after gaining hands-on experience by working on various SEO projects, you can join any reputed SEO company.</p>\r\n<p><strong>What you will learn in SEO Course?</strong></p>\r\n<p>At Web Development Institute SEO Course, you can learn following topics:</p>\r\n<ol>\r\n<li>What is Website Domain, Hosting and Search Engines?</li>\r\n<li>Keyword Research</li>\r\n<li>SEO Friendly URL</li>\r\n<li>Title and Meta Description</li>\r\n<li>Meta Keywords</li>\r\n<li>Heading Tags</li>\r\n<li>Meta Tags</li>\r\n<li>Meta Robots Tag</li>\r\n<li>Canonical Tag</li>\r\n<li>Robots.txt</li>\r\n<li>Sitemap.xml</li>\r\n<li>Redirection</li>\r\n<li>Copy Content and Content Quality</li>\r\n<li>Broken Links</li>\r\n<li>404 Page Not Found Errors</li>\r\n<li>Alt Texts (Image Optimization)</li>\r\n<li>Internal Linking</li>\r\n<li>Mobile-Friendliness</li>\r\n<li>Page Load Speed</li>\r\n<li>Schema Markup</li>\r\n<li>User Experience (UX)</li>\r\n<li>Breadcrumb</li>\r\n<li>Google Algorithm</li>\r\n<li>Google Search Console</li>\r\n<li>Google Analytics</li>\r\n<li>Google Keyword Research Tool</li>\r\n<li>Google Tag Manager</li>\r\n<li>Bing Webmaster Tool</li>\r\n<li>Other Free SEO Tools</li>\r\n<li>AI Tools</li>\r\n</ol>\r\n<p>And many other latest techniques you will learn in this basic to advance SEO Course at Web Development Institute in Pitampura.</p>\r\n<p><strong>Who can learn SEO Course?</strong></p>\r\n<p>Any student can learn this SEO Course. He or she should have basic knowledge of English and Computer only. Any housewife, any business owner and any working employee also can learn this course from our Expert Trainers.</p>\r\n<p><strong>Why Choose Web Development Institute for the SEO Course?</strong></p>\r\n<p>Web Development Institute is one of the best Institute for the Search Engine Optimization Course at Pitampura. Here are the seo course features at Web Development Institute:</p>\r\n<ul>\r\n<li>100% Placement Assistance</li>\r\n<li>Live Projects Training</li>\r\n<li>AI Tools</li>\r\n<li>Free Domain and Hosting for the Practical Training</li>\r\n<li>Unlimited Doubt Sessions</li>\r\n<li>Affordable Fees and Flexible Batches</li>\r\n<li>Internship and Certification after Course Completion</li>\r\n</ul>\r\n<p>Join Web Development Institute and Start learning SEO Course and become a SEO Expert in just 2 months only with our expert training.</p>', '1', 'blog'), (267, 'best-meta-ads-course-in-rohini-and-pitampura-delhi', 'Best Meta Ads Course in Rohini and Pitampura, Delhi', '<p><strong>Best Meta Ads Course in Rohini</strong></p>\r\n<p>Learn Meta Ads Course from Web Development Institute in Rohini, Delhi. We provide basic to advance level Meta Ads Course training to all. Meta Ads is the main part of the Digital Marketing Paid Advertising. If you will learn Meta Ads then you can easily run any paid ads on Facebook, Instagram and WhatsApp Business. Because Meta ads consist on these 3 platforms that are Facebook + Instagram + WhatsApp Business.</p>\r\n<p><strong>Meta Ads Course Details</strong></p>\r\n<ul>\r\n<li>Course Name: Meta Ads Course</li>\r\n<li>Duration: 30 days</li>\r\n<li>Fees: Call to our Counsellor: 8287540705.</li>\r\n</ul>\r\n<p><strong>Meta Ads Course Highlights</strong></p>\r\n<ul>\r\n<li>100% Placement Assistance</li>\r\n<li>Free Unlimited Doubt Sessions</li>\r\n<li>Affordable fees</li>\r\n<li>Flexible and Small Batches</li>\r\n<li>Live and Practical Training</li>\r\n<li>Get 2 Free Trial Classes</li>\r\n</ul>\r\n<p><strong>What you will learn in Meta Ads Course?</strong></p>\r\n<p>You will learn following modules in Meta Ads Course:</p>\r\n<ul>\r\n<li>Meta Business Suite</li>\r\n<li>Connect Instagram Account in Meta Business Suite</li>\r\n<li>Create Meta Business Portfolio</li>\r\n<li>Connect Facebook Page in Meta Business</li>\r\n<li>Connect Instagram Account in Meta Business</li>\r\n<li>Create Ad Account in Meta Business</li>\r\n<li>Connect WhatsApp Business Account in Meta Business</li>\r\n<li>Create your First Campaign in Meta Business.</li>\r\n<li>Create Lead Form</li>\r\n<li>Create Lead Generation Ad</li>\r\n<li>Create Traffic Ad</li>\r\n<li>Create Carousel Ad</li>\r\n<li>Create Sales Ad</li>\r\n<li>Meta Pixel Setup</li>\r\n<li>Create Audience</li>\r\n<li>Create Remarketing Campaign</li>\r\n<li>Create Catalog in Meta Business</li>\r\n<li>Connecting Catalog for the Ads</li>\r\n<li>Billing and Payment Methods in Meta Ads Manager</li>\r\n<li>Reporting</li>\r\n</ul>\r\n<p>These are the main topics of the Meta Business Ads Course, there are many small topics in the above topics. We will teach all these topics in detail with the practical work.</p>\r\n<p>After learning this course, you can create any campaign by own and run the paid marketing campaigns on Facebook and Instagram.</p>\r\n<p><strong>Why Join Web Development Institute for Meta Ads Course?</strong></p>\r\n<p>There are lots of reasons to join Web Development Institute for the Meta Ads Course. We provide practical approach in teaching by which students can easily understand the concepts. Also, students can ask anytime any question related to the course and We will teach them properly.</p>\r\n<p>Also, we provide placement assistance after the course completion with the resume writing and LinkedIn profile building. So, if you are in Delhi and want to learn Facebook and Instagram Paid Ads Course then connect with Web Development Institute which is located in Rohini Sector-7, Infront of Metro Pillar Number-422.</p>\r\n<p>Visit once and attend 2 Free Classes and then Enroll for the Course.</p>', '1', 'blog'), (268, 'full-stack-web-development-with-react-and-node-js', 'Full Stack Web Development with React and Node JS', '<p>As we all are aware that any website and apps includes frontend and backend and database. I.e whatever we see in front of our eye includes frontend and behind the eye whatever task perform is called backend. If we combined these three terms frontend, backend and database is called full stack developer. So, full stack developers are responsible to handle frontend, backend and database for any website, Apps, CRM etc. Now, if we talk why we opt Full stack development course with React and Node.Js.<br /><br />So it’s a very simple that every industries or company looks multitasking employ for their work, Because hiring full stack developer is cost effective. Here one guy handle’s each part of project. It makes task easier for company to assign and complete project under a single developer.<br /><br />Keeping all above point in mind, we at web development Institute, we are offering Full Stack Web Development with React and Node.js with latest IT industry demand. Our course curriculum starts with concepts of website design, where we teach all basic to advance concepts of website design with live projects under high experienced professional trainers. After completing web design concepts we started scripting language’s i.e JavaScript, React.js. After this we started backend and database i.e Node.JS, Express.js Concepts and SQL.<br /><br /><strong>Key features of Full Stack Web Development with React and Node JS Course<br /></strong></p>\r\n<ul style=\"list-style-type: disc;\">\r\n<li>2 Free of cost demo available</li>\r\n<li>Unlimited practice session</li>\r\n<li>Special sessions by working professional during the course</li>\r\n<li>2-3 Live Projects during the course</li>\r\n<li>Interview questions and answers preparations</li>\r\n<li>Guaranteed Job Placements</li>\r\n<li>Internship Certificate</li>\r\n<li>Diploma Certificate</li>\r\n</ul>', '1', 'course'), (269, 'node-js', 'Node JS', '', '1', 'course'), (270, 'express-js', 'Express JS', '', '1', 'course'), (271, 'my-sql', 'MY SQL', '', '1', 'course'), (272, 'dharmendra-kushwaha', 'Dharmendra Kushwaha', '<span>Best training institute for web development course in rohini delhi. I have joined here to learn full stack development course.</span>', '1', 'testimonials'), (273, 'sandeep-kumar', 'Sandeep Kumar', '<span>I am learning Web Designing and web Development course here. Faculty of the web designing nd development is more experienced and they trained us with live examples.</span>', '1', 'testimonials'), (274, 'krishna-singh', 'Krishna Singh', '<span>Good institute for the full stack web development course with placement support. Fees of this institute is affordable.????</span>', '1', 'testimonials'), (275, 'data-structures-and-algorithms-course', 'Data Structures and Algorithms Course', '', '1', 'course'), (276, 'mern-stack-developer-course', 'MERN Stack Developer Course', '', '1', 'course'), (277, 'mean-stack-development-course', 'Mean Stack Development Course', '', '1', 'course'), (278, 'mean-and-mern-stack-full-stack-development-course', 'Mean and MERN Stack Full Stack Development Course', '', '1', 'course'), (279, 'full-stack-with-mean-and-mern-course', 'Full Stack with Mean and MERN Course', '', '1', 'course'), (280, 'top-50-computer-networking-mcq-s', 'Top 50 Computer Networking MCQ\'S', '<p><strong>Q. 1. Which of the following is considered to be the world\'s first computer network?</strong></p>\r\n<p>a) NSFNET<br /> b) ASPANET<br /> c) CNNET<br /> <strong>d) ARPANET</strong><br /><strong>Ans:&nbsp; d</strong></p>\r\n<p><strong>Q. 2. By which country world\'s first computer network was developed?</strong></p>\r\n<p>a) India <br /><strong> b) America</strong><br /> c) Australia<br /> d) China<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 3. By which Department world\'s first computer network was developed?</strong></p>\r\n<p><strong>a) US Department of Defense</strong><br /> b) India Department of Defense<br /> c) China Department of Defense<br /> d) Australia Department of Defense<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 4. In which year world\'s first computer network was developed?</strong></p>\r\n<strong>a) 1969</strong><br /> b) 1971<br /> c) 1989<br /> d) 1977<br /><strong>Ans: a</strong><br />\r\n<p><strong>Q. 5.&nbsp; Which was the first protocol developed in the world?</strong></p>\r\n<p><strong>a) TCP/IP Protocol</strong><br /> b) SNMP<br /> c) IPV4<br /> d) FTP<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 6. When first email was send over ARPANET?</strong></p>\r\n<p>a) 1997<br /><strong> b) 1971</strong><br /> c) 1969<br /> d) 1978<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 7.&nbsp; Who was the founder of Network /Internet?</strong></p>\r\n<p><strong>a) Bob Khan and Vent Cerf</strong><br /> b) James Hendler<br /> c) Tim Berners-Lee<br /> d) Leonard Kleinrock<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 8.&nbsp; Which was the first publically available internet service in India?</strong></p>\r\n<strong>a) VSNL</strong><br /> b) Airtel<br /> c) Jio<br /> d) Voda<br /><strong>Ans: a</strong><br />\r\n<p><strong>Q. 9. Which of the following is an example of Bluetooth?</strong><br /> a) Wide area network<br /> b) Virtual private network<br /> c) Local area network<br /> d) Personal area network<br /><strong>Ans: d</strong><br /><strong> Q. 10. Which of the following computer networks is built on the top of another network?</strong><br /> <strong>a) Overlay network</strong><br /> b) Prime network<br /> c) Prior network<br /> d) Chief network<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 11. What is the full form of OSI?</strong><br /> a) Optical service implementation<br /> b) Open service Internet<br /><strong> c) Open system interconnection</strong><br /> d) Operating system interface<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 12. When a collection of various computers appears as a single coherent system to its clients, what is this called?</strong><br /> a) Mail system<br /> b) Networking system<br /> c) Computer network<br /><strong> d) Distributed system</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 13. Which protocol was developed after TCP/IP Protocol ?</strong></p>\r\n<p>a) TCP/IP Protocol<br /> <strong>b) OSI</strong> <br /> c) IPV4<br /> d) FTP<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 14. How many layer are available in TCP/IP Model?</strong><br /> a) 7<br /> <strong>b) 4</strong><br /> c) 6<br /> d) 8<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 15. How many layer are available in OSI Model?</strong></p>\r\n<p>a) 7<br /> b) 9<br /> c) 4<br /> d) 5<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 16. When TCP/IP Model get standard ?</strong></p>\r\n<p>a) 1983<br /> b) 1969<br /> c) 1989<br /> d) 1999<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 17. What are nodes in a computer network?</strong><br /> a) The computer that routes the data<br /> b) The computer that terminates the data<br /> c) The computer that originates the data<br /> <strong>d) All of the mentioned</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 18. Which one of the following is not a function of network layer?</strong><br /> a) Congestion control<br /> <strong>b) Error control</strong><br /> c) Routing<br /> d) Inter-networking<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 19. How is a single channel shared by multiple signals in a computer network?</strong><br /> <strong>a) Multiplexing</strong><br /> b) Phase modulation<br /> c) Analog modulation<br /> d) Digital modulation<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 20. Which of the following devices forwards packets between networks by processing the routing information included in the packet?</strong><br /> a) Firewall<br /> b) Bridge<br /> c) Hub<br /> <strong>d) Router</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 21. Which layer is used to link the network support layers and user support layers?</strong><br /> a) Session layer<br /> b) Data link layer<br /> <strong>c) Transport layer</strong><br /> d) Network layer<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 22. Which address is used on the internet for employing the TCP/IP protocols?</strong><br /> a) Physical address and logical address<br /> b) Port address<br /> c) Specific address<br /> d) All of the mentioned<br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 23. TCP/IP model was developed _____ the OSI model.</strong><br /> <strong>a) Prior to</strong><br /> b) After<br /> c) Simultaneous to<br /> d) With no link to<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 24. Which layer is responsible for process to process delivery in a general network model?</strong><br /> a) Network layer<br /> <strong>b) Transport layer</strong><br /> c) Session layer<br /> d) Data link layer<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 25. Which address is used to identify a process on a host by the transport layer?</strong><br /> a) Physical address<br /> b) Logical address<br /> <strong>c) Port address</strong><br /> d) Specific address<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 26. Which layer provides the services to user?</strong><br /> <strong>a) Application layer</strong><br /> b) Session layer<br /> c) Presentation layer<br /> d) Physical layer<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 27. Transmission data rate is decided by ____________</strong><br /> a) Network layer<br /> <strong>b) Physical layer</strong><br /> c) Data link layer<br /> d) Transport layer<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 28. In terms of the size of the network the correct order (ascending) is &ndash;</strong><br /> a) PAN, MAN, LAN, WAN<br /> b) LAN, MAN, WAN, PAN<br /> <strong>c) PAN, LAN, MAN, WAN</strong><br /> d) LAN, PAN, MAN, WAN<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 29. Logical Addressing and Routing are functions of which layer?</strong><br /> a) Physical Layer<br /> b) Transport Layer<br /> c) Data Link Layer<br /> <strong>d) Network Layer</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 30. Flow Control and Error Control are functions of which layer?</strong><br /> a) Physical Layer<br /> b) Application Layer<br /> <strong>c) Data Link Layer</strong><br /> d) Network Layer<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 31. Dialog Control and Synchronization are function of which layer?</strong><br /> a) Presentation Layer<br /> b) Application Layer<br /> <strong>c) Session Layer</strong><br /> d) Data Link Layer<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 32. .Encryption and Compression are functions of which OSI layer?</strong><br /> <strong>a) Presentation Layer</strong><br /> b) Application Layer<br /> c) Session Layer<br /> d) Data Link Layer<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 33. Which of this is not a network edge device?</strong><br /> <strong>a) Switch</strong><br /> b) PC<br /> c) Smartphones<br /> d) Servers<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 34. Which type of network shares the communication channel among all the machines?</strong><br /> a) Anycast network<br /> b) Multicast network<br /> c) Unicast network<br /> <strong>d) Broadcast network</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 35. Which topology requires a multipoint connection?</strong><br /> a) Ring<br /> <strong>b) Bus</strong><br /> c) Star<br /> d) Mesh<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 36. Which of the following maintains the Domain Name System?</strong><br /> a) A single server<br /> b) A single computer<br /> <strong>c) Distributed database system</strong><br /> d) None of the mentioned<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 37. Which connection is necessary for a computer to join the internet?</strong><br /> a) Internet society<br /> <strong>b) Internet service provider</strong><br /> c) Different computer<br /> d) Internet architecture board<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 38. Which of the following allows you to connect and login to a remote computer?</strong><br /> a) SMTP<br /> b) HTTP<br /> c) FTP<br /> <strong>d) Telnet</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 39. Which of the following is used in an attempt to render a computer resource unavailable to its intended users?</strong><br /> a) Botnet process<br /> b) Worms attack<br /> c) &nbsp;Virus attack<br /> <strong>d) Denial-of-service attack</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 40. What type of transmission is involved in communication between a computer and a keyboard?</strong><br /> a) Half-duplex<br /> b) Full-duplex<br /> <strong>c) Simplex</strong><br /> d) Automatic<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 41. An Ethernet frame that is less than the IEEE 802.3 minimum length of 64 octets is called</strong></p>\r\n<p>a) Mini frame<br /> b) Small frame<br /> c) Short frame<br /> <strong>d) Runt frame</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 42. What is one advantage of setting up a DMZ(Demilitarized Zone) with two firewalls?</strong><br /> <strong>a) You can control where traffic goes in the three networks</strong><br /> b) You can do stateful packet filtering<br /> c) You can do load balancing<br /> d) Improve network performance<br /><strong><strong>Ans: a</strong></strong></p>\r\n<p><strong>Q. 43. How many bytes of data can be sent in 15 seconds over a serial link with baud rate of 9600 in asynchronous mode with odd parity and two stop bits in the frame?</strong><br /> a) 10,000 bytes<br /><strong> b) 12,000 bytes</strong><br /> c) 15,000 bytes<br /> d) 27,000 bytes<br /><strong>Ans: b</strong></p>\r\n<p><strong>Q. 44. Phase transition for each bit are used in</strong><br /> a) Amplitude modulation<br /> b) Carrier modulation<br /> <strong>c) Manchester encoding</strong><br /> d) NRZ encoding<br /><strong>Ans: c</strong></p>\r\n<p><strong>Q. 45. The IEEE standard for WiMax technology is</strong><br /> <strong>a) IEEE 802.16</strong><br /> b) IEEE 802.36<br /> c) IEEE 812.16<br /> d) IEEE 8026.16<br /><strong>Ans: a</strong></p>\r\n<p><strong>Q. 46. A T-switch is used to and file content.</strong><br /> a) Control how messages are passed between computers<br /> b) Echo every character that is received<br /> c) Transmit characters one at a time<br /> <strong>d) Rearrange the connections between computing equipments</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 47. The default subnet mask for a class B network can be</strong><br /> a) 255.255.255.0<br /> b) 255.0.0.0<br /> c) 255.255.192.0<br /> <strong>d) 255.255.0.0</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 48. If block contains 32 IP address which of the following is first address of the block ?</strong><br /> a) 10.0.0.5<br /> b) 10.0.0.16<br /> c) 10.0.0.68<br /><strong> d) 10.0.0.160</strong><br /><strong>Ans: d</strong></p>\r\n<p><strong>Q. 49. Which of the following IP address can be used in WAN?</strong><br /> <strong>a) 15.1.5.6</strong><br /> b) 172.16.0.10<br /> c) 10.0.0.1<br /> d) none<br /><strong>Ans: a</strong></p>\r\n<p>Q. 50. SHA-1 is a<br /> a) Encryption algorithm<br /> b) Decryption algorithm<br /> c) Key exchange algorithm<br /> <strong>d) Message digest function</strong></p>\r\n<p>&nbsp;<strong>Ans: d<br /></strong></p>\r\n<p>&nbsp;</p>', '1', 'blog'), (281, 'mongodb', 'MongoDB', '', '1', 'course'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (283, 'best-50-basic-computer-questions-answers', 'Best 50 Basic Computer Questions & Answers', '<strong>Q.1. What was the main technology used in&nbsp;first generation&nbsp;computers?</strong><br />a).Vacuum tubes<br />b).Integrated circuits<br />c).Microprocessors<br />d).Transistors<br /><strong>Ans: a. Vacuum tubes</strong><br /><br /><strong>Q.2. What was the main technology used in&nbsp;second generation&nbsp;computers?</strong><br />a).Vacuum tubes<br />b).Integrated circuits<br />c).Microprocessors<br />d).Transistors<br /><strong>Ans: d. Transistors</strong><br /><br /><strong>Q.3. What was the main technology used in&nbsp;third-generation&nbsp;computers?</strong><br />a).Vacuum tubes<br />b).Integrated circuits<br />c).Microprocessors<br />d).Artificial intelligence<br /><strong>Ans: b. Integrated circuits</strong><br /><br /><strong>Q.4. What was the main technology used in&nbsp;fourth generation&nbsp;computers?</strong><br />a).Vacuum tubes<br />b).Integrated circuits<br />c).Microprocessors<br />d).VLSI <br /><strong>Ans: d. VLSI<br /></strong><br /><strong>Q.5. The language used in ENIAC?</strong><br />a).C<br />b).C++<br />c).1 GL<br />d).PYTHON<br /><strong>Ans: C. 1 GL<br /></strong><br /><strong>Q.6.&nbsp; Which of the following device is the example of a trackball?</strong><br />a).Output device&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />b).Printing device<br />c).Programming device&nbsp;&nbsp;&nbsp; &nbsp;<br />d).Pointing device<br /><strong>Ans: D. Pointing device<br /></strong><br /><strong>Q.7. Out of the given options which term is related to the printer?</strong><br />a). Cartridge&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />b). Keyboard<br />c). DVD&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />d). None of these<br /><strong>Ans: a. Cartridge<br /></strong><br /><strong>Q.8. Which type of RAM can be used as cache memory?</strong><br />a) SRAM<br />b) DRAM<br />c) SDRAM<br />d) Both a and b<br /><strong>Ans: a. SRAM</strong> <br /><br /><strong>Q.9. Whose main purpose out of the following is to stop the unauthorized access to the computer via the internet?</strong><br />a). Firewall&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />b). Spyware blocker<br />c). Popup blocker&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />d). None of these<br /><strong>Ans: a. Firewall&nbsp;&nbsp; <br /></strong><br /><strong>Q.10. ________ menu is also known as the drop-down menu.</strong><br />a). cascading&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />b). Pull-down<br />c). Fly-out&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />d). Pop-up&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: b. Pull-down&nbsp;</strong> <br /><br /><strong>Q.11.The first microprocessors that were developed by Texas Instruments and Intel Corp. were mainly used to control small</strong><br />a) Calculators&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />b) Microwave ovens<br />c). Robotics&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />d). Personal Computer<br /><strong>Ans: a. Calculators</strong> <br /><br /><strong>Q.12. What is the process of writing down computer instructions known as?</strong><br />a). Assembling&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />b). Coding<br />c). Executing&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br />d). Compiling<br /><strong>Ans: b. Coding</strong> <br /><br /><strong>Q.13.Who is the father of Computers?</strong><br />a) James Gosling<br />b) Charles Babbage<br />c) Dennis Ritchie<br />d) Bjarne Stroustrup <br /><strong>Ans: b. Charles Babbage&nbsp;&nbsp;&nbsp;&nbsp;</strong> <br /><br />Q.14. The full form of COMPUTER IS?<br />a) Commonly Occupied Machines Used in Technical and Educational Research<br />b Commonly Operated Machines Used in Technical and Environmental Research<br />c) Commonly Oriented Machines Used in Technical and Educational Research<br />d) Commonly Operated Machines Used in Technical and Educational Research<br /><strong>Ans: d. Commonly Operated Machines Used in Technical and Educational Research<br /></strong><br /><strong>Q.15. Which of the following computer language is written in binary codes only?</strong><br />a) Pascal<br />b) Machine language<br />c) C<br />d) C#&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: b. Machine language</strong><br /><br /><strong>Q.16. Which of the following is not a characteristic of a computer?</strong><br />a) Versatility<br />b) Accuracy<br />c) Diligence<br />d) I.Q.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: d. I.Q<br /></strong><br /><strong>Q.17. Based on which of the following are fifth-generation computers built?</strong><br />a).Vacuum tubes<br />b).Integrated circuits<br />c).Microprocessors<br />d).Artificial intelligence<br /><strong>Ans: d. Artificial intelligence<br /></strong><br /><strong>Q.18. Which generation of computers started using keyboards and monitors?&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong> <br />a).First<br />b).Second<br />c).Third<br />d).Fourth<br />e).Fifth&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: c. third<br /></strong><br /><strong>Q.19.&nbsp; Which generation of computers introduced high-level programming languages?</strong><br />a).First<br />b).Second<br />c).Third<br />d).Fourth<br />e).Fifth&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: c. Third<br /></strong><br /><strong>Q.20. Which generation of computers saw the introduction of the personal computer (PC)?</strong><br />a).First<br />b).Second<br />c).Third<br />d).Fourth<br />e).Fifth<br /><strong>Ans: d .Fourth<br /></strong><br /><strong>Q.21. &nbsp;Which generation of computers introduced the concept of time-sharing operating systems?&nbsp; &nbsp;</strong><br />a).First<br />b).Second<br />c).Third<br />d).Fourth<br />e).Fifth&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: c. Third&nbsp;&nbsp;&nbsp;&nbsp;</strong> <br /><br /><strong>Q.22. &nbsp;Which generation of computers saw the widespread use of graphical user interfaces (GUIs) and mouse input?&nbsp;&nbsp;&nbsp; &nbsp;</strong><br />a).First<br />b).Second<br />c).Third<br />d).Fourth<br />e).Fifth&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: d. Fourth<br /></strong><br /><strong>Q.23. &nbsp;Which generation of computers saw the development of high-level programming languages and operating systems?</strong> <br />a).First<br />b).Second<br />c).Third<br />d).Fourth<br />e).Fifth&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: C. Third&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong> <br /><br /><strong>Q.24. &nbsp;Which of the following is not an input device?</strong><br />a). OCR<br />b). Optical Scanners<br />c). Voice Recognition Device <br />d). COM&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: d. COM<br /></strong><br /><strong>Q.25. CD-ROM IS A</strong><br />a). Semiconductor memory<br />b). Memory register<br />c). Magnetic Memory<br />d). None of the Above&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: d. None of the Above<br /></strong><br /><strong>Q.26. Which of the following is the smallest entity of memory?</strong><br />a) Block<br />b) Cell<br />c) Instance<br />d) Set&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: b. Cell<br /></strong><br /><strong>Q.27. The primary memory (also called main memory) of a personal computer consists of</strong><br />a) RAM only<br />b) ROM only<br />c) both RAM and ROM<br />d) Cache memory&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: c. &nbsp;Both RAM and ROM&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong> <br /><br /><strong>Q.28. The Boot sector files of the system are stored in which computer memory?&nbsp;&nbsp;&nbsp; &nbsp;</strong><br />a) RAM<br />b) ROM<br />c) Cache<br />d) Register&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: b. ROM&nbsp; &nbsp;</strong><br /><br /><br /><br /><strong>Q.29. Which of the following statements are not correct about the main memory of a computer?</strong><br />a) In main memory, data gets lost when power is switched off.<br />b) Main memory is faster than secondary memory but slower than registers.<br />c) They are made up of semiconductors.<br />d) All are correct&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: d. All are correct<br /></strong><br /><strong>Q.30. RAM is _ _ _ _ _ _ and _ _ _ _ _.</strong><br />a) volatile, temporary<br />b) non-volatile, temporary<br />c) volatile, permanent<br />d) non-volatile, permanent&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: b. ROM&nbsp; &nbsp;</strong><br /><br /><br /><strong>Q.31. Which of the following memory is non-volatile?&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;</strong><br />a) RAM<br />b) ROM<br />c) Cache<br />d) ROM and Cache&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: b. ROM<br /></strong><br /><strong>Q.32.Which of the following is the lowest in the computer memory hierarchy?</strong><br />a) Cache<br />b) RAM<br />c) Secondary memory<br />d) CPU registers&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: c. Secondary Memory<br /></strong><br /><strong>Q.33. Which memory acts as a buffer between CPU and main memory?</strong><br />a) RAM<br />b) ROM<br />c) Cache<br />d) Storage&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: C. Cache<br /></strong><br /><strong>Q.34 Which of the following statements are not correct about cache memory?</strong><br />a) Cache memory is used to store data temporarily.<br />b) It holds that data and program which has to be executed within a short period of time.<br />c) It consumes less access time as compared to the RAM.<br />d) All are correct.&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;<br /><strong>Ans: d. All are correct.<br /></strong><br /><strong>Q.35 Which process is used to map logical addresses of variable length onto physical memory?</strong><br />a) Paging<br />b) Overlays<br />c) Segmentation<br />d) Paging with segmentation<br /><strong>Ans: c. Segmentation.<br /></strong><br /><strong>Q.36 Which of the following is used to transfer data between the processor (CPU) and memory?</strong><br />a) Cache<br />b) TLB<br />c) Buffer<br />d) Registers<br /><strong>Ans: d. Registers<br /></strong><br /><strong>Q.37 Which computer memory chip allows simultaneous both read and write operations?</strong><br />a) ROM<br />b) RAM<br />c) PROM<br />d) EEPROM<br /><strong>Ans: b. RAM<br /></strong><br /><strong>Q.38 In which type of memory, once the program or data is written, it cannot be changed?</strong><br />a) EPROM<br />b) PROM<br />c) EEPROM<br />d) None of these<br /><strong>Ans: b. PROM<br /></strong><br /><strong>Q.39 Which type of ROM is used for erasing purposes only?</strong><br />a) EPROM<br />b) PROM<br />c) EEPROM<br />d) None of these<br /><strong>Ans: c. EEPROM<br /></strong><br /><strong>Q. 40 In which type of ROM, data can be erased by ultraviolet light and then reprogrammed by the user or manufacturer?</strong><br />a) PROM<br />b) EPROM<br />c) EEPROM<br />d) Both a and b<br /><strong>Ans: b. EPROM<br /></strong><br /><strong>Q. 41 In which type of ROM, data can be erased by ultraviolet light and then reprogrammed by the user or manufacturer?</strong><br />a) PROM<br />b) EPROM<br />c) EEPROM<br />d) Both a and b<br /><strong>Ans: c. EEPROM<br /></strong><br /><strong>Q. 42 How many types of RAM are available?</strong><br />a) 4<br />b) 3<br />c) 2<br />d) 5<br /><strong>Ans: c. 2<br /></strong><br /><strong>Q. 43 What is the size of the computer accumulator register?</strong><br />a) 4 bit<br />b) 4KB<br />c) 4 bytes<br />d) 8 bytes<br /><strong>Ans: c. 4 bytes<br /></strong><br /><strong>Q. 44 Which of the following is an example of solid-state storage device?</strong><br />a) Hard Drive<br />b) CD<br />c) DVD<br />d) USB Flash Drive<br /><strong>Ans: d. USB Flash Drive<br /><br /></strong><br /><strong>Q. 45 The smallest unit of measuring data in the computer is</strong><br />a) Byte<br />b) Kilobyte<br />c) Nibble<br />d) Bit<br /><strong>Ans: d. Bit<br /></strong><br /><strong>Q. 46 What happens when RAM is full in the computer?</strong><br />a) Cache memory is used<br />b) The volatile memory is used<br />c) An interrupt is raised<br />d) Hard disk is used<br /><strong>Ans: b. &nbsp;The volatile memory is used<br /></strong><br /><strong>Q. 47 The computer internal memory consists of</strong><br />a) Cache memory, registers<br />b) CPU registers, main memory, cache memory<br />c) Main memory, secondary memory<br />d) Virtual memory, cache memory<br /><strong>Ans: b. &nbsp;CPU registers, main memory, cache memory<br /></strong><br /><strong>Q. 48 Main memory (also called primary memory) store(s)</strong><br />a) Data alone<br />b) Program alone<br />c) Results alone<br />d) All<br /><strong>Ans: d. &nbsp;ALL<br /></strong><br /><strong>Q. 49 Primary storage is . . . . . . . as compared to secondary storage.</strong><br />a) Slow and inexpensive<br />b) Fast and inexpensive<br />c) Fast and expensive<br />d) Slow and expensive<br /><strong>Ans: c. &nbsp;Fast and expensive<br /></strong><br /><strong>Q.50 Storage that stores or retains data/information permanently after power off is called</strong><br />a) Volatile storage<br />b) Non-volatile storage<br />c) Sequential storage<br />d) Both a and b<br /><strong>Ans: b.&nbsp;Non-volatile storage</strong>', '1', 'blog'), (284, 'top-50-dbms-database-management-questions-with-answers', 'Top 50 DBMS (Database Management Questions with Answers)', '<p><strong>Q. 1. What is the full form of DBMS?</strong></p>\r\n<p>a) Data of Binary Management System<br /> b) Database Management System<br /> c) Database Management Service<br /> d) Data Backup Management System<br />Ans: b</p>\r\n<p><strong>Q. 2. What is a database?</strong></p>\r\n<p>a) Organized collection of information that cannot be accessed, updated, and managed<br /> b) Collection of data or information without organizing<br /> c) Organized collection of data or information that can be accessed, updated, and managed<br /> d) Organized collection of data that cannot be updated<br />Ans: c</p>\r\n<p><strong>Q. 3. What is DBMS?</strong></p>\r\n<p>a) DBMS is a collection of queries<br /> b) DBMS is a high-level language<br /> c) DBMS is a programming language<br /> d) DBMS stores, modifies and retrieves data<br />Ans: d</p>\r\n<p><strong>Q. 4. Who created the first DBMS?</strong></p>\r\n<p>a) Edgar Frank Codd<br /> b) Charles Bachman<br /> c) Charles Babbage<br /> d) Sharon <br />Ans: b</p>\r\n<p><strong>Q. 5. Which type of data can be stored in the database?</strong></p>\r\n<p>a) Image oriented data<br /> b) Text, files containing data<br /> c) Data in the form of audio or video<br /> d) All of the above<br />Ans: d</p>\r\n<p><strong>Q. 6. In which of the following formats data is stored in the database management system?</strong></p>\r\n<p>a) Image<br /> b) Text<br /> c) Table<br /> d) Graph<br />Ans: c</p>\r\n<p><strong>Q. 7. Which of the following is a component of the DBMS?</strong></p>\r\n<p>a) Data<br /> b) Data Languages<br /> c) Data Manager<br /> d) All of the above<br />Ans: d</p>\r\n<p><strong>Q. 8. Which of the following is known as a set of entities of the same type that share same properties, or attributes?</strong></p>\r\n<p>a) Relation set<br /> b) Tuples<br /> c) Entity set<br /> d) Entity Relation model<br />Ans: c</p>\r\n<p><strong>Q. 9. What is information about data called?</strong><br /> a) Hyper data<br /> b) Tera data<br /> c) Meta data<br /> d) Relations<br />Ans: c</p>\r\n<p><strong>Q. 10. What does an RDBMS consist of?</strong><br /> a) Collection of Records<br /> b) Collection of Keys<br /> c) Collection of Tables<br /> d) Collection of Fields<br />Ans: c</p>\r\n<p><strong>Q. 11. Which command is used to remove a relation from an SQL?</strong></p>\r\n<p>a) Drop table<br /> b) Delete<br /> c) Purge<br /> d) Remove<br />Ans: a</p>\r\n<p><strong>Q. 12. Which of the following command is used to change data in table?</strong></p>\r\n<p>a) Insert<br /> b) Delete<br /> c) Purge<br /> d) Update<br />Ans: d<br /><br /></p>\r\n<p><strong>Q. 13. What is rows of a relation known as?</strong><br /> a) Degree<br /> b) Entity<br /> c) Tuple<br /> d) None<br />Ans: c</p>\r\n<p><strong>Q. 14. What is the name of the query that is placed within a WHERE or HAVING clause of another query?</strong><br /> a) Multi query<br /> b) Sub query<br /> c)&nbsp; Super Query<br /> d) Master Query<br />Ans: b</p>\r\n<p><strong>Q. 15. What is the number of tuples of a relation known as?</strong></p>\r\n<p>a) Column<br /> b) Cardinality<br /> c)&nbsp; Entity<br /> d) None<br />Ans: b</p>\r\n<p><strong>Q. 16. What is the use of COUNT in SQL?</strong></p>\r\n<p>a) Return total values<br /> b) Return total values<br /> c) Return number of groups<br /> d) Return Numbers of column<br />Ans: b</p>\r\n<p><strong>Q. 17. Which of the following can be considered as the maximum size that is supported by FAT?</strong><br /> a) 8 GB<br /> b) 4 GB <br /> c) 4 TB<br /> d) None<br />Ans: b</p>\r\n<p><strong>Q. 18. The term "NTFS" refers to which one of the following?</strong><br /> a) New Technology File System<br /> b) New Tree File System<br /> c) New Table type File System<br /> d) Both A and C<br />Ans: a</p>\r\n<p><strong>Q. 19. A huge collection of the information or data accumulated form several different sources is known as ________:</strong></p>\r\n<p>a) Data Management<br /> b) Data Mining<br /> c) Data Warehouse<br /> d) Both B and C<br />Ans: c</p>\r\n<p><strong>Q. 20. Which of the following can be used to extract or filter the data &amp; information from the data warehouse?</strong></p>\r\n<p>a) Data redundancy<br /> b) Data Recovery tool<br /> c) Data mining<br /> d) Both B and C<br />Ans: c</p>\r\n<p><strong>Q. 21. Which one of the following refers to the copies of the same data (or information) occupying the memory space at multiple places.</strong><br /> a) Data Repository<br /> b) Data Inconsistency<br /> c) Data mining<br /> d) Data Redundancy<br />Ans: d</p>\r\n<p><strong>Q. 22. Which one of the following refers to the "data about data"?</strong><br /> a) Directory<br /> b) Sub Data<br /> c) Ware house<br /> d) Meta Data<br />Ans: d</p>\r\n<p><strong>Q. 23. Which of the following refers to the level of data abstraction that describes exactly how the data actually stored?</strong></p>\r\n<p>a) Conceptual Level<br /> b) Physical Level<br /> c) File Level<br /> d) Logical Level<br />Ans: b</p>\r\n<p><strong>Q. 24. "DBA" referred?</strong></p>\r\n<p>a) Data Bank Administrator<br /> b) Database Administrator<br /> c) Data Administrator<br /> d) None of the above<br />Ans: b</p>\r\n<p><strong>Q. 25. Which of the following refers to the number of tuples in a relation?</strong><br /> a) Entity<br /> b) Column<br /> c) Cardinality<br /> d) None of the above<br />Ans: c</p>\r\n<p><strong>Q. 26. Which one of the following is a type of Data Manipulation Command?</strong><br /> a) Create<br /> b) Alter<br /> c) Delete<br /> d) All<br />Ans: c</p>\r\n<p><strong>Q. 27. Which of the following refers to the level of data abstraction that describes exactly how the data actually stored?</strong></p>\r\n<p>a) Create<br /> b) Update<br /> c) Delete<br /> d) Merge<br />Ans: a</p>\r\n<p><strong>Q. 28. Which of the following is a top-down approach in which the entity\'s higher level can be divided into two lower sub-entities?</strong></p>\r\n<p>a) Aggregation<br /> b) Generalization<br /> c) Specialization<br /> d) All of the above<br />Ans: d</p>\r\n<p><strong>Q. 29. In which one of the following, the multiple lower entities are grouped (or combined) together to form a single higher-level entity?</strong></p>\r\n<p>a) Aggregation<br /> b) Generalization<br /> c) Specialization<br /> d) All of the above<br />Ans: b</p>\r\n<p><strong>Q. 30. In a relation database, every tuples divided into the fields are known as the______.</strong><br /> a) Queries<br /> b) Domains<br /> c) Relations<br /> d) All<br />Ans: b</p>\r\n<p><strong>Q. 31. The oldest DB model is _______________</strong><br /> a) Network<br /> b) Physical<br /> c) Hierarchical<br /> d) Relational<br />Ans: c</p>\r\n<p><strong>Q. 32. Which of the following establishes a top-to-bottom relationship among the items?</strong><br /> a) Relational schema<br /> b) Network schema<br /> c) Hierarchical schema<br /> d) All of the mentioned<br />Ans: c</p>\r\n<p><strong>Q. 33. Which of the following is known as minimal super key?</strong></p>\r\n<p>a) Primary Key<br /> b) Candidate key<br /> c) Foreign Key<br /> d) None<br />Ans: b</p>\r\n<p><strong>Q. 34. Which of the following is not a SQL command?</strong><br /> a) Delete<br /> b) Order by<br /> c) Select<br /> d) Where<br />Ans: a</p>\r\n<p><strong>Q. 35. Which of the following is preserved in execution of transaction in isolation?</strong><br /> a) Atomicity<br /> b) Isolation<br /> c) Durability<br /> d) Consistency<br />Ans: d</p>\r\n<p><strong>Q. 36. Which of the following normal forms contains information about a single entity?</strong><br /> a) 1NF<br /> b) 2NF<br /> c) 3NF<br /> d) 4NF<br />Ans: d<br /><br /><strong>Q. 37. How many levels are there in architecture of database?</strong></p>\r\n<p>a) 2<br /> b) 3<br /> c) 4<br /> d) None<br />Ans: b</p>\r\n<p><strong>Q. 38. Primary key can be?</strong><br /> a) Null<br /> b) Not Null<br /> c) Both Null and Not Null<br /> d) Depends on Situation<br />Ans: b</p>\r\n<p><strong>Q. 39. Rectangles in ER diagram represents?</strong><br /> a) Tables<br /> b) Attributes<br /> c) Tuples<br /> d) Entity Sets<br />Ans: d</p>\r\n<p><strong>Q. 40. Select the correct advantages of view.</strong><br /> a) Derived Columns<br /> b) Data Security<br /> c) Hiding of complex queries<br /> d) All of the Above<br />Ans: d</p>\r\n<p><strong>Q. 41. Which operation is used to extract specified columns from a table?</strong></p>\r\n<p>a) Project<br /> b) Join<br /> c) Extract<br /> d) Index Table<br />Ans: a</p>\r\n<p><strong>Q. 42. In RDBMS, different classes of relations are created using __________ technique to prevent modification anomalies.</strong><br /> a) Functional Dependencies<br /> b) Data integrity<br /> c) Referential integrity<br /> d) Normal Forms<br />Ans: d</p>\r\n<p><strong>Q. 43. Relations produced from E - R Model will always be in ________.</strong><br /> a) 1 NF<br /> b) 2 NF<br /> c) 3 NF<br /> d) 4 NF<br />Ans: a</p>\r\n<p><strong>Q. 44. Which of the following RAID level provides the highest Data Transfer Rate (Read/Write)</strong><br /> a) RAID 1<br /> b) RAID 2<br /> c) RAID 4<br /> d) RAID 5<br />Ans: a</p>\r\n<p><strong>Q. 45. The unit of storage that can store one are more records in a hash file organization are</strong><br /> a) Buckets<br /> b) Disk pages<br /> c) Blocks<br /> d) Nodes<br />Ans: a</p>\r\n<p><strong>Q. 46. A ______ file system is software that enables multiple computers to share file storage while maintaining consistent space allocation and file content.</strong><br /> a) Storage<br /> b) Tertiary<br /> c) Secondary<br /> d) Cluster<br />Ans: d</p>\r\n<p><strong>Q. 47. Which of the following is a physical storage media?</strong><br /> a) Tape Storage<br /> b) Optical Storage<br /> c) Flash memory<br /> d) All of the mentioned<br />Ans: d</p>\r\n<p><strong>Q. 48. The _________ is the fastest and most costly form of storage, which is relatively small; its use is managed by the computer system hardware.</strong><br /> a) Cache<br /> b) Disk<br /> c) Main memory<br /> d) Flash memory<br />Ans: a</p>\r\n<p><strong>Q. 49. Which of the following stores several gigabytes of data but usually lost when power failure?</strong><br /> a) Flash memory<br /> b) Disk<br /> c) Main memory<br /> d) Secondary memory<br />Ans: c</p>\r\n<p><strong>Q. 50. The flash memory storage used are</strong><br /> a) NOR Flash<br /> b) OR Flash<br /> c) AND Flash<br /> d) All of the mentioned<br />Ans: c</p>', '1', 'blog'), (285, 'ieee-standard-in-details', 'IEEE Standard in Details', '<p><strong>IEEE Standard</strong></p>\r\n<p>Institute of Electrical and electronics Engineers</p>\r\n<p>IEEE 802.1=LAN Protocol (Bridging)</p>\r\n<p>IEEE 802.2=Logical Link Control</p>\r\n<p>IEEE 802.3 =Ethernet</p>\r\n<p>IEEE 802.4 = Token Bus (For remember bus tyres)</p>\r\n<p>IEEE 802.5 = Token Ring &nbsp;&nbsp;&nbsp;</p>\r\n<p>IEEE 802.6 = MAN (Sixer kaun laga sakta hai)</p>\r\n<p>IEEE 802.7=BROADBAND</p>\r\n<p>IEEE 802.8=Fiber Optics</p>\r\n<p>IEE 802.9=Integrity Voice /Data Network&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>\r\n<p>IEEE 802.10 =Network Security</p>\r\n<p>IEEE 802.11 =Demand Priority</p>\r\n<p>IEEE 802.12 =Demand Priority</p>\r\n<p>IEEE 802.13 =Not USED</p>\r\n<p>IEEE 802.14 =Cable Modems</p>\r\n<p><strong>IEEE 802.15 =Wireless Pans (Personal Area Network)</strong></p>\r\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; IEEE 802.15.1 =Bluetooth</p>\r\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; IEEE 802.15.4=Zigbee (Used in IOT)</p>\r\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; IEEE 802.15.5 =Mesh Network</p>\r\n<p>IEEE 802.15 =WIMAX/Wireless Man</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (286, 'difference-between-ip-address-and-mac-address-in-details', 'Difference Between IP Address and Mac Address in Details', '<table border="1" cellspacing="0" cellpadding="0">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="312">\r\n<p align="center"><strong>IP ADDRESS</strong></p>\r\n</td>\r\n<td valign="top" width="312">\r\n<p><strong>MAC ADDRESS</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="312">\r\n<ul>\r\n<li>It&rsquo;s a temporary</li>\r\n<li>Its work on 3rd layer of osi model i.e n/w layer</li>\r\n<li>Process of change ip address and mac address is called spoofing.</li>\r\n<li>IP address is 2 types</li>\r\n<li>Ipv4 and ipv6 which is 32 bits /4 Byte and 128 bites/16 Byte respectively</li>\r\n<li>IP address also called as logical address</li>\r\n<li>Ipv4 have 4 octets each will be of 0 to 255</li>\r\n<li>Each octet will be of 8 bit</li>\r\n<li>Each octet separate by. (dot)</li>\r\n<li>Ipv6 is 128 bits</li>\r\n<li>Ipv4 developed by DARPA</li>\r\n<li>Ipv6 developed by defense advanced research projects agency</li>\r\n<li>IP address identify device on the internet</li>\r\n<li>IP address command <strong>ipconfig</strong></li>\r\n<li>Ipv-4 in decimal format</li>\r\n<li>IPV-6 IN HEXADECIMAL FORMAT</li>\r\n<li>IP ADDRESS FOUNDER VINT CERF</li>\r\n<li>MANAGED BY IANA</li>\r\n<li>IP ADRESS IN INDIA ASSIGNED BY APNIC</li>\r\n<li>IP ADDRESS CAN BE CHANGE USING</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n<td valign="top" width="312">\r\n<ul>\r\n<li>It&rsquo;s a permanent</li>\r\n<li>Its work on 2<sup>nd</sup> layer of OSI model</li>\r\n<li>Address and mac address is called spoofing.</li>\r\n<li>Mac address is 48 bits</li>\r\n<li>It&rsquo;s also called as Ethernet address /physical address/ burned-in address &nbsp;</li>\r\n<li>Developed by Xerox Parcy</li>\r\n<li>Address of networking device</li>\r\n<li>Mac address command = getmac</li>\r\n<li>Mac address is also in hexadecimal format</li>\r\n</ul>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p>\r\n<p>&nbsp;</p>\r\n<p>&nbsp;</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>IP Address: </strong></p>\r\n<strong>Class: A</strong>\r\n<table style="width: 623px;" border="1" cellspacing="0" cellpadding="0">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="156">\r\n<p>N/W</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>HOST</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>HOST</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>HOST</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p align="right">&nbsp;</p>\r\n<p><strong>CLASS B</strong></p>\r\n<table style="width: 623px;" border="1" cellspacing="0" cellpadding="0">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="156">\r\n<p>N/W</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>N/W</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>HOST</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>HOST</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p align="right">&nbsp;</p>\r\n<p><strong>CLASS C&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</strong></p>\r\n<table border="1" cellspacing="0" cellpadding="0">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="156">\r\n<p>N/W</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>N/W</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>N/W</p>\r\n</td>\r\n<td valign="top" width="156">\r\n<p>HOST</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>&nbsp;Note:</strong> <br />Class A have 8 bit Network Address and 24 Bit Host Address.<br />Class B have 16 bit Network Address and 16 Bit Host Address.<br />Class CA have 24 bit Network Address and 8 Bit Host Address.</p>\r\n<p>Class A, B, C are unicasting (one to one communication)</p>\r\n<ul>\r\n<li>Class d is multicasting</li>\r\n<li>Class e is broadcasting</li>\r\n</ul>\r\n<p><strong>IP ADRESS CLASSES</strong></p>\r\n<table border="1" cellspacing="0" cellpadding="0">\r\n<tbody>\r\n<tr>\r\n<td valign="top" width="208">\r\n<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; CLASS</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p>RANGE</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p>N/W/HOSTS</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="208">\r\n<p align="center">A</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p>1 - 126</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p><strong>N.H.H.H</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="208">\r\n<p align="center">B</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p>128 -191</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p><strong>N.NH.H.H</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="208">\r\n<p align="center">C</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p>191-223</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p><strong>N.N.N.H</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="208">\r\n<p align="center">D</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p>224-239</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p><strong>Reserved for multicasting</strong></p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td valign="top" width="208">\r\n<p align="center">E</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p>240-254</p>\r\n</td>\r\n<td valign="top" width="208">\r\n<p><strong>Experimental, reserved for research</strong></p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<br />\r\n<p><strong>Class A Addresses</strong></p>\r\n<p><strong>127.0.0.1- 127.255.255.255&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </strong></p>\r\n<p><strong>MAC Address /Physical Address</strong></p>\r\n<ul>\r\n<li>It&rsquo;s written on NIC Cards of a system</li>\r\n<li>It will be 12 Bit</li>\r\n<li>It will be 12 digit hexadecimal format</li>\r\n</ul>', '1', 'blog'), (287, 'basic-computer', 'Basic Computer', '<p>The Basic Computer Course provides complete training in computer fundamentals, operating systems, MS Office, internet usage, and digital skills. This course is ideal for students who want to build a strong foundation before learning <strong data-start=\"1035\" data-end=\"1104\">Web Designing, Web Development, Digital Marketing, or Programming</strong>.</p>\r\n<p data-start=\"317\" data-end=\"582\">In today’s digital world, computer knowledge is essential for every student and professional. Our <strong data-start=\"415\" data-end=\"457\">Basic Computer Course in Rohini, Delhi</strong> is designed to help beginners gain strong computer fundamentals before stepping into advanced IT and web development fields.</p>\r\n<p data-start=\"584\" data-end=\"775\">At our <strong data-start=\"591\" data-end=\"630\">Web Development Institute in Rohini</strong>, we focus on <strong data-start=\"644\" data-end=\"666\">practical learning</strong>, ensuring students understand how to use computers confidently for education, office work, and online tasks.</p>', '1', 'course'), (288, 'html-interview-questions-and-answers-2026', 'HTML Interview Questions and Answers 2026', '<p><strong>Web Development Institute &ndash; Best Computer &amp; Web Designing Institute in Rohini, Delhi</strong></p>\r\n<p>HTML (HyperText Markup Language) is the <strong>foundation of web development</strong>. Every website, landing page, and web application starts with HTML. If you are learning <strong>web designing or front-end development</strong>, HTML interview questions are very important for both <strong>freshers and experienced candidates</strong>.</p>\r\n<p>At <strong>Web Development Institute, Rohini, Delhi</strong>, students learn HTML with <strong>live practice, real website projects, and interview preparation</strong>. Below are <strong>unique HTML interview questions and answers</strong> written in simple language for easy understanding.</p>\r\n<p><strong>1. What is HTML?</strong></p>\r\n<p><strong>Answer: </strong>HTML stands for <strong>HyperText Markup Language</strong>. It is used to create the structure of web pages using elements like headings, paragraphs, images, links, and forms.</p>\r\n<p><strong>2. Why is HTML important in web development?</strong></p>\r\n<p><strong>Answer: </strong>HTML provides the basic structure of a website. Without HTML, CSS and JavaScript cannot work properly. It defines <strong>what content appears on the page</strong>.</p>\r\n<p><strong>3. What are HTML tags?</strong></p>\r\n<p><strong>Answer: </strong>HTML tags are keywords enclosed in angle brackets &lt; &gt; that tell the browser how to display content.<br /> Example: &lt;p&gt;, &lt;h1&gt;, &lt;img&gt;</p>\r\n<p><strong>4. What is the difference between HTML and HTML5?</strong></p>\r\n<p><strong>Answer: </strong>HTML5 is the latest version of HTML with advanced features like:</p>\r\n<ul>\r\n<li>Audio &amp; Video support</li>\r\n<li>Semantic tags</li>\r\n<li>Local storage</li>\r\n<li>Better mobile support</li>\r\n</ul>\r\n<p><strong>5. What are semantic HTML elements?</strong></p>\r\n<p><strong>Answer: </strong>Semantic elements clearly describe their meaning.<br /> Examples: &lt;header&gt;, &lt;nav&gt;, &lt;section&gt;, &lt;article&gt;, &lt;footer&gt;</p>\r\n<p>They improve <strong>SEO and website accessibility</strong>.</p>\r\n<p><strong>6. What is the use of </strong><strong>&lt;DOCTYPE&gt;</strong><strong> in HTML?</strong></p>\r\n<p><strong>Answer: </strong>&lt;!DOCTYPE html&gt; tells the browser which HTML version is used and ensures proper rendering of the webpage.</p>\r\n<p>&nbsp;<strong>7. Difference between block-level and inline elements?</strong></p>\r\n<p><strong>Answer:</strong></p>\r\n<ul>\r\n<li><strong>Block elements:</strong> Start on a new line (&lt;div&gt;, &lt;p&gt;, &lt;h1&gt;)</li>\r\n<li><strong>Inline elements:</strong> Stay in the same line (&lt;span&gt;, &lt;a&gt;, &lt;img&gt;)</li>\r\n</ul>\r\n<p>&nbsp;<strong>8. What is an attribute in HTML?</strong></p>\r\n<p><strong>Answer: </strong>Attributes provide extra information about HTML elements.<br /> Example: &lt;img src="image.jpg" alt="photo"&gt;</p>\r\n<p><strong>9. What is the use of </strong><strong>alt</strong><strong> attribute?</strong></p>\r\n<p><strong>Answer: </strong>The alt attribute provides alternative text for images, helping:</p>\r\n<ul>\r\n<li>SEO ranking</li>\r\n<li>Screen readers</li>\r\n<li>Image loading issues</li>\r\n</ul>\r\n<p><strong>10. What is a hyperlink?</strong></p>\r\n<p><strong>Answer: </strong>A hyperlink connects one webpage to another using the &lt;a&gt; tag.</p>\r\n<p>Example: &lt;a href="https://nextgclasses.com"&gt;Visit Next G Classes&lt;/a&gt;</p>\r\n<p>&nbsp;<strong>11. What is the difference between </strong><strong>&lt;div&gt;</strong><strong> and </strong><strong>&lt;span&gt;</strong><strong>?</strong></p>\r\n<p><strong>Answer:</strong></p>\r\n<ul>\r\n<li>&lt;div&gt; is a block-level element</li>\r\n<li>&lt;span&gt; is an inline element</li>\r\n</ul>\r\n<p><strong>12. What are HTML forms?</strong></p>\r\n<p><strong>Answer: </strong>HTML forms collect user input like name, email, password, etc., using &lt;form&gt; tag.</p>\r\n<p><strong>13. What input types are used in forms?</strong></p>\r\n<p><strong>Answer: </strong>Common input types:</p>\r\n<ul>\r\n<li>text</li>\r\n<li>email</li>\r\n<li>password</li>\r\n<li>radio</li>\r\n<li>checkbox</li>\r\n<li>submit</li>\r\n</ul>\r\n<p><strong>14. What is the use of </strong><strong>&lt;iframe&gt;</strong><strong>?</strong></p>\r\n<p><strong>Answer: </strong>&lt;iframe&gt; is used to embed another webpage or video inside a webpage (e.g., YouTube videos, Google Maps).</p>', '1', 'blog'), (289, 'top-50-css-interview-questions-and-answers-2026', 'Top 50 CSS Interview Questions and Answers 2026', '<p><strong>1. What is CSS?</strong></p>\r\n<p>CSS (Cascading Style Sheets) is used to style and layout web pages, such as changing colors, fonts, spacing, and positioning.</p>\r\n<p><strong>2. What are the different types of CSS?</strong></p>\r\n<ul>\r\n<li>Inline CSS</li>\r\n<li>Internal CSS</li>\r\n<li>External CSS</li>\r\n</ul>\r\n<p><strong>3. What is the CSS box model?</strong></p>\r\n<p>The box model consists of <strong>content, padding, border, and margin</strong>, which defines the layout of elements.</p>\r\n<p><strong>4. Difference between class and id selector?</strong></p>\r\n<ul>\r\n<li><strong>Class</strong>: Can be used multiple times (.)</li>\r\n<li><strong>ID</strong>: Unique, used once (#)</li>\r\n</ul>\r\n<p><strong>5. What is specificity in CSS?</strong></p>\r\n<p>Specificity determines which CSS rule is applied when multiple rules target the same element.</p>\r\n<p><strong>6. What is </strong><strong>!important</strong><strong> in CSS?</strong></p>\r\n<p>It forces a style to override all other CSS rules.</p>\r\n<p><strong>7. What is Flexbox?</strong></p>\r\n<p>Flexbox is a layout module for designing flexible and responsive layouts in one dimension (row or column).</p>\r\n<p><strong>8. What is CSS Grid?</strong></p>\r\n<p>CSS Grid is a two-dimensional layout system for creating complex web layouts using rows and columns.</p>\r\n<p><strong>9. Difference between Flexbox and Grid?</strong></p>\r\n<p>Flexbox is one-dimensional, while Grid is two-dimensional.</p>\r\n<p><strong>10. What are pseudo-classes?</strong></p>\r\n<p>They define a special state of an element (e.g., :hover, :focus).</p>\r\n<p><strong>11. What are pseudo-elements?</strong></p>\r\n<p>They style specific parts of elements (e.g., ::before, ::after).</p>\r\n<p><strong>12. What is responsive design?</strong></p>\r\n<p>Responsive design ensures a website works on all screen sizes using media queries.</p>\r\n<p><strong>13. What are media queries?</strong></p>\r\n<p>They apply CSS based on screen size, resolution, or device type.</p>\r\n<p><strong>14. What is </strong><strong>z-index</strong><strong>?</strong></p>\r\n<p>It controls the vertical stacking order of positioned elements.</p>\r\n<p><strong>15. Difference between </strong><strong>display: none</strong><strong> and </strong><strong>visibility: hidden</strong><strong>?</strong></p>\r\n<ul>\r\n<li>display: none removes the element</li>\r\n<li>visibility: hidden hides it but keeps space</li>\r\n</ul>\r\n<p><strong>16. What is </strong><strong>position</strong><strong> property?</strong></p>\r\n<p>Defines how an element is positioned (static, relative, absolute, fixed, sticky).</p>\r\n<p><strong>17. What is </strong><strong>overflow</strong><strong>?</strong></p>\r\n<p>Controls content overflow (hidden, scroll, auto).</p>\r\n<p><strong>18. What is </strong><strong>float</strong><strong>?</strong></p>\r\n<p>Used to align elements left or right (now mostly replaced by Flexbox).</p>\r\n<p><strong>19. What is </strong><strong>clear</strong><strong>?</strong></p>\r\n<p>Specifies which sides of floating elements are not allowed.</p>\r\n<p><strong>20. What is </strong><strong>opacity</strong><strong>?</strong></p>\r\n<p>Controls transparency (0 to 1).</p>\r\n<p><strong>21. What are CSS variables?</strong></p>\r\n<p>Reusable values declared using --variable-name.</p>\r\n<p><strong>22. What is </strong><strong>calc()</strong><strong> in CSS?</strong></p>\r\n<p>Used to perform calculations inside CSS.</p>\r\n<p><strong>23. What is </strong><strong>object-fit</strong><strong>?</strong></p>\r\n<p>Controls how images or videos fit inside containers.</p>\r\n<p><strong>24. What is </strong><strong>rem</strong><strong> vs </strong><strong>em</strong><strong>?</strong></p>\r\n<ul>\r\n<li>rem: Relative to root font size</li>\r\n<li>em: Relative to parent font size</li>\r\n</ul>\r\n<p><strong>25. What is </strong><strong>vh</strong><strong> and </strong><strong>vw</strong><strong>?</strong></p>\r\n<p>Viewport height and width units.</p>\r\n<p><strong>26. What is shorthand property?</strong></p>\r\n<p>Combines multiple CSS properties into one line.</p>\r\n<p><strong>27. What is </strong><strong>transition</strong><strong>?</strong></p>\r\n<p>Adds smooth animation effects between property changes.</p>\r\n<p><strong>28. What is </strong><strong>transform</strong><strong>?</strong></p>\r\n<p>Used to rotate, scale, skew, or translate elements.</p>\r\n<p><strong>29. What is </strong><strong>animation</strong><strong>?</strong></p>\r\n<p>Allows complex keyframe-based animations.</p>\r\n<p><strong>30. What is </strong><strong>@keyframes</strong><strong>?</strong></p>\r\n<p>Defines animation steps.</p>\r\n<p><strong>31. What is </strong><strong>display: inline-block</strong><strong>?</strong></p>\r\n<p>Combines features of inline and block elements.</p>\r\n<p><strong>32. What is </strong><strong>white-space</strong><strong>?</strong></p>\r\n<p>Controls text wrapping and spacing.</p>\r\n<p><strong>33. What is </strong><strong>line-height</strong><strong>?</strong></p>\r\n<p>Controls vertical spacing between text lines.</p>\r\n<p><strong>34. What is </strong><strong>border-radius</strong><strong>?</strong></p>\r\n<p>Creates rounded corners.</p>\r\n<p><strong>35. What is </strong><strong>box-shadow</strong><strong>?</strong></p>\r\n<p>Adds shadow effects to elements.</p>\r\n<p><strong>36. What is </strong><strong>text-shadow</strong><strong>?</strong></p>\r\n<p>Adds shadow to text.</p>\r\n<p><strong>37. What is </strong><strong>cursor</strong><strong> property?</strong></p>\r\n<p>Changes mouse pointer style.</p>\r\n<p><strong>38. What is </strong><strong>clip-path</strong><strong>?</strong></p>\r\n<p>Creates custom shapes for elements.</p>\r\n<p><strong>39. What is </strong><strong>aspect-ratio</strong><strong>?</strong></p>\r\n<p>Maintains width-to-height ratio.</p>\r\n<p><strong>40. What is </strong><strong>backdrop-filter</strong><strong>?</strong></p>\r\n<p>Applies blur or effects behind an element.</p>\r\n<p><strong>41. What is </strong><strong>inherit</strong><strong> value?</strong></p>\r\n<p>Inherits property value from parent.</p>\r\n<p><strong>42. What is </strong><strong>initial</strong><strong> value?</strong></p>\r\n<p>Resets property to default value.</p>\r\n<p><strong>43. What is </strong><strong>unset</strong><strong>?</strong></p>\r\n<p>Resets or inherits based on context.</p>\r\n<p><strong>44. What is </strong><strong>content</strong><strong> property?</strong></p>\r\n<p>Used with pseudo-elements to insert content.</p>\r\n<p><strong>45. What is </strong><strong>min-width</strong><strong> and </strong><strong>max-width</strong><strong>?</strong></p>\r\n<p>Controls responsive sizing limits.</p>\r\n<p><strong>46. What is </strong><strong>@import</strong><strong>?</strong></p>\r\n<p>Imports one CSS file into another.</p>\r\n<p><strong>47. What is CSS preprocessor?</strong></p>\r\n<p>Tools like Sass or Less that extend CSS functionality.</p>\r\n<p><strong>48. What is BEM methodology?</strong></p>\r\n<p>Naming convention for scalable CSS.</p>\r\n<p><strong>49. How to center a div in CSS?</strong></p>\r\n<p>Using Flexbox: display:flex; justify-content:center; align-items:center;</p>\r\n<p><strong>50. Why is CSS important in 2026?</strong></p>\r\n<p>CSS enables responsive, fast, accessible, and visually rich web design across devices.</p>', '1', 'blog'), (290, 'e-commerce-marketing-course', 'E-Commerce Marketing Course', 'Learn E-Commerce Marketing Course from the <strong>Web development Institute</strong> in Rohini. Join Best E-Commerce Training Institute in Delhi. E-Commerce Marketing are the techniques by which you can generate more sales for your E-commerce store. There are many techniques for the e-commerce marketing including organic and paid. In this course of E-Commerce Marketing, you will learn some top marketing practices. update this content for web development institue E-Commerce Marketing Course', '1', 'course'), (291, 'how-to-apply-animation-in-css-question-answer', 'How to Apply Animation in CSS – Question & Answer', '<p data-start="209" data-end="272"><strong data-start="209" data-end="272">How do you apply animation in CSS? Explain with an example.</strong></p>\r\n<p data-start="274" data-end="287">Answer:</p>\r\n<p data-start="288" data-end="548">Animation in CSS is applied using the <strong data-start="326" data-end="345">@keyframes rule</strong> along with the <strong data-start="361" data-end="383">animation property</strong>.<br data-start="384" data-end="387" /> The <code data-start="391" data-end="403">@keyframes</code> rule defines how an element changes its style at different stages of the animation, and the <code data-start="496" data-end="507">animation</code> property applies it to the HTML element.</p>\r\n<p data-start="550" data-end="586"><strong>Steps to Apply Animation in CSS:</strong></p>\r\n<ol data-start="587" data-end="733">\r\n<li data-start="587" data-end="629">\r\n<p data-start="590" data-end="629">Define the animation using <code data-start="617" data-end="629">@keyframes</code></p>\r\n</li>\r\n<li data-start="630" data-end="693">\r\n<p data-start="633" data-end="693">Apply the animation to an element using <code data-start="673" data-end="684">animation</code> property</p>\r\n</li>\r\n<li data-start="694" data-end="733">\r\n<p data-start="697" data-end="733">Set duration, timing, and repetition</p>\r\n</li>\r\n</ol>\r\n<p data-start="735" data-end="747"><strong>Example:</strong></p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="sticky top-[calc(--spacing(9)+var(--header-height))] @w-xl/main:top-9">&nbsp;</div>\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-css"><span class="hljs-selector-class">.box</span> { <span class="hljs-attribute">width</span>: <span class="hljs-number">100px</span>; <span class="hljs-attribute">height</span>: <span class="hljs-number">100px</span>; <span class="hljs-attribute">background-color</span>: blue; <span class="hljs-attribute">animation</span>: moveBox <span class="hljs-number">2s</span> ease-in-out infinite; } <span class="hljs-keyword">@keyframes</span> moveBox { <span class="hljs-selector-tag">from</span> { <span class="hljs-attribute">transform</span>: <span class="hljs-built_in">translateX</span>(<span class="hljs-number">0</span>); } <span class="hljs-selector-tag">to</span> { <span class="hljs-attribute">transform</span>: <span class="hljs-built_in">translateX</span>(<span class="hljs-number">200px</span>); } } </code></div>\r\n</div>\r\n<p data-start="987" data-end="1003"><strong>Explanation:</strong></p>\r\n<ul data-start="1004" data-end="1156">\r\n<li data-start="1004" data-end="1039">\r\n<p data-start="1006" data-end="1039"><code data-start="1006" data-end="1015">moveBox</code> is the animation name</p>\r\n</li>\r\n<li data-start="1040" data-end="1064">\r\n<p data-start="1042" data-end="1064"><code data-start="1042" data-end="1046">2s</code> is the duration</p>\r\n</li>\r\n<li data-start="1065" data-end="1101">\r\n<p data-start="1067" data-end="1101"><code data-start="1067" data-end="1080">ease-in-out</code> controls the speed</p>\r\n</li>\r\n<li data-start="1102" data-end="1156">\r\n<p data-start="1104" data-end="1156"><code data-start="1104" data-end="1114">infinite</code> makes the animation repeat continuously</p>\r\n</li>\r\n</ul>\r\n<p data-start="1158" data-end="1198">This is how animation is applied in CSS.</p>', '1', 'blog'), (292, 'all-semantic-elements-name', 'All semantic elements name', '<span>In HTML there are several semantic elements that can be used to define different parts of a web page:&nbsp;</span><br />\r\n<p><span>&lt;header&gt;<br class="_mce_tagged_br" />&lt;nav&gt;<br class="_mce_tagged_br" />&lt;main&gt;<br class="_mce_tagged_br" />&lt;section&gt;<br class="_mce_tagged_br" />&lt;article&gt;<br class="_mce_tagged_br" />&lt;aside&gt;<br class="_mce_tagged_br" />&lt;footer&gt;<br class="_mce_tagged_br" /><code data-start="787" data-end="793">&lt;h1&gt;</code> &ndash; <code data-start="796" data-end="802">&lt;h6&gt;<br class="_mce_tagged_br" />&lt;p&gt;<br class="_mce_tagged_br" />&lt;address&gt;<br class="_mce_tagged_br" />&lt;blockquote&gt;<br class="_mce_tagged_br" />&lt;q&gt;<br class="_mce_tagged_br" />&lt;cite&gt;<br class="_mce_tagged_br" />&lt;abbr&gt;<br class="_mce_tagged_br" />&lt;time&gt;<br class="_mce_tagged_br" />&lt;strong&gt;<br class="_mce_tagged_br" />&lt;em&gt;<br class="_mce_tagged_br" />&lt;mark&gt;<br class="_mce_tagged_br" />&lt;small&gt;<br class="_mce_tagged_br" />&lt;del&gt;<br class="_mce_tagged_br" />&lt;ins&gt;<br class="_mce_tagged_br" />&lt;figure&gt;<br class="_mce_tagged_br" />&lt;figcaption&gt;<br class="_mce_tagged_br" />&lt;form&gt;<br class="_mce_tagged_br" />&lt;label&gt;<br class="_mce_tagged_br" />&lt;fieldset&gt;<br class="_mce_tagged_br" />&lt;legend&gt;<br class="_mce_tagged_br" />&lt;details&gt;<br class="_mce_tagged_br" />&lt;summary&gt;<br class="_mce_tagged_br" />&lt;dialog&gt;<br class="_mce_tagged_br" />&lt;table&gt;<br class="_mce_tagged_br" />&lt;caption&gt;<br class="_mce_tagged_br" />&lt;thead&gt;<br class="_mce_tagged_br" />&lt;tbody&gt;<br class="_mce_tagged_br" />&lt;th&gt;<br class="_mce_tagged_br" />&lt;ul&gt;<br class="_mce_tagged_br" />&lt;ol&gt;<br class="_mce_tagged_br" />&lt;li&gt;<br class="_mce_tagged_br" />&lt;dl&gt;<br class="_mce_tagged_br" />&lt;dt&gt;<br class="_mce_tagged_br" />&lt;dd&gt;</code><br class="_mce_tagged_br" /></span></p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (293, 'website-design-interview-questions-answers-1-50-', 'Website design interview questions & answers (1-50)', '<h3>BASIC WEBSITE DESIGN</h3>\r\n<p data-start="249" data-end="400"><strong data-start="249" data-end="279">1. What is website design?</strong><br data-start="279" data-end="282" /> Website design is the process of planning and creating the visual layout, structure, and user experience of a website.</p>\r\n<p data-start="402" data-end="547"><strong data-start="402" data-end="448">2. What is the role of a website designer?</strong><br data-start="448" data-end="451" /> A website designer creates layouts, color schemes, typography, and ensures good user experience.</p>\r\n<p data-start="549" data-end="668"><strong data-start="549" data-end="598">3. What are the main goals of website design?</strong><br data-start="598" data-end="601" /> Good appearance, easy navigation, user engagement, and conversions.</p>\r\n<p data-start="670" data-end="755"><strong data-start="670" data-end="702">4. What is visual hierarchy?</strong><br data-start="702" data-end="705" /> Arrangement of elements to guide users&rsquo; attention.</p>\r\n<p data-start="757" data-end="849"><strong data-start="757" data-end="798">5. What is white space in web design?</strong><br data-start="798" data-end="801" /> Empty space that improves readability and focus.</p>\r\n<p data-start="851" data-end="949"><strong data-start="851" data-end="905">6. Why is consistency important in website design?</strong><br data-start="905" data-end="908" /> It improves usability and brand identity.</p>\r\n<p data-start="951" data-end="1034"><strong data-start="951" data-end="992">7. What is responsive website design?</strong><br data-start="992" data-end="995" /> Design that adapts to all screen sizes.</p>\r\n<p data-start="1036" data-end="1128"><strong data-start="1036" data-end="1074">8. What is mobile-friendly design?</strong><br data-start="1074" data-end="1077" /> Design optimized for smartphones and touch screens.</p>\r\n<p data-start="1130" data-end="1210"><strong data-start="1130" data-end="1166">9. What is UI in website design?</strong><br data-start="1166" data-end="1169" /> The visual interface users interact with.</p>\r\n<p data-start="1212" data-end="1303"><strong data-start="1212" data-end="1249">10. What is UX in website design?</strong><br data-start="1249" data-end="1252" /> Overall experience users feel while using the site.</p>\r\n<h3>LAYOUT &amp; STRUCTURE</h3>\r\n<p data-start="1337" data-end="1422"><strong data-start="1337" data-end="1370">11. What is a website layout?</strong><br data-start="1370" data-end="1373" /> The arrangement of sections, images, and content.</p>\r\n<p data-start="1424" data-end="1519"><strong data-start="1424" data-end="1464">12. What are common website layouts?</strong><br data-start="1464" data-end="1467" /> Single-column, multi-column, grid, and card layouts.</p>\r\n<p data-start="1521" data-end="1603"><strong data-start="1521" data-end="1551">13. What is a grid system?</strong><br data-start="1551" data-end="1554" /> A structured layout guide using rows and columns.</p>\r\n<p data-start="1605" data-end="1686"><strong data-start="1605" data-end="1636">14. What is a hero section?</strong><br data-start="1636" data-end="1639" /> Top section highlighting main message or offer.</p>\r\n<p data-start="1688" data-end="1761"><strong data-start="1688" data-end="1727">15. What is fold in website design?</strong><br data-start="1727" data-end="1730" /> Visible area without scrolling.</p>\r\n<p data-start="1763" data-end="1833"><strong data-start="1763" data-end="1797">16. What is navigation design?</strong><br data-start="1797" data-end="1800" /> Menus and links that guide users.</p>\r\n<p data-start="1835" data-end="1909"><strong data-start="1835" data-end="1870">17. What makes good navigation?</strong><br data-start="1870" data-end="1873" /> Simple, clear, and accessible menus.</p>\r\n<p data-start="1911" data-end="1999"><strong data-start="1911" data-end="1954">18. What is a footer in website design?</strong><br data-start="1954" data-end="1957" /> Bottom section with links and information.</p>\r\n<p data-start="2001" data-end="2076"><strong data-start="2001" data-end="2031">19. What is sticky header?</strong><br data-start="2031" data-end="2034" /> Header that stays visible while scrolling.</p>\r\n<p data-start="2078" data-end="2153"><strong data-start="2078" data-end="2112">20. What is card-based design?</strong><br data-start="2112" data-end="2115" /> Content organized into cards or boxes.</p>\r\n<h3>COLOR, TYPOGRAPHY &amp; IMAGES</h3>\r\n<p data-start="2195" data-end="2286"><strong data-start="2195" data-end="2244">21. Why is color important in website design?</strong><br data-start="2244" data-end="2247" /> It affects emotions and brand identity.</p>\r\n<p data-start="2288" data-end="2368"><strong data-start="2288" data-end="2319">22. What is color contrast?</strong><br data-start="2319" data-end="2322" /> Difference between text and background colors.</p>\r\n<p data-start="2370" data-end="2447"><strong data-start="2370" data-end="2404">23. What is brand color usage?</strong><br data-start="2404" data-end="2407" /> Using consistent colors across the site.</p>\r\n<p data-start="2449" data-end="2527"><strong data-start="2449" data-end="2494">24. What is typography in website design?</strong><br data-start="2494" data-end="2497" /> Style and arrangement of text.</p>\r\n<p data-start="2529" data-end="2601"><strong data-start="2529" data-end="2580">25. How many fonts should be used on a website?</strong><br data-start="2580" data-end="2583" /> Usually 2&ndash;3 fonts.</p>\r\n<p data-start="2603" data-end="2672"><strong data-start="2603" data-end="2632">26. What is line spacing?</strong><br data-start="2632" data-end="2635" /> Vertical space between lines of text.</p>\r\n<p data-start="2674" data-end="2751"><strong data-start="2674" data-end="2705">27. What is font hierarchy?</strong><br data-start="2705" data-end="2708" /> Different sizes for headings and body text.</p>\r\n<p data-start="2753" data-end="2849"><strong data-start="2753" data-end="2804">28. Why are images important in website design?</strong><br data-start="2804" data-end="2807" /> They improve engagement and visual appeal.</p>\r\n<p data-start="2851" data-end="2931"><strong data-start="2851" data-end="2886">29. What is image optimization?</strong><br data-start="2886" data-end="2889" /> Reducing file size without losing quality.</p>\r\n<p data-start="2933" data-end="3021"><strong data-start="2933" data-end="2978">30. What is icon usage in website design?</strong><br data-start="2978" data-end="2981" /> Visual symbols to improve understanding.</p>\r\n<h3>USER EXPERIENCE &amp; USABILITY</h3>\r\n<p data-start="3064" data-end="3154"><strong data-start="3064" data-end="3109">31. What is user-friendly website design?</strong><br data-start="3109" data-end="3112" /> Design that is easy to understand and use.</p>\r\n<p data-start="3156" data-end="3254"><strong data-start="3156" data-end="3204">32. What is accessibility in website design?</strong><br data-start="3204" data-end="3207" /> Design usable by all users, including disabled.</p>\r\n<p data-start="3256" data-end="3335"><strong data-start="3256" data-end="3294">33. What is CTA in website design?</strong><br data-start="3294" data-end="3297" /> Call-to-Action buttons like &ldquo;Buy Now&rdquo;.</p>\r\n<p data-start="3337" data-end="3417"><strong data-start="3337" data-end="3379">34. What is conversion-focused design?</strong><br data-start="3379" data-end="3382" /> Design that encourages user action.</p>\r\n<p data-start="3419" data-end="3492"><strong data-start="3419" data-end="3452">35. What is page consistency?</strong><br data-start="3452" data-end="3455" /> Same design pattern across all pages.</p>\r\n<p data-start="3494" data-end="3557"><strong data-start="3494" data-end="3530">36. What is website readability?</strong><br data-start="3530" data-end="3533" /> Ease of reading content.</p>\r\n<p data-start="3559" data-end="3645"><strong data-start="3559" data-end="3608">37. Why is loading speed important in design?</strong><br data-start="3608" data-end="3611" /> Slow design increases bounce rate.</p>\r\n<p data-start="3647" data-end="3726"><strong data-start="3647" data-end="3689">38. What is minimalist website design?</strong><br data-start="3689" data-end="3692" /> Simple design with fewer elements.</p>\r\n<p data-start="3728" data-end="3792"><strong data-start="3728" data-end="3756">39. What is flat design?</strong><br data-start="3756" data-end="3759" /> Clean, 2D design without shadows.</p>\r\n<p data-start="3794" data-end="3873"><strong data-start="3794" data-end="3826">40. What is material design?</strong><br data-start="3826" data-end="3829" /> Design style inspired by physical materials.</p>\r\n<h3>MODERN WEBSITE DESIGN TRENDS</h3>\r\n<p data-start="3917" data-end="3990"><strong data-start="3917" data-end="3955">41. What is responsive typography?</strong><br data-start="3955" data-end="3958" /> Text that adapts to screen size.</p>\r\n<p data-start="3992" data-end="4077"><strong data-start="3992" data-end="4036">42. What is animation in website design?</strong><br data-start="4036" data-end="4039" /> Motion effects for better interaction.</p>\r\n<p data-start="4079" data-end="4151"><strong data-start="4079" data-end="4113">43. What is micro-interaction?</strong><br data-start="4113" data-end="4116" /> Small animations for user feedback.</p>\r\n<p data-start="4153" data-end="4228"><strong data-start="4153" data-end="4185">44. What is parallax design?</strong><br data-start="4185" data-end="4188" /> Background moves slower than foreground.</p>\r\n<p data-start="4230" data-end="4298"><strong data-start="4230" data-end="4263">45. What is dark mode design?</strong><br data-start="4263" data-end="4266" /> Dark background with light text.</p>\r\n<p data-start="4300" data-end="4375"><strong data-start="4300" data-end="4336">46. What is mobile-first design?</strong><br data-start="4336" data-end="4339" /> Designing for mobile before desktop.</p>\r\n<p data-start="4377" data-end="4449"><strong data-start="4377" data-end="4417">47. What is one-page website design?</strong><br data-start="4417" data-end="4420" /> All content on a single page.</p>\r\n<p data-start="4451" data-end="4515"><strong data-start="4451" data-end="4482">48. What is visual balance?</strong><br data-start="4482" data-end="4485" /> Even distribution of elements.</p>\r\n<p data-start="4517" data-end="4588"><strong data-start="4517" data-end="4552">49. What is design consistency?</strong><br data-start="4552" data-end="4555" /> Uniform style across the website.</p>\r\n<p data-start="4590" data-end="4694"><strong data-start="4590" data-end="4631">50. What makes a good website design?</strong><br data-start="4631" data-end="4634" /> Clean layout, responsiveness, usability, and strong visuals.</p>', '1', 'blog'), (294, 'python-interview-question-answer', 'Python interview Question & Answer', '<p><strong>1. What is Python?</strong><br /> Python is a high-level, interpreted, object-oriented programming language known for its simplicity and readability.</p>\r\n<p><strong>2. What are the advantages of Python?</strong></p>\r\n<ul>\r\n<li>Easy syntax</li>\r\n<li>Platform independent</li>\r\n<li>Dynamically typed</li>\r\n<li>Large standard library</li>\r\n<li>Supports multiple programming paradigms</li>\r\n</ul>\r\n<p><strong>3. Is Python case-sensitive?</strong><br /> Yes, Python is case-sensitive.</p>\r\n<p><strong>4. What is PEP 8?</strong><br /> PEP 8 is the official Python coding style guideline.</p>\r\n<p><strong>5. What are keywords in Python?</strong><br /> Reserved words that have predefined meanings (e.g., if, else, for, while).</p>\r\n<p><strong>6. What are built-in data types in Python?</strong><br /> int, float, str, list, tuple, set, dict, bool</p>\r\n<p><strong>7. Difference between list and tuple?</strong></p>\r\n<table border="0" cellpadding="0">\r\n<thead>\r\n<tr>\r\n<td>\r\n<p align="center"><strong>List</strong></p>\r\n</td>\r\n<td>\r\n<p align="center"><strong>Tuple</strong></p>\r\n</td>\r\n</tr>\r\n</thead>\r\n<tbody>\r\n<tr>\r\n<td>\r\n<p>Mutable</p>\r\n</td>\r\n<td>\r\n<p>Immutable</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p>Slower</p>\r\n</td>\r\n<td>\r\n<p>Faster</p>\r\n</td>\r\n</tr>\r\n<tr>\r\n<td>\r\n<p>Uses []</p>\r\n</td>\r\n<td>\r\n<p>Uses ()</p>\r\n</td>\r\n</tr>\r\n</tbody>\r\n</table>\r\n<p><strong>8. What is a dictionary?</strong><br /> A collection of key-value pairs.</p>\r\n<p>{"name": "Amit", "age": 22}</p>\r\n<p><strong>9. What is conditional statement?</strong><br /> Used to execute code based on conditions (if, elif, else).</p>\r\n<p><strong>10. What loops are available in Python?</strong></p>\r\n<ul>\r\n<li>for loop</li>\r\n<li>while loop</li>\r\n</ul>\r\n<p><strong>11. What is </strong><strong>break</strong><strong> and </strong><strong>continue</strong><strong>?</strong></p>\r\n<ul>\r\n<li>break exits the loop</li>\r\n<li>continue skips the current iteration</li>\r\n</ul>\r\n<p><strong>12. What is a function?</strong><br /> A reusable block of code.</p>\r\n<p><strong>13. What is </strong><strong>return</strong><strong> keyword?</strong><br /> Used to send value back from a function.</p>\r\n<p><strong>14. What is lambda function?</strong><br /> An anonymous single-line function.</p>\r\n<p>lambda x: x * 2</p>\r\n<p><strong>15. What is OOP?</strong><br /> Programming based on objects and classes.</p>\r\n<p><strong>16. What are OOP concepts?</strong></p>\r\n<ul>\r\n<li>Encapsulation</li>\r\n<li>Inheritance</li>\r\n<li>Polymorphism</li>\r\n<li>Abstraction</li>\r\n</ul>\r\n<p><strong>17. What is constructor?</strong><br /> A special method (__init__) used to initialize objects.</p>\r\n<p><strong>18. What is exception?</strong><br /> An error that occurs during program execution.</p>\r\n<p><strong>19. How do you handle exceptions?</strong></p>\r\n<p>try:</p>\r\n<p>&nbsp;&nbsp;&nbsp; x = 10 / 0</p>\r\n<p>except ZeroDivisionError:</p>\r\n<p>&nbsp;&nbsp;&nbsp; print("Error")</p>\r\n<p><strong>20. What is generator?</strong><br /> A function that uses yield to return values one at a time.</p>\r\n<p><strong>21. What is decorator?</strong><br /> A function that modifies another function.</p>\r\n<p><strong>22. What is GIL?</strong><br /> Global Interpreter Lock ensures only one thread runs Python bytecode at a time.</p>\r\n<p><strong>23. What is multithreading?</strong><br /> Executing multiple threads concurrently.</p>\r\n<p><strong>24. How do you open a file?</strong></p>\r\n<p>open("data.txt", "r")</p>\r\n<p><strong>25. Difference between </strong><strong>read()</strong><strong> and </strong><strong>readline()</strong><strong>?</strong></p>\r\n<ul>\r\n<li>read() reads entire file</li>\r\n<li>readline() reads one line</li>\r\n</ul>\r\n<p><strong>26. Difference between </strong><strong>is</strong><strong> and </strong><strong>==</strong><strong>?</strong></p>\r\n<ul>\r\n<li>is &rarr; memory comparison</li>\r\n<li>== &rarr; value comparison</li>\r\n</ul>\r\n<p><strong>27. What is pip?</strong><br /> Python package manager.</p>\r\n<p><strong>28. What is virtual environment?</strong><br /> Isolated Python environment for projects.</p>\r\n<p><strong>29. What is garbage collection?</strong><br /> Automatic memory management in Python.</p>\r\n<strong>30. Where is Python used?</strong><br /> Web Development, Data Science, AI, Automation, DevOps', '1', 'blog'), (295, 'how-to-install-set-python-on-window', 'How to Install & Set Python on Window', '<p><strong>Step 1: Download Python</strong></p>\r\n<ol start="1">\r\n<li>Open <strong>Google Chrome</strong></li>\r\n<li>Type <strong>python.org</strong></li>\r\n<li>Click <strong>Download Python</strong></li>\r\n<li>Click <strong>Download (latest version)</strong></li>\r\n</ol>\r\n<p><strong>Step 2: Install Python</strong></p>\r\n<ol start="1">\r\n<li>Open the downloaded file</li>\r\n<li><strong>Tick</strong>: <em>Add Python to PATH</em> (IMPORTANT)</li>\r\n<li>Click <strong>Install Now</strong></li>\r\n<li>Wait &rarr; Click <strong>Close</strong></li>\r\n</ol>\r\n<p><strong>Step 3: Check Python</strong></p>\r\n<ol start="1">\r\n<li>Press <strong>Windows + R</strong></li>\r\n<li>Type <strong>cmd</strong> &rarr; Enter</li>\r\n<li>Type:</li>\r\n</ol><ol>\r\n<li>python</li>\r\n</ol><ol start="5">\r\n<li>If you see &gt;&gt;&gt;<br /> Python is ready</li>\r\n</ol>\r\n<p><strong>Step 4: Test Python</strong></p>\r\n<p>Type:</p>\r\n<p>print("Hello")</p>\r\n<p>Press <strong>Enter</strong></p>\r\n<p>If it prints <strong>Hello</strong><br /> Python is working</p>\r\n<p><strong>Step 5: Write a Python File</strong></p>\r\n<ol start="1">\r\n<li>Open <strong>Notepad</strong></li>\r\n<li>Type:</li>\r\n</ol><ol>\r\n<li>print("My first Python program")</li>\r\n</ol><ol start="4">\r\n<li>Click <strong>Save As</strong></li>\r\n<li>File name: test.py</li>\r\n<li>Save type: <strong>All Files</strong></li>\r\n</ol>\r\n<p><strong>Step 6: Run the File</strong></p>\r\n<ol start="1">\r\n<li>Open <strong>Command Prompt</strong></li>\r\n<li>Go to file location</li>\r\n<li>Type:</li>\r\n</ol><ol>\r\n<li>python test.py</li>\r\n</ol>\r\n<p><strong>Done!</strong></p>\r\n<p>Python is now set on your window</p>\r\n<p>&nbsp;</p>', '1', 'blog'), (296, 'how-to-set-background-image-in-wordpress-step-by-step-', 'how to set background image in wordpress step by step?', '<p><strong>Set Background Image Using WordPress Customizer (Most Common)</strong></p>\r\n<p><strong>Step 1: Login to WordPress</strong></p>\r\n<ol start="1">\r\n<li>Open your website admin panel</li>\r\n<li>Go to <strong>yourwebsite.com/wp-admin</strong></li>\r\n<li>Enter <strong>Username &amp; Password</strong></li>\r\n</ol>\r\n<p><strong>Step 2: Open Theme Customizer</strong></p>\r\n<ol start="1">\r\n<li>From Dashboard &rarr; <strong>Appearance</strong></li>\r\n<li>Click on <strong>Customize</strong></li>\r\n</ol>\r\n<p><strong>Step 3: Find Background Image Option</strong></p>\r\n<p>Now look for one of these options (depends on theme):</p>\r\n<ul>\r\n<li><strong>Background Image</strong></li>\r\n<li><strong>Colors &amp; Background</strong></li>\r\n<li><strong>General Settings</strong></li>\r\n<li><strong>Layout Settings</strong></li>\r\n</ul>\r\n<p>Click on <strong>Background Image</strong></p>\r\n<p><strong>Step 4: Add Background Image</strong></p>\r\n<ol start="1">\r\n<li>Click <strong>Select Image</strong></li>\r\n<li>Upload a new image <strong>or</strong> choose from Media Library</li>\r\n<li>Click <strong>Choose Image</strong></li>\r\n</ol>\r\n<p><strong>Step 5: Adjust Background Settings</strong></p>\r\n<p>You will see options like:</p>\r\n<ul>\r\n<li><strong>Background Repeat</strong> &rarr; No Repeat</li>\r\n<li><strong>Background Position</strong> &rarr; Center</li>\r\n<li><strong>Background Size</strong> &rarr; Cover</li>\r\n<li><strong>Background Attachment</strong> &rarr; Fixed (optional)</li>\r\n</ul>\r\n<p><strong>Step 6: Publish</strong></p>\r\n<ol start="1">\r\n<li>Click <strong>Publish</strong></li>\r\n<li>Refresh your website</li>\r\n</ol>', '1', 'blog'), (297, 'how-to-use-html-dom-animation-in-javascript', 'How to Use HTML DOM Animation in JavaScript', '<p data-start="139" data-end="293">Animations make websites look modern and interactive. With <strong data-start="198" data-end="220">HTML DOM Animation</strong>, you can move, resize, or change elements on a webpage using JavaScript.</p>\r\n<h4 data-start="295" data-end="348">What is HTML DOM Animation?</h4>\r\n<p data-start="387" data-end="466">HTML DOM Animation means using JavaScript to control and animate HTML elements.</p>\r\n<p data-start="468" data-end="535">DOM (Document Object Model) allows JavaScript to access and change:</p>\r\n<ul data-start="536" data-end="591">\r\n<li data-start="536" data-end="542">\r\n<p data-start="538" data-end="542">Text</p>\r\n</li>\r\n<li data-start="543" data-end="551">\r\n<p data-start="545" data-end="551">Images</p>\r\n</li>\r\n<li data-start="552" data-end="560">\r\n<p data-start="554" data-end="560">Colors</p>\r\n</li>\r\n<li data-start="561" data-end="571">\r\n<p data-start="563" data-end="571">Position</p>\r\n</li>\r\n<li data-start="572" data-end="578">\r\n<p data-start="574" data-end="578">Size</p>\r\n</li>\r\n<li data-start="579" data-end="591">\r\n<p data-start="581" data-end="591">Visibility</p>\r\n</li>\r\n</ul>\r\n<p data-start="593" data-end="617">Using animation, we can:</p>\r\n<ul data-start="618" data-end="681">\r\n<li data-start="618" data-end="630">\r\n<p data-start="620" data-end="630">Move a box</p>\r\n</li>\r\n<li data-start="631" data-end="642">\r\n<p data-start="633" data-end="642">Fade text</p>\r\n</li>\r\n<li data-start="643" data-end="657">\r\n<p data-start="645" data-end="657">Slide images</p>\r\n</li>\r\n<li data-start="658" data-end="681">\r\n<p data-start="660" data-end="681">Create simple effects</p>\r\n</li>\r\n</ul>\r\n<hr data-start="683" data-end="686" />\r\n<h5 data-start="688" data-end="717">Example: Move a Box</h5>\r\n<h4 data-start="719" data-end="752">Step 1: Create HTML Structure</h4>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html">&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt;#box { width: 100px; height: 100px; background-color: blue; position: absolute; } &lt;/style&gt; &lt;/head&gt; &lt;body&gt; &lt;buttononclick="animateBox()"&gt;Start Animation&lt;/button&gt; &lt;divid="box"&gt;&lt;/div&gt; &lt;script&gt;functionanimateBox() { let box = document.getElementById("box"); let position = 0; let animation = setInterval(frame, 5); functionframe() { if (position == 300) { clearInterval(animation); } else { position++; box.style.left = position + "px"; } } } &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></div>\r\n</div>\r\n<h4 data-start="1333" data-end="1355">How This Code Works</h4>\r\n<ol data-start="1357" data-end="1593">\r\n<li data-start="1357" data-end="1399">\r\n<p data-start="1360" data-end="1399"><code data-start="1360" data-end="1378">getElementById()</code> selects the element.</p>\r\n</li>\r\n<li data-start="1400" data-end="1461">\r\n<p data-start="1403" data-end="1461"><code data-start="1403" data-end="1418">setInterval()</code> repeats a function every few milliseconds.</p>\r\n</li>\r\n<li data-start="1462" data-end="1507">\r\n<p data-start="1465" data-end="1507"><code data-start="1465" data-end="1477">position++</code> increases the movement value.</p>\r\n</li>\r\n<li data-start="1508" data-end="1551">\r\n<p data-start="1511" data-end="1551"><code data-start="1511" data-end="1523">style.left</code> moves the box horizontally.</p>\r\n</li>\r\n<li data-start="1552" data-end="1593">\r\n<p data-start="1555" data-end="1593"><code data-start="1555" data-end="1572">clearInterval()</code> stops the animation.</p>\r\n</li>\r\n</ol>\r\n<h4 data-start="1600" data-end="1631">Important Things to Remember</h4>\r\n<ul data-start="1633" data-end="1773">\r\n<li data-start="1633" data-end="1688">\r\n<p data-start="1635" data-end="1688">Always use <code data-start="1646" data-end="1666">position: absolute</code> or <code data-start="1670" data-end="1680">relative</code> in CSS.</p>\r\n</li>\r\n<li data-start="1689" data-end="1773">\r\n<p data-start="1691" data-end="1723">You can animate properties like:</p>\r\n<ul data-start="1726" data-end="1773">\r\n<li data-start="1726" data-end="1732">\r\n<p data-start="1728" data-end="1732">left</p>\r\n</li>\r\n<li data-start="1735" data-end="1740">\r\n<p data-start="1737" data-end="1740">top</p>\r\n</li>\r\n<li data-start="1743" data-end="1750">\r\n<p data-start="1745" data-end="1750">width</p>\r\n</li>\r\n<li data-start="1753" data-end="1761">\r\n<p data-start="1755" data-end="1761">height</p>\r\n</li>\r\n<li data-start="1764" data-end="1773">\r\n<p data-start="1766" data-end="1773">opacity</p>\r\n</li>\r\n</ul>\r\n</li>\r\n</ul>\r\n<h4 data-start="1780" data-end="1821">Better Method: requestAnimationFrame()</h4>\r\n<p data-start="1823" data-end="1852">For smoother animations, use:</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">requestAnimationFrame() </code></div>\r\n</div>\r\n<p data-start="1897" data-end="1946">It gives better performance than <code data-start="1930" data-end="1945">setInterval()</code>.</p>\r\n<h4 data-start="1953" data-end="1978">Why Use DOM Animation?</h4>\r\n<ul data-start="1980" data-end="2108">\r\n<li data-start="1980" data-end="2009">\r\n<p data-start="1982" data-end="2009">Makes website interactive</p>\r\n</li>\r\n<li data-start="2010" data-end="2038">\r\n<p data-start="2012" data-end="2038">Improves user experience</p>\r\n</li>\r\n<li data-start="2039" data-end="2078">\r\n<p data-start="2041" data-end="2078">Used in games, sliders, and effects</p>\r\n</li>\r\n<li data-start="2079" data-end="2108">\r\n<p data-start="2081" data-end="2108">No extra library required</p>\r\n</li>\r\n</ul>\r\n<h4 data-start="2115" data-end="2128">Conclusion</h4>\r\n<p data-start="2130" data-end="2288">HTML DOM Animation is a simple way to create effects using JavaScript. By changing CSS properties through JavaScript, you can create smooth animations easily.</p>', '1', 'blog'); INSERT INTO `wdi_service` (`id`, `url`, `title`, `description`, `status`, `pagetype`) VALUES (298, 'jquery-question-and-answer-interview-exam-preparation', 'jQuery Question and Answer Interview & Exam Preparation', '<h3 data-start="157" data-end="179">1. What is jQuery?</h3>\r\n<p data-start="181" data-end="377"><span data-start="181" data-end="192">Answer:</span><br data-start="192" data-end="195" />jQuery is a fast, lightweight, and feature-rich JavaScript library. It simplifies HTML document traversal, event handling, animation, and AJAX interactions for rapid web development.</p>\r\n<h3 data-start="384" data-end="412">2. Why do we use jQuery?</h3>\r\n<p data-start="414" data-end="445"><span data-start="414" data-end="425">Answer:</span><br data-start="425" data-end="428" />We use jQuery to:</p>\r\n<ul data-start="446" data-end="614">\r\n<li data-start="446" data-end="476">\r\n<p data-start="448" data-end="476">Simplify JavaScript coding</p>\r\n</li>\r\n<li data-start="477" data-end="501">\r\n<p data-start="479" data-end="501">Handle events easily</p>\r\n</li>\r\n<li data-start="502" data-end="524">\r\n<p data-start="504" data-end="524">Perform animations</p>\r\n</li>\r\n<li data-start="525" data-end="547">\r\n<p data-start="527" data-end="547">Make AJAX requests</p>\r\n</li>\r\n<li data-start="548" data-end="575">\r\n<p data-start="550" data-end="575">Manipulate DOM elements</p>\r\n</li>\r\n<li data-start="576" data-end="614">\r\n<p data-start="578" data-end="614">Ensure cross-browser compatibility</p>\r\n</li>\r\n</ul>\r\n<h3 data-start="621" data-end="681">3. What is the difference between JavaScript and jQuery?</h3>\r\n<p data-start="683" data-end="696"><span data-start="683" data-end="694">Answer:</span></p>\r\n<ul data-start="697" data-end="838">\r\n<li data-start="697" data-end="738">\r\n<p data-start="699" data-end="738">JavaScript is a programming language.</p>\r\n</li>\r\n<li data-start="739" data-end="786">\r\n<p data-start="741" data-end="786">jQuery is a library built using JavaScript.</p>\r\n</li>\r\n<li data-start="787" data-end="838">\r\n<p data-start="789" data-end="838">jQuery makes JavaScript tasks easier and shorter.</p>\r\n</li>\r\n</ul>\r\n<p data-start="840" data-end="862">Example:<br data-start="848" data-end="851" />JavaScript:</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">document.getElementById("demo").innerHTML&nbsp;=&nbsp;"Hello";</code></div>\r\n</div>\r\n<p data-start="935" data-end="942">jQuery:</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("#demo").html("Hello");<br /><br /></code></div>\r\n</div>\r\n<h3 data-start="993" data-end="1035">4. How to include jQuery in a website?</h3>\r\n<p data-start="1037" data-end="1091"><span data-start="1037" data-end="1048">Answer:</span><br data-start="1048" data-end="1051" />You can include jQuery using a CDN link:</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html">&lt;script&nbsp;src="https://code.jquery.com/jquery-3.6.0.min.js"&gt;&lt;/script&gt;<br /></code></div>\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-html">&nbsp;</code></div>\r\n</div>\r\n<h3 data-start="1179" data-end="1223">5. What is $(document).ready() function?</h3>\r\n<p data-start="1225" data-end="1314"><span data-start="1225" data-end="1236">Answer:</span><br data-start="1236" data-end="1239" />It ensures that the code runs only after the HTML document is fully loaded.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$(document).ready(function(){&nbsp;alert("Page Loaded"); });<br /><br /></code></div>\r\n</div>\r\n<h3 data-start="1399" data-end="1432">6. What are jQuery Selectors?</h3>\r\n<p data-start="1434" data-end="1491"><span data-start="1434" data-end="1445">Answer:</span><br data-start="1445" data-end="1448" />Selectors are used to select HTML elements.</p>\r\n<p data-start="1493" data-end="1502">Examples:</p>\r\n<ul data-start="1503" data-end="1605">\r\n<li data-start="1503" data-end="1532">\r\n<p data-start="1505" data-end="1532"><code data-start="1505" data-end="1515">$("#id")</code>&nbsp;&rarr; Select by ID</p>\r\n</li>\r\n<li data-start="1533" data-end="1568">\r\n<p data-start="1535" data-end="1568"><code data-start="1535" data-end="1548">$(".class")</code>&nbsp;&rarr; Select by class</p>\r\n</li>\r\n<li data-start="1569" data-end="1605">\r\n<p data-start="1571" data-end="1605"><code data-start="1571" data-end="1579">$("p")</code>&nbsp;&rarr; Select all paragraphs</p>\r\n</li>\r\n</ul>\r\n<h3 data-start="1612" data-end="1658">7. What is the use of .hide() and .show()?</h3>\r\n<p data-start="1660" data-end="1711"><span data-start="1660" data-end="1671">Answer:</span><br data-start="1671" data-end="1674" />These methods hide and show elements.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("#demo").hide(); $("#demo").show();<br /><br /></code></div>\r\n</div>\r\n<h3 data-start="1775" data-end="1802">8. What is jQuery AJAX?</h3>\r\n<p data-start="1804" data-end="1887"><span data-start="1804" data-end="1815">Answer:</span><br data-start="1815" data-end="1818" />AJAX allows loading data from the server without refreshing the page.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$.ajax({&nbsp;url:&nbsp;"data.html",&nbsp;success:&nbsp;function(result){ $("#demo").html(result); } });<br /><br /></code></div>\r\n</div>\r\n<h3 data-start="2008" data-end="2066">9. What is the difference between .html() and .text()?</h3>\r\n<p data-start="2068" data-end="2081"><span data-start="2068" data-end="2079">Answer:</span></p>\r\n<ul data-start="2082" data-end="2172">\r\n<li data-start="2082" data-end="2125">\r\n<p data-start="2084" data-end="2125"><code data-start="2084" data-end="2093">.html()</code>&nbsp;sets or returns HTML content.</p>\r\n</li>\r\n<li data-start="2126" data-end="2172">\r\n<p data-start="2128" data-end="2172"><code data-start="2128" data-end="2137">.text()</code>&nbsp;sets or returns only text content.</p>\r\n</li>\r\n</ul>\r\n<br />\r\n<h3 data-start="2179" data-end="2214">10. What is chaining in jQuery?</h3>\r\n<p data-start="2216" data-end="2290"><span data-start="2216" data-end="2227">Answer:</span><br data-start="2227" data-end="2230" />Chaining allows multiple jQuery methods on the same element.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("#demo").css("color","red").slideUp(2000).slideDown(2000);<br /><br /></code></div>\r\n</div>\r\n<h3 data-start="2377" data-end="2408">11. What are jQuery Events?</h3>\r\n<p data-start="2410" data-end="2448"><span data-start="2410" data-end="2421">Answer:</span><br data-start="2421" data-end="2424" />Events are actions like:</p>\r\n<ul data-start="2449" data-end="2524">\r\n<li data-start="2449" data-end="2460">\r\n<p data-start="2451" data-end="2460">click()</p>\r\n</li>\r\n<li data-start="2461" data-end="2475">\r\n<p data-start="2463" data-end="2475">dblclick()</p>\r\n</li>\r\n<li data-start="2476" data-end="2492">\r\n<p data-start="2478" data-end="2492">mouseenter()</p>\r\n</li>\r\n<li data-start="2493" data-end="2509">\r\n<p data-start="2495" data-end="2509">mouseleave()</p>\r\n</li>\r\n<li data-start="2510" data-end="2524">\r\n<p data-start="2512" data-end="2524">keypress()</p>\r\n</li>\r\n</ul>\r\n<p data-start="2526" data-end="2534">Example:</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("#btn").click(function(){&nbsp;alert("Button Clicked"); });<br /><br /></code></div>\r\n</div>\r\n<h3 data-start="2619" data-end="2675">12. What is the use of addClass() and removeClass()?</h3>\r\n<p data-start="2677" data-end="2690"><span data-start="2677" data-end="2688">Answer:</span></p>\r\n<ul data-start="2691" data-end="2760">\r\n<li data-start="2691" data-end="2722">\r\n<p data-start="2693" data-end="2722"><code data-start="2693" data-end="2705">addClass()</code>&nbsp;adds CSS class</p>\r\n</li>\r\n<li data-start="2723" data-end="2760">\r\n<p data-start="2725" data-end="2760"><code data-start="2725" data-end="2740">removeClass()</code>&nbsp;removes CSS class</p>\r\n</li>\r\n</ul>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("#demo").addClass("active"); $("#demo").removeClass("active");<br /><br /></code></div>\r\n</div>\r\n<h3 data-start="2851" data-end="2896">13. What is the latest version of jQuery?</h3>\r\n<p data-start="2898" data-end="2982"><span data-start="2898" data-end="2909">Answer:</span><br data-start="2909" data-end="2912" />The latest stable version (as of recent updates) is jQuery 3.x series.</p>\r\n<h3 data-start="2989" data-end="3060">14. What is the difference between == and === in jQuery/JavaScript?</h3>\r\n<p data-start="3062" data-end="3075"><span data-start="3062" data-end="3073">Answer:</span></p>\r\n<ul data-start="3076" data-end="3143">\r\n<li data-start="3076" data-end="3104">\r\n<p data-start="3078" data-end="3104"><code data-start="3078" data-end="3082">==</code>&nbsp;compares value only</p>\r\n</li>\r\n<li data-start="3105" data-end="3143">\r\n<p data-start="3107" data-end="3143"><code data-start="3107" data-end="3112">===</code>&nbsp;compares value and data type</p>\r\n</li>\r\n</ul>\r\n<h3 data-start="3150" data-end="3185">15. Is jQuery still used today?</h3>\r\n<p data-start="3187" data-end="3369"><span data-start="3187" data-end="3198">Answer:</span><br data-start="3198" data-end="3201" />Yes, jQuery is still used in many websites, especially legacy projects. However, modern frameworks like React, Angular, and Vue are more popular for large applications.</p>', '1', 'blog'), (299, 'advanced-jquery-questions-and-answers-interview', 'Advanced jQuery Questions and Answers Interview', '<h3 data-start="196" data-end="261">1. What is the difference between $(this) and this in jQuery?</h3>\r\n<p data-start="263" data-end="276"><strong data-start="263" data-end="274">Answer:</strong></p>\r\n<ul data-start="277" data-end="411">\r\n<li data-start="277" data-end="322">\r\n<p data-start="279" data-end="322"><code data-start="279" data-end="285">this</code> refers to the current DOM element.</p>\r\n</li>\r\n<li data-start="323" data-end="411">\r\n<p data-start="325" data-end="411"><code data-start="325" data-end="334">$(this)</code> converts the DOM element into a jQuery object so you can use jQuery methods.</p>\r\n</li>\r\n</ul>\r\n<p data-start="413" data-end="421">Example:&nbsp;<span>$(</span><span><span class="hljs-string">"button"</span></span><span>).</span><span><span class="hljs-title function_">click</span></span><span>(</span><span><span class="hljs-keyword">function</span></span><span>(</span><span>){ </span><span><span class="hljs-variable language_">console</span></span><span>.</span><span><span class="hljs-title function_">log</span></span><span>(</span><span><span class="hljs-variable language_">this</span></span><span>); </span><span><span class="hljs-comment">// DOM element</span></span><span><span class="hljs-variable language_">console</span></span><span>.</span><span><span class="hljs-title function_">log</span></span><span>($(</span><span><span class="hljs-variable language_">this</span></span><span>)); </span><span><span class="hljs-comment">// jQuery object</span></span><span> });</span></p>\r\n<h3 data-start="570" data-end="612"><br />2. What is event delegation in jQuery?</h3>\r\n<p data-start="614" data-end="753"><strong data-start="614" data-end="625">Answer:</strong><br data-start="625" data-end="628" /> Event delegation allows attaching an event handler to a parent element to handle events for dynamically added child elements.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("#parent").on("click", ".child", function(){ alert("Child Clicked"); }); </code></div>\r\n</div>\r\n<p data-start="852" data-end="919">It improves performance and works for dynamically created elements.<br /><br /></p>\r\n<h3 data-start="926" data-end="984">3. What is the difference between .prop() and .attr()?</h3>\r\n<p data-start="986" data-end="999"><strong data-start="986" data-end="997">Answer:</strong></p>\r\n<ul data-start="1000" data-end="1078">\r\n<li data-start="1000" data-end="1040">\r\n<p data-start="1002" data-end="1040"><code data-start="1002" data-end="1011">.attr()</code> gets/sets HTML attributes.</p>\r\n</li>\r\n<li data-start="1041" data-end="1078">\r\n<p data-start="1043" data-end="1078"><code data-start="1043" data-end="1052">.prop()</code> gets/sets DOM properties.</p>\r\n</li>\r\n</ul>\r\n<p data-start="1080" data-end="1088">Example:<span>$(</span><span><span class="hljs-string">"#check"</span></span><span>).</span><span><span class="hljs-title function_">prop</span></span><span>(</span><span><span class="hljs-string">"checked"</span></span><span>, </span><span><span class="hljs-literal">true</span></span><span>);</span></p>\r\n<p data-start="1143" data-end="1213">Use <code data-start="1147" data-end="1156">.prop()</code> for boolean properties like checked, selected, disabled.<br /><br /></p>\r\n<h3 data-start="1220" data-end="1293">4. What is the difference between .empty(), .remove(), and .detach()?</h3>\r\n<p data-start="1295" data-end="1308"><strong data-start="1295" data-end="1306">Answer:</strong></p>\r\n<ul data-start="1309" data-end="1464">\r\n<li data-start="1309" data-end="1347">\r\n<p data-start="1311" data-end="1347"><code data-start="1311" data-end="1321">.empty()</code> removes child elements.</p>\r\n</li>\r\n<li data-start="1348" data-end="1400">\r\n<p data-start="1350" data-end="1400"><code data-start="1350" data-end="1361">.remove()</code> removes element and its data/events.</p>\r\n</li>\r\n<li data-start="1401" data-end="1464">\r\n<p data-start="1403" data-end="1464"><code data-start="1403" data-end="1414">.detach()</code> removes element but keeps data/events for re-use.</p>\r\n</li>\r\n</ul>\r\n<br />\r\n<h3 data-start="1471" data-end="1509">5. What is jQuery Deferred Object?</h3>\r\n<p data-start="1511" data-end="1644"><strong data-start="1511" data-end="1522">Answer:</strong><br data-start="1522" data-end="1525" /> Deferred object is used for asynchronous operations like AJAX. It helps manage success, failure, and completion states.</p>\r\n<p data-start="1646" data-end="1654">Example:&nbsp;<span>$.</span><span><span class="hljs-title function_">ajax</span></span><span>(</span><span><span class="hljs-string">"data.json"</span></span><span>) .</span><span><span class="hljs-title function_">done</span></span><span>(</span><span><span class="hljs-keyword">function</span></span><span>(</span><span><span class="hljs-params">data</span></span><span>){ </span><span><span class="hljs-variable language_">console</span></span><span>.</span><span><span class="hljs-title function_">log</span></span><span>(</span><span><span class="hljs-string">"Success"</span></span><span>); }) .</span><span><span class="hljs-title function_">fail</span></span><span>(</span><span><span class="hljs-keyword">function</span></span><span>(</span><span>){ </span><span><span class="hljs-variable language_">console</span></span><span>.</span><span><span class="hljs-title function_">log</span></span><span>(</span><span><span class="hljs-string">"Error"</span></span><span>); });</span></p>\r\n<h3 data-start="1798" data-end="1864"><br />6. What is the difference between .on(), .bind(), and .live()?</h3>\r\n<p data-start="1866" data-end="1879"><strong data-start="1866" data-end="1877">Answer:</strong></p>\r\n<ul data-start="1880" data-end="2058">\r\n<li data-start="1880" data-end="1933">\r\n<p data-start="1882" data-end="1933"><code data-start="1882" data-end="1891">.bind()</code> attaches event directly (older method).</p>\r\n</li>\r\n<li data-start="1934" data-end="1991">\r\n<p data-start="1936" data-end="1991"><code data-start="1936" data-end="1945">.live()</code> was used for dynamic elements (deprecated).</p>\r\n</li>\r\n<li data-start="1992" data-end="2058">\r\n<p data-start="1994" data-end="2058"><code data-start="1994" data-end="2001">.on()</code> is the modern and recommended method for event handling.</p>\r\n</li>\r\n</ul>\r\n<h3 data-start="2065" data-end="2109"><br />7. How does jQuery handle AJAX requests?</h3>\r\n<p data-start="2111" data-end="2177"><strong data-start="2111" data-end="2122">Answer:</strong><br data-start="2122" data-end="2125" /> Using <code data-start="2131" data-end="2141">$.ajax()</code>, <code data-start="2143" data-end="2152">$.get()</code>, and <code data-start="2158" data-end="2168">$.post()</code> methods.</p>\r\n<p data-start="2179" data-end="2187">Example: $.ajax({ url: "server.php", type: "POST", data: {name: "John"}, success: function(response){ console.log(response); } });</p>\r\n<h3 data-start="2355" data-end="2407"><br />8. What is chaining in jQuery? Why is it useful?</h3>\r\n<p data-start="2409" data-end="2502"><strong data-start="2409" data-end="2420">Answer:</strong><br data-start="2420" data-end="2423" /> Chaining allows multiple methods on the same element, reducing code repetition.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("#box").css("color","red") .slideUp(1000) .slideDown(1000); </code></div>\r\n</div>\r\n<p data-start="2603" data-end="2643">It improves readability and performance.<br /><br /></p>\r\n<h3 data-start="2650" data-end="2697">9. How to prevent default action in jQuery?</h3>\r\n<p data-start="2699" data-end="2742"><strong data-start="2699" data-end="2710">Answer:</strong>Use <code data-start="2717" data-end="2741">event.preventDefault()</code>.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">$("a").click(function(event){ event.preventDefault(); });<br /><br /> </code></div>\r\n</div>\r\n<h3 data-start="2829" data-end="2892">10. What is the difference between .find() and .children()?</h3>\r\n<p data-start="2894" data-end="2907"><strong data-start="2894" data-end="2905">Answer:</strong></p>\r\n<ul data-start="2908" data-end="3006">\r\n<li data-start="2908" data-end="2961">\r\n<p data-start="2910" data-end="2961"><code data-start="2910" data-end="2923">.children()</code> selects direct child elements only.</p>\r\n</li>\r\n<li data-start="2962" data-end="3006">\r\n<p data-start="2964" data-end="3006"><code data-start="2964" data-end="2973">.find()</code> selects all descendant elements.</p>\r\n</li>\r\n</ul>\r\n<br />\r\n<h3 data-start="3013" data-end="3055">11. What is the use of $.noConflict()?</h3>\r\n<p data-start="3057" data-end="3128"><strong data-start="3057" data-end="3068">Answer:&nbsp;</strong>It releases the <code data-start="3087" data-end="3090">$</code> symbol so other libraries can use it.</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript"><span><span>$.</span><span><span class="hljs-title function_">noConflict</span></span><span>(); </span><span><span class="hljs-title function_">jQuery</span></span><span>(</span><span><span class="hljs-variable language_">document</span></span><span>).</span><span><span class="hljs-title function_">ready</span></span><span>(</span><span><span class="hljs-keyword">function</span></span><span>(</span><span><span class="hljs-params">$</span></span><span>){ $(</span><span><span class="hljs-string">"#demo"</span></span><span>).</span><span><span class="hljs-title function_">hide</span></span><span>(); });&nbsp;<br /><br /></span></span></code></div>\r\n</div>\r\n<h3 data-start="3232" data-end="3266">12. What are jQuery Callbacks?</h3>\r\n<p data-start="3268" data-end="3341"><strong data-start="3268" data-end="3279">Answer:</strong><br data-start="3279" data-end="3282" /> Callbacks are functions executed after an action completes.</p>\r\n<p data-start="3343" data-end="3351">Example: $("#box").hide("slow", function(){ alert("Hidden"); });<br /><br /></p>\r\n<h3 data-start="3435" data-end="3501">13. What is the difference between .width() and .innerWidth()?</h3>\r\n<p data-start="3503" data-end="3516"><strong data-start="3503" data-end="3514">Answer:&nbsp;</strong></p>\r\n<ul data-start="3517" data-end="3608">\r\n<li data-start="3517" data-end="3570">\r\n<p data-start="3519" data-end="3570"><code data-start="3519" data-end="3529">.width()</code> returns element width without padding.</p>\r\n</li>\r\n<li data-start="3571" data-end="3608">\r\n<p data-start="3573" data-end="3608"><code data-start="3573" data-end="3588">.innerWidth()</code> includes padding.</p>\r\n</li>\r\n</ul>\r\n<h3 data-start="3615" data-end="3658">14. How to optimize jQuery performance?</h3>\r\n<p data-start="3660" data-end="3671"><strong data-start="3660" data-end="3671">Answer:</strong></p>\r\n<ul data-start="3672" data-end="3796">\r\n<li data-start="3672" data-end="3691">\r\n<p data-start="3674" data-end="3691">Cache selectors</p>\r\n</li>\r\n<li data-start="3692" data-end="3716">\r\n<p data-start="3694" data-end="3716">Use event delegation</p>\r\n</li>\r\n<li data-start="3717" data-end="3746">\r\n<p data-start="3719" data-end="3746">Minimize DOM manipulation</p>\r\n</li>\r\n<li data-start="3747" data-end="3763">\r\n<p data-start="3749" data-end="3763">Use chaining</p>\r\n</li>\r\n<li data-start="3764" data-end="3796">\r\n<p data-start="3766" data-end="3796">Avoid unnecessary animations</p>\r\n</li>\r\n</ul>\r\n<p data-start="3798" data-end="3806">Example:</p>\r\n<div class="contain-inline-size rounded-2xl corner-superellipse/1.1 relative bg-token-sidebar-surface-primary">\r\n<div class="overflow-y-auto p-4" dir="ltr"><code class="whitespace-pre! language-javascript">var $box = $("#box"); $box.hide(); $box.show();<br /><br /> </code></div>\r\n</div>\r\n<h3 data-start="3879" data-end="3920">15. Is jQuery still relevant in 2026?</h3>\r\n<p data-start="3922" data-end="4114"><strong data-start="3922" data-end="3933">Answer:&nbsp;</strong>Yes, jQuery is still used in many legacy systems and small-to-medium websites. However, modern frameworks like React, Angular, and Vue are preferred for large-scale applications.</p>', '1', 'blog'), (300, '30-days-web-design-internship-get-offer-letter-certificate-live-project-experience-online-offline-', '30 Days Web Design Internship – Get Offer Letter, Certificate & Live Project Experience(Online & Offline)', '<p>In this time, web design is one of the most in-demand skills. Every business needs a professional website to grow online. If you are looking to start your career in web development, joining a <strong data-start="296" data-end="337">30 Days Web Design Internship Program</strong> at a professional Web Development Institute is the perfect opportunity.</p>\r\n<p data-start="411" data-end="594">This short-term internship is specially designed for beginners, students, and aspiring web designers who want practical knowledge along with certification and real project experience. The program is available in <strong data-start="732" data-end="765">both Online and Offline modes</strong>, so students can choose according to their convenience.</p>\r\n<h4>Why Choose a 30 Days Web Design Internship?</h4>\r\n<p data-start="650" data-end="758">A short-term internship helps you understand real industry work in a limited time. In just 30 days, you can:</p>\r\n<ul>\r\n<li>Learn practical <strong data-start="778" data-end="821">HTML, CSS, Bootstrap &amp; basic JavaScript</strong></li>\r\n<li>Understand website layout and responsive design</li>\r\n<li>Work on a live website project</li>\r\n<li>Improve your design and coding skills</li>\r\n<li>Gain real industry exposure</li>\r\n</ul>\r\n<p data-start="976" data-end="1086">This internship is ideal for BCA, MCA, B.Tech, Polytechnic, and 12th-pass students who want hands-on training.</p>\r\n<h4>What You Will Learn in This Internship</h4>\r\n<p data-start="1137" data-end="1203">During the 30 days internship, students get practical training on:</p>\r\n<p data-start="1205" data-end="1417">Introduction to Web Design &amp; Development<br data-start="1247" data-end="1250" /> HTML5 Structure &amp; Tags<br data-start="1274" data-end="1277" /> CSS Styling &amp; Layout<br data-start="1299" data-end="1302" /> Bootstrap for Responsive Design<br data-start="1335" data-end="1338" /> Basic JavaScript<br data-start="1356" data-end="1359" /> Creating Forms &amp; Navigation<br data-start="1388" data-end="1391" /> Website Hosting Basics</p>\r\n<p data-start="1419" data-end="1518">You will also work on a <strong data-start="1443" data-end="1459">live project</strong>, which helps you build confidence and practical knowledge.</p>\r\n<h4>Internship Benefits</h4>\r\n<p data-start="1550" data-end="1685">One of the biggest advantages of this internship program is the professional documentation and certification provided by the Web Development Institute.</p>\r\n<h5 data-start="1687" data-end="1707">Offer Letter</h5>\r\n<p data-start="1708" data-end="1797">Students receive an official <strong data-start="1737" data-end="1764">Internship Offer Letter</strong> at the beginning of the program.</p>\r\n<h5 data-start="1799" data-end="1829">Internship Certificate</h5>\r\n<p data-start="1830" data-end="1967">After successful completion, you will get a <strong data-start="1874" data-end="1903">Certificate of Internship</strong>, which you can use for college submission and job applications.</p>\r\n<h5 data-start="1969" data-end="2000">Live Project Experience</h5>\r\n<p data-start="2001" data-end="2082">You will work on a real-time website project that can be added to your portfolio.</p>\r\n<h4>Why Internship is Important for Your Career?</h4>\r\n<p data-start="2139" data-end="2160">Internships help you:</p>\r\n<ul>\r\n<li>Build practical skills</li>\r\n<li>Strengthen your resume</li>\r\n<li>Prepare for job interviews</li>\r\n<li>Understand real client requirements</li>\r\n<li>Improve confidence in coding</li>\r\n</ul>\r\n<p data-start="2311" data-end="2408">Companies prefer candidates who have practical experience rather than only theoretical knowledge.</p>\r\n<h4>Who Can Apply?</h4>\r\n<ul>\r\n<li>10th Pass Students</li>\r\n<li>12th Pass Students</li>\r\n<li>College Students (BCA, MCA, B.Tech, B.Sc IT)</li>\r\n<li>Beginners in Web Design</li>\r\n<li>Anyone interested in Website Development</li>\r\n</ul>\r\n<p data-start="2581" data-end="2667">No advanced coding knowledge is required. Basic computer knowledge is enough to start.</p>\r\n<h4>Conclusion</h4>\r\n<p data-start="2690" data-end="2905">A <strong data-start="2692" data-end="2725">30 Days Web Design Internship (Online &amp; Offline)</strong> is a great opportunity to start your career in the IT industry. With an offer letter, internship certificate, and live project experience, you gain both knowledge and credibility.</p>\r\n<p data-start="2907" data-end="3041">If you want to become a professional web designer or developer, join a trusted Web Development Institute and begin your journey today.</p>', '1', 'blog'), (301, 'heading-of-blog', 'heading of blog', 'content', '1', 'blog'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_showcourse` -- CREATE TABLE `wdi_showcourse` ( `id` int(11) NOT NULL, `url` varchar(250) DEFAULT NULL, `modules` text DEFAULT NULL, `courseid` longtext DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_showcourse` -- INSERT INTO `wdi_showcourse` (`id`, `url`, `modules`, `courseid`) VALUES (3, 'web-development-institute-for-diploma-course', 'Web Development \| Backend Developer : Duration (3 Months)', 'advance-php-and-mysql-course-institute,php-codelgniter-course-institute,ajax-json-training-institute'), (4, 'web-development-institute-for-diploma-course', 'CMS (Content Management System) : Duration (1 Month)', 'wordpress-courses-institute'), (5, 'web-development-institute-for-diploma-course', 'Digital Marketing : Duration (2 Months)', 'best-seo-training-institute,best-smo-training-institute'), (6, 'web-design-and-development-training', 'UI Design \| Web Design : Duration (4 Months)', 'best-photoshop-training-institute,html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-jquery-course-in-delhi'), (8, 'web-design-and-development-training', 'Web Development \| Backend Developer : Duration (3 Months)', 'advance-php-and-mysql-course-institute,php-codelgniter-course-institute,ajax-json-training-institute'), (10, 'web-design-and-development-training', 'Digital Marketing : Duration (1 Month)', 'best-seo-training-institute'), (11, 'web-design-and-development-course', 'UI Interface \| Web Design : Duration (3 Months)', 'best-photoshop-training-institute,html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (12, 'web-design-and-development-course', 'Advance UI Interface \| Frontend Developer : Duration (2 Months)', 'best-javascript-course-in-delhi,best-jquery-course-in-delhi'), (13, 'advance-web-development-course', 'Web Designing : Duration (2 Months)', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-jquery-course-in-delhi'), (15, 'advance-web-development-course', 'Web Development \| Backend Developer : Duration (4 Months)', 'advance-php-and-mysql-course-institute,php-codelgniter-course-institute,laravel,ajax-json-training-institute'), (16, 'advance-web-development-course', 'CMS (Content Management System) : Duration (1 Month)', 'wordpress-courses-institute'), (17, 'responsive-web-design-course', 'UI Interface Design \| Graphic Design : Duration (1 Month)', 'best-photoshop-training-institute'), (18, 'responsive-web-design-course', 'Web Design : Duration (2 Months)', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (19, 'short-term-web-design', 'Web Design', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (20, 'full-stack-developer', 'UI Interface \| Web Design : Duration (3 Months)', 'best-photoshop-training-institute,html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (21, 'full-stack-developer', 'Advance UI Interface \| Frontend Developer : Duration (3 Months)', 'best-javascript-course-in-delhi,best-jquery-course-in-delhi,react-js'), (22, 'full-stack-developer', ' WEB DEVELOPMENT \| BACKEND DEVELOPER : Duration (4 Months)', 'advance-php-and-mysql-course-institute,php-codelgniter-course-institute,laravel,ajax-json-training-institute'), (23, 'front-end-developer', 'UI/WEB DESIGNING : Duration (3 Months)', 'best-photoshop-training-institute,html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (24, 'front-end-developer', 'WORKING WITH JQUERY PLUGINS \| JS Concepts \| React Fundamentals : Duration (3 Months)', 'best-javascript-course-in-delhi,best-jquery-course-in-delhi,react-js'), (25, 'digital-marketing-institute', 'Graphic & Web Designing Concepts - Learn Banner, Poster, Infographics, Image Editing and Static Website Design ', 'best-photoshop-training-institute,html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (26, 'digital-marketing-institute', 'Digital Marketing Concepts - SEO \| SMO \| Tools \| Adsense \| Affliate Marketing', 'best-seo-training-institute,best-smo-training-institute,email-marketing-expert-course,affiliate-marketing-expert-course,youtube-video-marketing-course'), (27, 'digital-marketing-institute', 'Informative, Blogging, Business , Travel, Other Websites Development', 'wordpress-courses-institute'), (28, 'digital-marketing-institute', 'Google Ads, Facebook Ads, Instagram Ads, Linked Ads , Twitter Ads and Other Ads', 'advanced-adword-course,smo-ads-expert-course'), (30, 'js-react-js', 'Js \| React', 'best-javascript-course-in-delhi,react-js'), (31, 'backend-developer-course', 'Web Design : Duration (2 Months)', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-jquery-course-in-delhi'), (33, 'backend-developer-course', 'Web Development \| Backend Developer : Duration (3 Months)', 'advance-php-and-mysql-course-institute,php-codelgniter-course-institute,ajax-json-training-institute'), (35, 'graphic-web-design-course', 'IMAGE EDITING & UI DESIGNING : DURATION (2 MONTHS)', 'best-photoshop-training-institute'), (36, 'graphic-web-design-course', 'PRINTING & GRAPHIC DESIGN : DURATION (4.5 MONTHS)', 'adobe-illustrator-course,coreldraw-course,adobe-indesign-course-rohini'), (37, 'graphic-web-design-advance-course', 'Graphic Design (User Interface,logo,banner) : Duration (3 Months)', 'best-photoshop-training-institute,adobe-illustrator-course,coreldraw-course'), (38, 'graphic-web-design-advance-course', 'Web Design (Web Layout, Responsive Web Deisgn) : Duration (3 Months)', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-jquery-course-in-delhi'), (39, 'short-term-web-development-course', 'Core Web Development : Duration (2 Months)', 'advance-php-and-mysql-course-institute,ajax-json-training-institute'), (40, 'short-term-web-development-course', 'Web Development Using Framework : Duration (2 Months)', 'php-codelgniter-course-institute,laravel'), (41, 'web-development', 'Web Design : Duration (2 Months)', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-jquery-course-in-delhi'), (42, 'web-development', 'Web Development : Duration (4 Months)', 'advance-php-and-mysql-course-institute,php-codelgniter-course-institute,laravel,ajax-json-training-institute'), (43, 'best-advance-digital-marketing-course', ' WEBSITE DEVELOPMENT THROUGH PHP CMS WORDPRESS', 'wordpress-courses-institute'), (44, 'best-advance-digital-marketing-course', ' SEO ON PAGE AND OFF PAGE COMPLETE KNOWLEDGE', 'best-seo-training-institute'), (45, 'best-advance-digital-marketing-course', 'Google Ads, Facebook Ads, Instagram Ads, Linked Ads , Twitter Ads and Other Ads', 'advanced-adword-course,smo-ads-expert-course'), (46, 'best-advance-digital-marketing-course', 'SOCIAL MEDIA OPTIMIZATION COMPLETE CONCEPTS', 'best-smo-training-institute'), (47, 'best-advance-digital-marketing-course', 'E-MAIL MARKETING', 'email-marketing-expert-course'), (48, 'best-advance-digital-marketing-course', 'AFFLIATED MARKTING', 'affiliate-marketing-expert-course'), (49, 'graphic-web-design-course', 'Web Design (Web Layout, Responsive Website) : Duration (2 Months)', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (50, 'graphic-web-design-course', ' GRAPHIC DESIGNING RULES & THEORY : DURATION (15 DAYS)', NULL), (51, 'graphic-expert-premium-course-delhi', ' IMAGE EDITING & UI DESIGN : DURATION (3.5 MONTHS)', 'best-photoshop-training-institute'), (52, 'graphic-expert-premium-course-delhi', 'PRINTING & GRAPHIC DESIGN : DURATION (4.5 MONTHS)', 'adobe-illustrator-course,coreldraw-course,adobe-indesign-course-rohini'), (53, 'graphic-expert-premium-course-delhi', 'SMO & VIDEO EDITING : DURATION (2 MONTHS)', 'best-smo-training-institute,adobe-premiere-course-delhi'), (54, 'graphic-expert-standard', 'IMAGE EDITING & UI DESIGN : DURATION (3.5 MONTHS)', 'best-photoshop-training-institute'), (55, 'graphic-expert-standard', 'PRINTING & GRAPHIC DESIGN : DURATION (4.5 MONTHS)', 'adobe-illustrator-course,coreldraw-course,adobe-indesign-course-rohini'), (56, 'graphic-expert-standard', 'GRAPHIC DESIGNING RULES & THEORY', NULL), (57, 'video-editing-standard', ' VIDEO EDITING, GREEN SCREEN REMOVE, COLOR CORRECTION', 'adobe-premiere-course-delhi'), (58, 'video-editing-standard', 'MOTION GRAPHIC, 2D ANIMATION', 'adobe-after-effects-course'), (59, 'short-term-video-editing-course', ' GRAPHIC DESIGN, IMAGE EDITING, VIDEO EDITING', NULL), (60, 'advance-video-editing-course-delhi', ' GRAPHIC DESIGN', 'best-photoshop-training-institute,adobe-illustrator-course'), (61, 'advance-video-editing-course-delhi', ' VIDEO EDITING', 'adobe-after-effects-course'), (62, 'advance-video-editing-course-delhi', 'COLOR GRADING & CLIP CUT IN VIDEO', 'adobe-premiere-course-delhi'), (63, 'advance-video-editing-course-delhi', 'MOTION GRAPHICS & WEDDING EFFECTS', 'filmora'), (64, 'advance-video-editing-course-delhi', 'MOTION GRAPHICS & WEDDING EFFECTS', 'adobe-after-effects-course'), (65, 'video-editing-expert-course-delhi', 'GRAPHIC DESIGNING, CREATING BACKGROUND, CHARACTER DESIGN FOR ANIMATION', 'best-photoshop-training-institute,adobe-illustrator-course'), (66, 'video-editing-expert-course-delhi', ' VIDEO EDITING, REMOVING GREEN SCREEN, VIDEO COLOR CORRECTION', 'adobe-premiere-course-delhi'), (67, 'video-editing-expert-course-delhi', 'MOTION GRAPHIC, 2D ANIMATION, COMPANY INTRO', 'adobe-after-effects-course'), (68, 'video-editing-expert-premium-course', 'IMAGE EDITING, LAYOUTING, CREATING EFFECTIVE BACKGROUND', 'best-photoshop-training-institute'), (69, 'video-editing-expert-premium-course', 'VIDEO EDITING, MOTION GRAPHIC VIDEO', 'adobe-premiere-course-delhi,adobe-after-effects-course'), (70, 'best-internet-marketing-institute', 'Graphic & Video Editing Concepts', 'canva-course'), (71, 'best-internet-marketing-institute', 'Digital Marketing Concepts - SEO \| SMO \| Tools \| AdSense', 'best-seo-training-institute,best-smo-training-institute'), (72, 'best-internet-marketing-institute', 'Google Ads, Facebook Ads, Instagram Ads, Linked Ads , Twitter Ads and Other Ads', 'advanced-adword-course,smo-ads-expert-course'), (73, 'digital-marketing-institute', 'Google Ads, Facebook Ads, Instagram Ads, Linked Ads , Twitter Ads and Other Ads', 'advanced-adword-course,smo-ads-expert-course'), (74, 'best-internet-marketing-institute', 'Informative, Blogging, Business , Travel, Other Websites Development', 'wordpress-courses-institute'), (75, 'web-expert-with-python', 'Web Designing & Graphic Design : Duration (3 Months)', 'best-photoshop-training-institute,html5-css3-course-institute-delhi,best-responsive-bootstrap-courses'), (76, 'web-expert-with-python', 'Advance Web Designing \| Front End Developer : Duration (3 Months)', 'best-javascript-and-jquery-course-institute'), (77, 'web-expert-with-python', 'Web Development \| Backend Developer : Duration (3 Months)', 'python-programming,advanced-python-course'), (78, 'web-expert-with-python', 'Web Development with Python Django', 'django-course-rohini'), (79, 'web-expert-with-python', 'CMS (Content Management System) : Duration (1 Month)', 'wordpress-courses-institute'), (80, 'web-expert-with-python', 'Advance Digital Marketing : Duration (2 Months)', 'best-seo-training-institute,best-smo-training-institute,advanced-adword-course,email-marketing-expert-course,affiliate-marketing-expert-course,smo-ads-expert-course'), (81, 'advance-web-development-with-python', 'Web Design', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-jquery-course-in-delhi'), (82, 'advance-web-development-with-python', 'Core Python and Advance Python ', 'python-programming,advanced-python-course'), (83, 'advance-web-development-with-python', 'Python Framework', 'django-course-rohini'), (84, 'best-advance-seo-course-institute', 'SEO Introduction', NULL), (85, 'best-advance-seo-course-institute', 'ON Page SEO', 'on-page-optimization-course'), (86, 'best-advance-seo-course-institute', 'OFF Page SEO', 'off-page-optimization-course'), (87, 'python-expert', 'Core PYthon', 'python-programming'), (88, 'python-expert', 'Advacne Python', 'advanced-python-course'), (89, 'best-internet-marketing-institute', 'YouTube Marketing', 'youtube-video-marketing-course'), (90, 'best-internet-marketing-institute', 'Email Marketing and Affiliate Marketing', 'email-marketing-expert-course,affiliate-marketing-expert-course'), (91, 'full-stack-web-development-with-react-and-node-js', 'HTML, CSS, Bootstrap and Java Script', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-javascript-course-in-delhi'), (92, 'full-stack-web-development-with-react-and-node-js', 'React JS', 'react-js'), (93, 'full-stack-web-development-with-react-and-node-js', 'Node JS', 'node-js'), (94, 'full-stack-web-development-with-react-and-node-js', 'Express JS', 'express-js'), (95, 'full-stack-web-development-with-react-and-node-js', 'MY SQL', 'my-sql'), (96, 'mern-stack-developer-course', 'Module-1', 'react-js'), (97, 'mern-stack-developer-course', 'Module-2', 'node-js,express-js'), (98, 'mern-stack-developer-course', 'Module-3', 'mongodb'), (99, 'mean-stack-development-course', 'Module-1 Angular JS', 'best-angular-course-in-rohini-delhi'), (100, 'mean-stack-development-course', 'Module-2', 'node-js,express-js'), (101, 'mean-stack-development-course', 'Module-3', 'mongodb'), (102, 'mean-and-mern-stack-full-stack-development-course', 'Module-1', 'html5-css3-course-institute-delhi,best-javascript-course-in-delhi'), (103, 'mean-and-mern-stack-full-stack-development-course', 'Module-2', 'best-angular-course-in-rohini-delhi,js-react-js'), (104, 'mean-and-mern-stack-full-stack-development-course', 'Module-3', 'node-js,express-js'), (105, 'mean-and-mern-stack-full-stack-development-course', 'Module-4', 'mongodb'), (106, 'full-stack-with-mean-and-mern-course', 'Module-1', 'html5-css3-course-institute-delhi,best-responsive-bootstrap-courses,best-javascript-course-in-delhi,best-jquery-course-in-delhi'), (107, 'mean-and-mern-stack-full-stack-development-course', 'Module-4 (Domain and Hosting)', NULL), (108, 'full-stack-with-mean-and-mern-course', 'Module-2', 'best-angular-course-in-rohini-delhi,react-js,node-js'), (109, 'full-stack-with-mean-and-mern-course', 'Module-3', 'express-js'), (110, 'full-stack-with-mean-and-mern-course', 'Module-4', 'mongodb'), (111, 'e-commerce-marketing-course', 'E-Commerce Platform Listing Course', NULL); -- -------------------------------------------------------- -- -- Table structure for table `wdi_site-setting` -- CREATE TABLE `wdi_site-setting` ( `id` int(11) NOT NULL, `logo` varchar(255) DEFAULT NULL, `phone` varchar(256) DEFAULT NULL, `email` varchar(256) DEFAULT NULL, `address` varchar(256) DEFAULT NULL, `facebook` varchar(255) DEFAULT NULL, `twitter` varchar(255) DEFAULT NULL, `youtube` varchar(255) DEFAULT NULL, `instagram` varchar(255) DEFAULT NULL, `whatsapp` varchar(255) DEFAULT NULL, `telegram` varchar(255) DEFAULT NULL, `linkdin` varchar(255) DEFAULT NULL, `about` text DEFAULT NULL, `vision` text DEFAULT NULL, `mission` text DEFAULT NULL, `value` text DEFAULT NULL, `testimonial_title` varchar(250) DEFAULT NULL, `testimonial_paragraph` varchar(250) DEFAULT NULL, `why_choose_us` varchar(250) DEFAULT NULL, `pcolor` varchar(255) DEFAULT NULL, `scolor` varchar(255) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_general_ci; -- -- Dumping data for table `wdi_site-setting` -- INSERT INTO `wdi_site-setting` (`id`, `logo`, `phone`, `email`, `address`, `facebook`, `twitter`, `youtube`, `instagram`, `whatsapp`, `telegram`, `linkdin`, `about`, `vision`, `mission`, `value`, `testimonial_title`, `testimonial_paragraph`, `why_choose_us`, `pcolor`, `scolor`) VALUES (1, 'blue-xcell.jpg', ' +919310464558', 'info@vidyamclasses.com', 'A-1/28, Ground Floor, Janakpuri', 'https://www.facebook.com/webdevelopmentinstitute/', 'https://twitter.com/WDIRohini', NULL, 'https://www.instagram.com/webdevelopmenttraining/', '9310464558', 'https://www.telegram.com/', 'https://www.linkedin.com/in/web-development-institute-06127b204/', 'about', 'vision update', 'mission update', 'value update', 'testimonial title', 'testimonial paragraph', 'https://www.youtube.com/watch?v=kf2f1sxoXMw&list=RDkf2f1sxoXMw&start_radio=1', 'Mon - Sun : 09:00 - 20:00', NULL); -- -------------------------------------------------------- -- -- Table structure for table `wdi_static_seo` -- CREATE TABLE `wdi_static_seo` ( `id` int(11) NOT NULL, `title` text DEFAULT NULL, `description` longtext DEFAULT NULL, `page` text DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_static_seo` -- INSERT INTO `wdi_static_seo` (`id`, `title`, `description`, `page`) VALUES (1, 'Web Development Institute \| Web Design Institute \| Digital Marketing Institute Rohini', 'Web Development Institute is one of the advanced Training institute for web designing and web development courses. call us on +91-8287540705.', 'Home'), (2, 'About Web Development Institute \| Web Development Course in Delhi', 'Web Development Institute in New Delhi(India) Based Computer Training Institute is the one of the Best Web Development and Designing Institute.', 'About'), (3, 'Web Design and Development Courses \| Digital Marketing Courses', 'Join Courses in Web Design and Web Development, Digital marketing at Web Development Institute in Regular, Fastrack and Crash mode in both classroom and online mode.', 'all-course'), (4, 'Gallery-Web Development Institute \|Top Web Development Institute in Rohini', 'Web Development Institute in New Delhi(India) Based Computer Training Institute is the one of the Best Web Development and Designing Institute', 'Gallery'), (5, 'Web Development Institute Contact No. 7683072463', 'Interested to develop skills in web design, web development, digital marketing contact web development institute to learn in online classroom and online mode.', 'contact'), (6, 'Web Design \| Web Development \| Digital Marketing Blogs', 'Stay up to date with the latest information about web design, web development, and digital marketing, created by our expert professionals having over 5 years of professional experience.', 'all-blog-categories'), (7, 'Computer Courses After 12th Arts \| Computer Courses After 10th', 'Join Basic Computer Language course at web development institute to learn basic to advance concepts of html, c, c++, python and core java programing by expert trainers after 10th, 12th arts, commerce, and science.', 'computer-courses-for-class-10th-12th-students'), (8, 'Web Designer Interview Questions \| Web Development Question', 'Read here latest web design and web development interview questions and answers created by experience professional trainers.', 'interview-question'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_testimonials` -- CREATE TABLE `wdi_testimonials` ( `id` int(11) NOT NULL, `faculty_name` varchar(100) DEFAULT NULL, `image` varchar(100) DEFAULT NULL, `url` varchar(100) DEFAULT NULL, `department` varchar(100) DEFAULT NULL, `subject` varchar(100) DEFAULT NULL, `facebook` varchar(300) DEFAULT NULL, `youtube` varchar(300) DEFAULT NULL, `twitter` varchar(300) DEFAULT NULL, `pinterest` varchar(300) DEFAULT NULL, `status` int(11) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_0900_ai_ci; -- -- Dumping data for table `wdi_testimonials` -- INSERT INTO `wdi_testimonials` (`id`, `faculty_name`, `image`, `url`, `department`, `subject`, `facebook`, `youtube`, `twitter`, `pinterest`, `status`) VALUES (12, 'Staff name', '1776579999_165017-red-and-orange-abstract-texture-background-illustrator.jpg', 'staff-name', 'department', '', 'https://www.facebook.com/webdevelopmentinstitute/', 'yt', 'https://twitter.com/WDIRohini', NULL, 1); -- -------------------------------------------------------- -- -- Table structure for table `wdi_testimonial_f` -- CREATE TABLE `wdi_testimonial_f` ( `id` int(11) NOT NULL, `name` varchar(255) NOT NULL, `designation` varchar(150) DEFAULT NULL, `image` varchar(512) DEFAULT NULL, `content` text DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi_testimonial_f` -- INSERT INTO `wdi_testimonial_f` (`id`, `name`, `designation`, `image`, `content`) VALUES (5, 'Testimonial', NULL, 'image.png', 'Description'); -- -------------------------------------------------------- -- -- Table structure for table `wdi_test_series` -- CREATE TABLE `wdi_test_series` ( `id` int(11) NOT NULL, `image` varchar(255) DEFAULT NULL, `imageAlt` varchar(255) DEFAULT NULL, `status` varchar(255) DEFAULT NULL, `name` varchar(50) DEFAULT NULL, `subject` varchar(400) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=latin1 COLLATE=latin1_swedish_ci; -- -- Dumping data for table `wdi_test_series` -- INSERT INTO `wdi_test_series` (`id`, `image`, `imageAlt`, `status`, `name`, `subject`) VALUES (6, '1775455988_TESTSERIESTEST-01_07-01-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-01_07-01-2026 MEDICAL', 'Medical'), (7, '1775456021_TESTSERIESTEST-02_14-01-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-02_14-01-2026 MEDICAL', 'Medical'), (8, '1775456046_TESTSERIESTEST-03_21-01-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-03_21-01-2026 MEDICAL', 'Medical'), (9, '1775456077_TESTSERIESTEST-04_28-01-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-04_28-01-2026 MEDICAL', 'Medical'), (10, '1775456116_TESTSERIESTEST-05_04-FEB-2025MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-05_04-FEB-2025 MEDICAL', 'Medical'), (11, NULL, NULL, '1', 'TEST SERIES TEST-06_11-FEB-2026 MEDICAL', 'Medical'), (12, '1775456191_TESTSERIESTEST-07_18-02-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-07_18-02-2026 MEDICAL', 'Medical'), (13, '1775456214_TESTSERIESTEST-08_25-02-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-08_25-02-2026 MEDICAL', 'Medical'), (14, '1775456243_TESTSERIESTEST-09_11-03-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-09_11-03-2026 MEDICAL', 'Medical'), (15, '1775456275_TESTSERIESTEST-10_18-03-2026MEDICAL.pdf', NULL, '1', 'TEST SERIES TEST-10_18-03-2026 MEDICAL', 'Medical'); -- -------------------------------------------------------- -- -- Table structure for table `wdi__course` -- CREATE TABLE `wdi__course` ( `id` int(10) UNSIGNED NOT NULL, `training` enum('online','offline') NOT NULL, `title` varchar(255) NOT NULL, `siteurl` varchar(255) DEFAULT NULL, `start` varchar(50) DEFAULT NULL, `class_program` varchar(255) DEFAULT NULL, `class_lecture` varchar(50) DEFAULT NULL, `courseheading` varchar(255) NOT NULL, `coursekey` varchar(255) DEFAULT NULL, `description` text DEFAULT NULL, `brochure` varchar(255) DEFAULT NULL, `faq` longtext CHARACTER SET utf8mb4 COLLATE utf8mb4_bin DEFAULT NULL, `status` tinyint(1) DEFAULT 1, `created_at` timestamp NULL DEFAULT current_timestamp(), `seotitle` varchar(100) DEFAULT NULL, `seokeywords` varchar(150) DEFAULT NULL, `seodescription` varchar(100) DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci; -- -- Dumping data for table `wdi__course` -- INSERT INTO `wdi__course` (`id`, `training`, `title`, `siteurl`, `start`, `class_program`, `class_lecture`, `courseheading`, `coursekey`, `description`, `brochure`, `faq`, `status`, `created_at`, `seotitle`, `seokeywords`, `seodescription`) VALUES (15, 'online', 'Neet', 'neet', '3rd week of March onwards', '3 to 4 days in a week', 'Best in Industry', 'course name', 'course-name', 'description', 'images.jfif', '[{\"answer\": \"Distinctio Velit in\", \"question\": \"Esse quas suscipit s\"}]', 1, '2026-03-31 17:24:41', NULL, NULL, NULL), (16, 'offline', 'Neet', 'neet', '3rd week of March onwards', '3 to 4 days in a week', 'Best in Industry', 'c', 'neet', 'description', '165017-red-and-orange-abstract-texture-background-illustrator.jpg', '[{\"answer\": \"Id irure saepe est d\", \"question\": \"Dolor veniam fugit\"}]', 1, '2026-03-31 17:25:20', 'seo titel', 'seo keywords', 'seo description'), (17, 'offline', 'JEE', 'jee', 'b', 'c', 't', 'Course name', 'jee', 'Description', '', '[{\"answer\": \"Id quia est dolore \", \"question\": \"Esse quas suscipit s\"}]', 1, '2026-03-31 18:22:25', '', '', ''), (19, 'online', 'Neet', 'neet', 'Est velit aut est v', 'Possimus similique ', 'total lecture', 'Course name', 'course-name', 'description course name', '165017-red-and-orange-abstract-texture-background-illustrator.jpg', '[{\"answer\": \"Ans - 1\", \"question\": \"Ques - 1\"}]', 1, '2026-04-03 06:23:11', 'Seo title ', 'So keywords', 'Meta description'), (21, 'offline', '9th or 10th', '9th-or-10th', 'Beatae pariatur Omn', 'Possimus similique ', 'Tempore tempore et', 'course name', 'course-name', 'description', '1760100588321.jpeg', '[]', 1, '2026-04-03 06:25:13', '', '', ''), (28, 'online', 'JEE', 'jee', '1 March', 'Online', '280 Hours', 'Basic Computer', 'basic-computer', 'test<span>Blue Oak International have a wide collection of machinery, moulds, and dies used in the manufacturing of footwear. The machinery range includes Sole Making Machine, Eva, Hawaii, Lasting Machines, and Conveyor. The popular moulds include EVA, PU, PVC, Rubber, and TPU. You can explore more.</span>', '61kKXEfyIDL._SL1000_.jpg', '[{\"question\":\"What is your name?\",\"answer\":\" my name is rahul\"}]', 1, '2026-04-03 12:18:02', 'Basic Computer Course in Rohini Delhi – NextG Classes', 'top css question, latest interview question and answer', 'meta description section  check<br /><br />'), (29, 'online', '9th or 10th', '9th-or-10th', '15 March', 'offline', '100 Hours', 'All Subjects', 'all-subjects', 'test', 'img-a.jpg', '[{\"question\":\"Why are you join Vidyam Classes?\",\"answer\":\"Beacause this institute provide each subject for each teacher available\"}]', 1, '2026-04-04 06:27:03', 'Vidyam classes provide 9th or 10th class education', '9th or 10th demo classes, 9th or 10th crash course', 'vidyam classes provide 9th or 10th class online , offline '); -- -- Indexes for dumped tables -- -- -- Indexes for table `blue_category` -- ALTER TABLE `blue_category` ADD PRIMARY KEY (`id`); -- -- Indexes for table `blue_sub_category` -- ALTER TABLE `blue_sub_category` ADD PRIMARY KEY (`id`); -- -- Indexes for table `counter_section` -- ALTER TABLE `counter_section` ADD PRIMARY KEY (`id`); -- -- Indexes for table `enquiry` -- ALTER TABLE `enquiry` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_admin` -- ALTER TABLE `wdi_admin` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_banner` -- ALTER TABLE `wdi_banner` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_blogs` -- ALTER TABLE `wdi_blogs` ADD PRIMARY KEY (`id`), ADD UNIQUE KEY `url` (`url`); -- -- Indexes for table `wdi_blogss` -- ALTER TABLE `wdi_blogss` ADD PRIMARY KEY (`id`), ADD UNIQUE KEY `unique_url` (`url`); -- -- Indexes for table `wdi_category` -- ALTER TABLE `wdi_category` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_course` -- ALTER TABLE `wdi_course` ADD PRIMARY KEY (`id`), ADD UNIQUE KEY `url` (`url`); -- -- Indexes for table `wdi_email` -- ALTER TABLE `wdi_email` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_email_temp` -- ALTER TABLE `wdi_email_temp` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_feedback` -- ALTER TABLE `wdi_feedback` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_gallery` -- ALTER TABLE `wdi_gallery` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_industrial_trainingchild` -- ALTER TABLE `wdi_industrial_trainingchild` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_industrial_trainingmain` -- ALTER TABLE `wdi_industrial_trainingmain` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_interview` -- ALTER TABLE `wdi_interview` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_interview_category` -- ALTER TABLE `wdi_interview_category` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_media` -- ALTER TABLE `wdi_media` ADD PRIMARY KEY (`id`), ADD UNIQUE KEY `url` (`url`); -- -- Indexes for table `wdi_pages` -- ALTER TABLE `wdi_pages` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_pcontent` -- ALTER TABLE `wdi_pcontent` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_projects` -- ALTER TABLE `wdi_projects` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_result` -- ALTER TABLE `wdi_result` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_scholarship` -- ALTER TABLE `wdi_scholarship` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_seo` -- ALTER TABLE `wdi_seo` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_service` -- ALTER TABLE `wdi_service` ADD PRIMARY KEY (`id`), ADD UNIQUE KEY `url` (`url`); -- -- Indexes for table `wdi_showcourse` -- ALTER TABLE `wdi_showcourse` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_site-setting` -- ALTER TABLE `wdi_site-setting` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_static_seo` -- ALTER TABLE `wdi_static_seo` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_testimonials` -- ALTER TABLE `wdi_testimonials` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_testimonial_f` -- ALTER TABLE `wdi_testimonial_f` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi_test_series` -- ALTER TABLE `wdi_test_series` ADD PRIMARY KEY (`id`); -- -- Indexes for table `wdi__course` -- ALTER TABLE `wdi__course` ADD PRIMARY KEY (`id`); -- -- AUTO_INCREMENT for dumped tables -- -- -- AUTO_INCREMENT for table `blue_category` -- ALTER TABLE `blue_category` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6; -- -- AUTO_INCREMENT for table `blue_sub_category` -- ALTER TABLE `blue_sub_category` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6; -- -- AUTO_INCREMENT for table `counter_section` -- ALTER TABLE `counter_section` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2; -- -- AUTO_INCREMENT for table `enquiry` -- ALTER TABLE `enquiry` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=52; -- -- AUTO_INCREMENT for table `wdi_admin` -- ALTER TABLE `wdi_admin` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3; -- -- AUTO_INCREMENT for table `wdi_banner` -- ALTER TABLE `wdi_banner` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=56; -- -- AUTO_INCREMENT for table `wdi_blogs` -- ALTER TABLE `wdi_blogs` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT; -- -- AUTO_INCREMENT for table `wdi_blogss` -- ALTER TABLE `wdi_blogss` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6; -- -- AUTO_INCREMENT for table `wdi_category` -- ALTER TABLE `wdi_category` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8; -- -- AUTO_INCREMENT for table `wdi_course` -- ALTER TABLE `wdi_course` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT; -- -- AUTO_INCREMENT for table `wdi_email` -- ALTER TABLE `wdi_email` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT; -- -- AUTO_INCREMENT for table `wdi_email_temp` -- ALTER TABLE `wdi_email_temp` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=3; -- -- AUTO_INCREMENT for table `wdi_feedback` -- ALTER TABLE `wdi_feedback` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=25; -- -- AUTO_INCREMENT for table `wdi_gallery` -- ALTER TABLE `wdi_gallery` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=19; -- -- AUTO_INCREMENT for table `wdi_industrial_trainingchild` -- ALTER TABLE `wdi_industrial_trainingchild` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT; -- -- AUTO_INCREMENT for table `wdi_industrial_trainingmain` -- ALTER TABLE `wdi_industrial_trainingmain` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6; -- -- AUTO_INCREMENT for table `wdi_interview` -- ALTER TABLE `wdi_interview` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=19; -- -- AUTO_INCREMENT for table `wdi_interview_category` -- ALTER TABLE `wdi_interview_category` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=4; -- -- AUTO_INCREMENT for table `wdi_media` -- ALTER TABLE `wdi_media` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=303; -- -- AUTO_INCREMENT for table `wdi_pages` -- ALTER TABLE `wdi_pages` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=8; -- -- AUTO_INCREMENT for table `wdi_pcontent` -- ALTER TABLE `wdi_pcontent` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=34; -- -- AUTO_INCREMENT for table `wdi_projects` -- ALTER TABLE `wdi_projects` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=29; -- -- AUTO_INCREMENT for table `wdi_result` -- ALTER TABLE `wdi_result` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9; -- -- AUTO_INCREMENT for table `wdi_scholarship` -- ALTER TABLE `wdi_scholarship` MODIFY `id` bigint(20) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2; -- -- AUTO_INCREMENT for table `wdi_seo` -- ALTER TABLE `wdi_seo` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT; -- -- AUTO_INCREMENT for table `wdi_service` -- ALTER TABLE `wdi_service` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=302; -- -- AUTO_INCREMENT for table `wdi_showcourse` -- ALTER TABLE `wdi_showcourse` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=112; -- -- AUTO_INCREMENT for table `wdi_site-setting` -- ALTER TABLE `wdi_site-setting` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=2; -- -- AUTO_INCREMENT for table `wdi_static_seo` -- ALTER TABLE `wdi_static_seo` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=9; -- -- AUTO_INCREMENT for table `wdi_testimonials` -- ALTER TABLE `wdi_testimonials` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=13; -- -- AUTO_INCREMENT for table `wdi_testimonial_f` -- ALTER TABLE `wdi_testimonial_f` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=6; -- -- AUTO_INCREMENT for table `wdi_test_series` -- ALTER TABLE `wdi_test_series` MODIFY `id` int(11) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=16; -- -- AUTO_INCREMENT for table `wdi__course` -- ALTER TABLE `wdi__course` MODIFY `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=30; COMMIT; /!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT /; /!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS /; /!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION /;

| ver. 1.4 | Github | . | PHP 8.0.30 | Generation time: 0.05 | proxy | phpinfo | Settings