PHP Tutorials - Ulook-Webdesign

Category: PHP Tutorials

Home
/
Blog
/
PHP Tutorials

HTML to PHP Conversion of Counter Code Sample

March 27, 2020 Ramzan Ullah

HTML to PHP conversion is very useful when you want your web design dynamic. Dynamic design is consist upon variable…

img.wp-smiley,img.emoji{display:inline !important;border:none !important;box-shadow:none !important;height:1em !important;width:1em !important;margin:0 .07em !important;vertical-align:-.1em !important;background:none !important;padding:0 !important;}#rs-demo-id{}.woocommerce form .form-row .required{visibility:visible;}.fbc-page .fbc-wrap .fbc-items{background-color:#edeff0;}.fbc-page .fbc-wrap .fbc-items li{font-size:16px;}.fbc-page .fbc-wrap .fbc-items li a{color:#337ab7;}.fbc-page .fbc-wrap .fbc-items li .fbc-separator{color:#ccc;}.fbc-page .fbc-wrap .fbc-items li.active span,.fbc-page .fbc-wrap .fbc-items li .fbc-end-text{color:#27272a;font-size:16px;}.rs-blog-details .author-block{background:#4caf50 !important;}.sidenav{background:rgba(76,175,80,.9) !important;}body{background:#fff !important;color:#666 !important;font-family:Open Sans !important;font-size:15px !important;line-height:26px !important;}.tag-line a{border:1px solid #4caf50 !important;margin-right:8px;padding:2px 0;border-radius:5px;}.tag-line a:hover{background:#4caf50 !important;text-transform:capitalize !important;color:#fff;}.bs-search input{border:1px solid #4caf50 !important;}.cl-pricetable-wrap.price-style10{background:#4caf50 !important;border-color:#4caf50 !important;}.owl-navigation-yes .owl-nav [class*="owl-"]:hover,.rs-testimonial .testi-carousel .slick-arrow:hover{color:#4caf50 !important;border-color:#4caf50 !important;}.bs-search button,.portfolio-content .vc_icon_element-icon{color:#4caf50 !important;}.format-aside{padding:20px;}.blog-button a,.cat_name,.faq-home .vc_tta-panel-title a,.footer-style-5 .footer-bottom-share ul li a,.rs-contact .contact-address .address-item:hover .address-icon{background:#4caf50 !important;}.nav ul ul.sub-menu> li:first-child,blockquote{border-color:#4caf50 !important;}.faq-home .vc_tta-panel.vc_active .vc_tta-panel-title a{opacity:.8 !important;}.nav-link-container a{color:#4caf50 !important;}.nav-link-container a:hover{opacity:.7 !important;}.preloader{background:#4caf50 !important;}.navbar a,.navbar li{font-family:Montserrat !important;font-size:15px !important;line-height:90px;}h1{color:#212121 !important;font-family:Montserrat !important;font-size:32px !important;font-weight:700 !important;line-height:32px !important;}h2{color:#212121;font-family:Montserrat !important;font-size:28px;font-weight:700 !important;line-height:28px;}h3{color:#212121;font-family:Montserrat !important;font-size:24px;line-height:24px;}h4{color:#212121;font-family:Montserrat !important;font-size:20px;font-weight:700 !important;line-height:30px !important;}h5{color:#212121;font-family:Montserrat !important;font-size:18px;font-weight:700 !important;line-height:25px !important;}h6{color:#212121;font-family:Montserrat !important;font-size:15px;font-weight:700 !important;line-height:20px !important;}#rs-header .toolbar-area .toolbar-contact ul li i,#rs-header .toolbar-area .toolbar-sl-share ul li a i{color:#fff !important;}#rs-header .toolbar-area .toolbar-contact ul li i:hover,#rs-header .toolbar-area .toolbar-sl-share ul li a i:hover{color:#ebebeb !important;}#rs-header .toolbar-area .toolbar-contact ul li a,#rs-header .toolbar-area .toolbar-contact{color:#fff !important;}#rs-header .toolbar-area .toolbar-contact ul li a:hover{color:#ebebeb !important;}#rs-header .toolbar-area .toolbar-sl-share ul li a.quote-button:hover{color:#000 !important;}#rs-header .toolbar-area .toolbar-sl-share ul li a.quote-button{background:#fff !important;}#rs-header .toolbar-area .toolbar-sl-share ul li a.quote-button:hover{background:#fff !important;}.rs-blog .blog-item h3.blog-title a:hover,.rs-blog .blog-item:hover h3 a,.comment i,.comments-area .comment-navigation .nav-next:before,.comments-area .comment-navigation .nav-previous::before{color:#4caf50 !important;}.pagination-area .nav-links span.current{border-color:#4caf50 !important;background:#4caf50 !important;}.toolbar-area,.readon.border,#rs-cta,.portfolio-filter button.active,.portfolio-filter button:hover,.rs-team .team-item .team-social .social-icon,.mc4wp-form input[type="submit"],.rs-testimonial .testi-content,.wpcf7-form .wpcf7-submit,.rs-footer .footer-top .recent-post-widget .post-item .post-date,.rs-footer .footer-title::after,.rs-footer .footer-top .widget_nav_menu li a::after,.rs-services .services-desc::after,.rs-footer .footer-bottom .footer-bottom-share ul li a:hover,#scrollUp i:hover,#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu,#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu li.wpmm-type-widget .wp-megamenu-sub-menu li .wp-megamenu-sub-menu,#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu,.pagination-area .nav-links a:hover,.ps-navigation ul a{background:#4caf50 !important;}.sec-title h4,.exp-title,.rs-about .about-exp,.counter-top-area .rs-counter-list i,.rs-team .team-item .display-table-cell i,.rs-team .team-item .team-title,.rs-testimonial .testi-content::before,.rs-blog .blog-item .blog-img .blog-img-content .blog-link,.rs-blog .blog-item:hover .blog-meta,.rs-services .services-icon,#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li.current-menu-item > a,#wp-megamenu-menu-1 > .wpmm-nav-wrap ul.wp-megamenu > li > a:hover,.page-template-page-single .menu-area .navbar ul li.active a,#rs-header .menu-area .navbar ul li.current-menu-ancestor > a,.header-transparent .menu-area .navbar ul li.current-menu-ancestor.current-menu-parent > a,.sec-title-single h3,.nav-close-menu-li a,#scrollUp i,.bs-sidebar .tagcloud a{color:#4caf50 !important;}.readon.border,.rs-team .team-item .team-desc,.mc4wp-form input[type="text"],.mc4wp-form input[type="url"],.mc4wp-form input[type="tel"],.mc4wp-form input[type="number"],.mc4wp-form input[type="email"],.rs-contact .contact-address .address-item .address-icon,.rs-footer .footer-bottom .footer-bottom-share ul li a,#scrollUp i,.pagination-area .nav-links a,.ps-navigation ul a,.sidenav .nav-close-menu-li a,.bs-sidebar .tagcloud a{border-color:#4caf50;}a,a:visited,a:focus{color:#4caf50;}.rs-breadcrumbs ul li a,#rs-header .logo-area a{color:#4caf50 !important;}a:hover{color:#000;}#rs-header .logo-area a:hover,.bs-sidebar ul a:hover{color:#000 !important;}.rs-footer{background:#2f2f2f;}.preloader{background:#4caf50 !important;}#rs-header .menu-area .navbar ul li > a{color:#444;}#rs-header .menu-area .navbar ul li:hover a{color:#4caf50 !important;}#rs-header .menu-area .menu .current_page_item a,#rs-header .menu-area .menu .current-menu-item a{color:#4caf50 !important;}.menu-area .navbar ul li ul.sub-menu{background:#4caf50 !important;}#rs-header .menu-area .navbar ul li .sub-menu li a,#rs-header .menu-area .navbar ul li .children li a{color:#fff !important;}#rs-header .menu-area .navbar ul ul li a:hover,#rs-header .menu-area .navbar ul ul li.current-menu-item a{color:#fff;}#rs-header .menu-area .navbar ul ul li a:hover,#rs-header .menu-area .navbar ul ul li.current-menu-item a{}#rs-header .menu-area .navbar ul li .sub-menu li{border-color:#fff !important;}input[type="submit"]{background:#4caf50 !important;color:#fff !important;border-radius:30px;border:0;}.page-links span,#primary-menu li.menu-item-has-children a:after,li.page_item_has_children:after,#rs-header .menu-area .navbar .navbar-toggle{background:#4caf50 !important;}.post-password-form input[type="password"],.page-links span{border:1px solid #4caf50 !important;}.page-links span:hover,kbd,mark,ins{background:#4caf50 !important;color:#fff;}.bs-sidebar .tagcloud a:hover{background:#4caf50 !important;color:#fff !important;}.sticky.hentry .blog-title a,.sticky.hentry .blog-title:before,code,pre,samp,.widget ul li:before,.btm-cate i,.btm-cate .tag-line::before,.rs-blog-details .bs-meta li i,.btm-cate .tag-line a:hover,.btm-cate li a:hover,.blog-date i,li.category-name ul.post-categories:before,.rs-blog-details .bs-meta li a:hover{color:#4caf50 !important;}.sticky.hentry .blog-title a,.rs-blog .blog-item:hover .blog-title a,.sticky.hentry .blog-title:before,.archive .blog-desc:hover .blog-title a,.format-link .bs-title a:before{color:#4caf50 !important;}