Tryag File Manager
Home
||
Turbo Force
||
B-F Config_Cpanel
Current Path :
/
home
/
ynormeco
/
public_html
/
Or
Select Your Path :
Upload File :
New :
File
Dir
/home/ynormeco/public_html/htmlcsstraining.php
<!doctype html> <html class="no-js" lang="en-US"> <head> <script src="https://wchat.freshchat.com/js/widget.js"></script> <!-- meta --> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]--> <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1"> <!-- Uncomment the meta tags you are going to use! Be relevant and don't spam! --> <meta name="keywords" content="" /> <meta name="description" content=""> <!-- Title --> <title>Web Design in Nagpur Web Development Company in Nagpur Seo Company in Nagpur</title> <!-- Url of your website (without extra pages) <link rel="canonical" href="https://www.hogash-demos.com/Ynorme_html/" /> --> <!-- Restrict google from scanning info from Dmoz or YahooDir More here: https://www.seoboy.com/what-are-the-meta-tags-noodp-and-noydir-used-for-in-seo/ Also more on robots here https://yoast.com/articles/robots-meta-tags/ <meta name="robots" content="noodp,noydir"/> --> <!-- Social media tags and more >>>>> https://moz.comblog/meta-data-templates-123 <<<<< Debugging tools: - https://dev.twitter.com/docs/cards/validation/validator - https://developers.facebook.com/tools/debug - https://www.google.com/webmasters/tools/richsnippets - https://developers.pinterest.com/rich_pins/validator/ --> <!-- Google Authorship and Publisher Markup. You can also simply add your name. Author = Owner, Publisher = who built the website. Add profile url in href="#". Profile url example: https://plus.google.com/1130658794498306186 or replace [Google+_Profile] below with your profile # <link rel="author" href="https://plus.google.com/[Google+_Profile]/posts"/> <link rel="publisher" href="https://plus.google.com/[Google+_Page_Profile]"/> --> <!-- Schema.org markup for Google+ <meta itemprop="name" content="Ynorme Premium Template"> <meta itemprop="description" content="This is the page description"> <meta itemprop="image" content=""> --> <!-- Open Graph Protocol meta tags. Used mostly for Facebook, more here https://ogp.me/ <meta property="og:locale" content="en"/> <meta property="og:type" content="website"/> <meta property="og:title" content="Ynorme Premium Template"/> <meta property="og:description" content="Ynorme is an ultra-premium, responsive theme built for todays websites."/> <meta property="og:site_name" content="Ynorme Premium Template"/> --> <!-- Url of your website <meta property="og:url" content=""/> --> <!-- Representative image <meta property="og:image" content=""/> --> <!-- Twitter Cards Will generate a card based on the info below. More here: https://davidwalsh.name/twitter-cards or https://dev.twitter.com/docs/cards <meta name="twitter:card" content="summary"> --> <!-- Representative image <meta name="twitter:image" content=""> <meta name="twitter:domain" content="hogash.com"> <meta name="twitter:site" content="@hogash"> <meta name="twitter:creator" content="@hogash"> --> <!-- Url of your website <meta name="twitter:url" content=""> <meta name="twitter:title" content="How to Create a Twitter Card"> <meta name="twitter:description" content="Twitter's new Twitter Cards API allows developers to add META tags to their website, and Twitter will build card content from links to a given site."> --> <!-- GeoLocation Meta Tags / Geotagging. Used for custom results in Google. Generator here https://mygeoposition.com/ <meta name="geo.placename" content="Chicago, IL, USA" /> <meta name="geo.position" content="41.8781140;-87.6297980" /> <meta name="geo.region" content="US-Illinois" /> <meta name="ICBM" content="41.8781140, -87.6297980" /> --> <!-- Dublin Core Metadata Element Set Using DC metadata is advantageous from an SEO perspective because search engines might interpret the extra code as an effort to make page content as descriptive and relevant as possible. <link rel="schema.DC" href="https://purl.org/DC/elements/1.0/" /> <meta name="DC.Title" content="Ynorme Premium Template, Ynorme Responsive Template" /> <meta name="DC.Creator" content="hogash" /> <meta name="DC.Type" content="software" /> <meta name="DC.Date" content="2015-10-01" /> <meta name="DC.Format" content="text/html" /> <meta name="DC.Language" content="en" /> --> <!-- end descriptive meta tags --> <!-- Retina Images --> <!-- Simply uncomment to use this script !! More here https://retina-images.complexcompulsions.com/ <script>(function(w){var dpr=((w.devicePixelRatio===undefined)?1:w.devicePixelRatio);if(!!w.navigator.standalone){var r=new XMLHttpRequest();r.open('GET','/retinaimages.php?devicePixelRatio='+dpr,false);r.send()}else{document.cookie='devicePixelRatio='+dpr+'; path=/'}})(window)</script> <noscript><style id="devicePixelRatio" media="only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2)">html{background-image:url("php-helpers/_retinaimages.php?devicePixelRatio=2")}</style></noscript>--> <!-- End Retina Images --> <!-- iDevices & Retina Favicons <link rel="apple-touch-icon" href="images/favicons/apple-touch-icon-144-precomposed.png" sizes="144x144"> <link rel="apple-touch-icon" href="images/favicons/apple-touch-icon-114-precomposed.png" sizes="114x114"> <link rel="apple-touch-icon" href="images/favicons/apple-touch-icon-72-precomposed.png" sizes="72x72"> <link rel="apple-touch-icon" href="apple-touch-icon-57-precomposed.png" sizes="57x57">--> <!-- Desktop Favicons --> <link rel="icon" type="image/png" href="images/favicons/ynormefavicon.png" sizes="16x16"> <!-- <link rel="icon" type="image/png" href="images/favicons/favicon-32x32.png" sizes="32x32"> --> <!-- <link rel="icon" type="image/png" href="images/favicons/favicon-96x96.png" sizes="96x96"> --> <!-- Google Fonts CSS Stylesheet // More here https://www.google.com/fonts#UsePlace:use/Collection:Open+Sans --> <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400italic,400,600,600italic,700,800,800italic" rel="stylesheet" type="text/css"> <link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> <!-- ***** Boostrap Custom / Addons Stylesheets ***** --> <link rel="stylesheet" href="css/bootstrap.css" type="text/css" media="all"> <!-- Required CSS file for iOS Slider element --> <link rel="stylesheet" href="css/sliders/ios/style.css" type="text/css" media="all"> <!-- ***** Main + Responsive & Base sizing CSS Stylesheet ***** --> <link rel="stylesheet" href="css/template.css" type="text/css" media="all"> <link rel="stylesheet" href="css/responsive.css" type="text/css" media="all"> <link rel="stylesheet" href="css/base-sizing.css" type="text/css" media="all"> <!-- Custom CSS Stylesheet (where you should add your own css rules) --> <link rel="stylesheet" href="css/custom.css" type="text/css" /> <!-- Modernizr Library --> <script type="text/javascript" src="js/modernizr.min.js"></script> <!-- jQuery Library --> <script type="text/javascript" src="js/jquery.js"></script> <script> function show1(){ document.getElementById('div1').style.display ='none'; document.getElementById('div2').style.display ='none'; } function show2(){ document.getElementById('div1').style.display = 'block'; document.getElementById('div2').style.display = 'block'; } </script> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-7363843658662664" crossorigin="anonymous"></script> </head> <body class=""> <!-- Page Wrapper --> <div id="page_wrapper"> <!-- Header style 1 --> <header id="header" class="site-header style1 cta_button"> <!-- header bg --> <div class="kl-header-bg"></div> <!--/ header bg --> <!-- siteheader-container --> <div class="container siteheader-container"> <!-- top-header --> <div class="kl-top-header clearfix hidden-xs" > <!-- HEADER ACTION --> <div class="header-links-container "> <ul class="topnav navRight topnav"> <li> <a href="about.php"> <i class="glyphicon glyphicon-log-in visible-xs xs-icon"></i> <span class="hidden-xs">ABOUT US</span> </a> </li> <li> <a href="blog/"> <i class="glyphicon glyphicon-log-in visible-xs xs-icon"></i> <span class="hidden-xs">BLOG</span> </a> </li> <li> <a href="ynorme-company-website-design-nagpur.pdf" target="_blank"> <i class="glyphicon glyphicon-log-in visible-xs xs-icon"></i> <span class="hidden-xs">COMPANY PROFILE</span> </a> </li> <li> <a href="https://rzp.io/l/ynormepayment" target="_blank"> <i class="glyphicon glyphicon-log-in visible-xs xs-icon"></i> <span class="hidden-xs">PAYMENT</span> </a> </li> <li> <a href="jobs-in-nagpur-for-freshers.php"> <i class="glyphicon glyphicon-log-in visible-xs xs-icon"></i> <span class="hidden-xs">CAREER</span> </a> </li> </ul> </div> <!--/ HEADER ACTION --> <!-- HEADER ACTION left --> <div class="header-leftside-container "> <!-- Header Social links --> <ul class="social-icons sc--clean topnav navRight"> <li><a href="https://www.facebook.com/ynormesolution" target="_self" class="icon-facebook" title="Facebook"></a></li> <li><a href="https://twitter.com/ynorme" target="_self" class="icon-twitter" title="Twitter"></a></li> <li><a href="https://in.pinterest.com/ynorme/" target="_self" class="icon-pinterest" title="Pinterest"></a></li> <li><a href="https://in.linkedin.com/company/ynorme" target="_self" class="icon-linkedin" title="Linkedin"></a></li> <li><a href="https://www.instagram.com/ynormesolution/" target="_blank" class="icon-instagram" title="Instagram"></a></li> </ul> <!--/ Header Social links --> <div class="clearfix visible-xxs"> </div> <!-- header contact text --> <span class="kl-header-toptext">QUESTIONS? CALL: <a href="#" class="fw-bold">+919579843385</a></span> <!--/ header contact text --> </div> <!--/ HEADER ACTION left --> </div> <!--/ top-header --> <!-- separator --> <div class="separator"></div> <!--/ separator --> <!-- left side --> <!-- logo container--> <div class="logo-container hasInfoCard logosize--yes"> <!-- Logo --> <h1 class="site-logo logo" id="logo"> <a href="index.php" title=""> <img src="images/ynormelogo.png" style="height:47px; padding-top:10px;margin-top:5px" class="logo-img" > </a> </h1> <!--/ Logo --> <!-- InfoCard --> <div id="infocard" class="logo-infocard"> <div class="custom"> <div class="row"> <div class="col-sm-5"> <p> </p> <p style="text-align: center;"> <img src="images/favicons/ynormefavicon.png" class="" alt="ynorme" title="ynorme" /> </p> <p style="text-align: center;"> <a href="website-design-development-company-in-nagpur.php">Ynorme is web development company in nagpur</a> provide website service at affordable price which is located in Nagpur city. </p> </div> <!--/ col-sm-5 --> <div class="col-sm-7"> <div class="custom contact-details"> <p> <strong>T (+919579843385)</strong><br> Email: <a href="mailto:connect@ynorme.com">connect@ynorme.com</a> </p> <p> Ynorme Solution<br> Plot No 52, Mahalakshmi Nagar-1, Behind Bakade Celebration, Manewada, Nagpur, Maharashtra 440024 </p> <a href="https://goo.gl/maps/srPhBf4MEUwanfx2A" class="map-link" target="_blank" title=""> <span class="glyphicon glyphicon-map-marker icon-white"></span> <span>Open in Google Maps</span> </a> </div> <div style="height:20px;"> </div> <!-- Social links clean style --> <ul class="social-icons sc--clean topnav navRight"> <li><a href="https://www.facebook.com/ynormesolution" target="_self" class="icon-facebook" title="Facebook"></a></li> <li><a href="https://twitter.com/ynorme" target="_self" class="icon-twitter" title="Twitter"></a></li> <li><a href="https://in.pinterest.com/ynorme/" target="_self" class="icon-pinterest" title="Pinterest"></a></li> <li><a href="https://in.linkedin.com/company/ynorme" target="_self" class="icon-linkedin" title="Linkedin"></a></li> <li><a href="https://www.instagram.com/ynormesolution/" target="_blank" class="icon-instagram" title="Instagram"></a></li> </ul> <!--/ Social links clean style --> </div> <!--/ col-sm-7 --> </div> <!--/ row --> </div> <!--/ custom --> </div> <!--/ InfoCard --> </div> <!--/ logo container--> <!-- separator --> <div class="separator visible-xxs"></div> <!--/ separator --> <!-- responsive menu trigger --> <div id="zn-res-menuwrapper"> <a href="#" class="zn-res-trigger zn-header-icon"></a> </div> <!--/ responsive menu trigger --> <!-- main menu --> <div id="main-menu" class="main-nav zn_mega_wrapper " style="margin-left:200px;"> <ul id="menu-main-menu" class="main-menu zn_mega_menu"> <li class="menu-item-mega-parent " ><a href="index.php">HOME</a> </li> <li class="menu-item-has-children" ><a href="about.php">ABOUT US</a> </li> <li class="menu-item-has-children"><a href="#">SERVICES</a> <ul class="sub-menu clearfix"> <li><a href="website-design-development-company-in-nagpur.php" style="text-transform: capitalize;">Website Design & Development</a></li> <li><a href="website-linux-cpanel-hosting-provider-in-nagpur.php" style="text-transform: capitalize;">Web Hosting</a></li> <li><a href="http://www.domain.ynorme.com" style="text-transform:capitalize;" target="_blank">Domain Registration</a></li> <li><a href="seo-company-in-nagpur.php" style="text-transform:capitalize;">SEO</a></li> <li><a href="digital-marketing-company-in-nagpur.php" style="text-transform:capitalize;">Digital Marketing</a></li> <li><a href="social-media-marketing-nagpur.php" style="text-transform:capitalize;">Social Medai Marketing</a></li> <li><a href="android-development-company-in-nagpur.php" style="text-transform:capitalize;">Android Development</a></li> </ul> </li> <li class="menu-item-has-children"><a href="#">MLM</a> <ul class="sub-menu clearfix"> <li><a href="mlm-software-nagpur-binary-plan.php" style="text-transform:capitalize;">Binary Plan</a></li> <li><a href="mlm-software-nagpur-board-plan.php" style="text-transform:capitalize;">Board Plan</a></li> <li><a href="mlm-software-nagpur-matrix-plan.php" style="text-transform:capitalize;">Matrix plan</a></li> <li><a href="mlm-software-nagpur-generation-plan.php" style="text-transform:capitalize;">Generation Plan</a></li> <li><a href="mlm-stockist-software-nagpur.php" style="text-transform:capitalize;">Stockist Billling Panel</a></li> </ul> </li> <li class="menu-item-has-children"><a href="#">BULK SMS</a> <ul class="sub-menu clearfix"> <li><a href="bulk-sms-nagpur-transactional.php" style="text-transform:capitalize;">Trasactional Sms</a></li> <li><a href="bulk-sms-nagpur-promotional.php" style="text-transform:capitalize;">Promotional Sms</a></li> </ul> </li> <li class="menu-item-has-children"><a href="#">OUR PRODUCT</a> <ul class="sub-menu clearfix"> <li><a href="nagpur-matrimony-portal-development.php" style="text-transform:capitalize;">Matrimonial Website</a></li> <li><a href="ngo-website-service-nagpur.php" style="text-transform:capitalize;">Ngo Website</a></li> <li><a href="online-institute-management-software-nagpur.php" style="text-transform:capitalize;">Tution Class Management</a></li> <li><a href="online-exam-software-nagpur.php" style="text-transform:capitalize;">Online Exam Software</a></li> <li><a href="online-shopping-portal-nagpur.php" style="text-transform:capitalize;">Online Shopping Portal</a></li> </ul> </li> <!--<li class="menu-item-has-children"><a href="ourclients.php">OUR CLIENTS</a> </li>--> <!--<li class="menu-item-has-children"><a href="#"> CORPORATE TRAINING</a> <ul class="sub-menu clearfix"> <li><a href="webdesign.php">WEB DESIGN</a></li> <li><a href="phptraininginternship.php">PHP TRAINING & INTERNSHIP </a></li> <li><a href="htmlcsstraining.php">HTML & CSS TRAINING</a></li> <li><a href="graphicsdesign.php">GRAPHICS DESIGN</a></li> <li><a href="wordpresstraining.php">WORDPRESS TRAINING</a></li> <li><a href="advance-php-training.php">ADVANCE PHP TRAINING</a></li> <li><a href="cakephp.php">CAKE PHP</a></li> <li><a href="androidtraining.php">ANDROID TRAINING</a></li> <li><a href="seo.php">SEO</a></li> <li><a href="digitalmarketing.php">DIGITAL MARKETING</a></li> <li><a href="magnetotraining.php">MAGNETO TRAINING</a></li> <li><a href="python.php">PYTHON</a></li> </ul> </li>--> <li class="menu-item-has-children"><a href="contactus.php">CONTACT US</a> </li> </ul> </div> <!--/ main menu --> <!-- right side --> <!-- Call to action ribbon Free Quote --> <a href="free-service-quotation.php" id="ctabutton" class="ctabutton kl-cta-ribbon" title="GET A FREE QUOTE" target="_self"><strong>FREE</strong>QUOTE<svg version="1.1" class="trisvg" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" preserveaspectratio="none" width="14px" height="5px" viewbox="0 0 14.017 5.006" enable-background="new 0 0 14.017 5.006" xml:space="preserve"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.016,0L7.008,5.006L0,0H14.016z"></path></svg></a> <!--/ Call to action ribbon Free Quote --> </div> <!--/ siteheader-container --> </header> <!-- / Header style 1 --> <!-- Page sub-header + Bottom mask style 3 --> <div id="page_header" class="page-subheader site-subheader-cst uh_flat_dark_blue maskcontainer--mask3"> <div class="bgback"></div> <!-- Sub-Header content wrapper --> <div class="ph-content-wrap"> <div class="ph-content-v-center"> <div class="container"> <div class="row"> <div class="col-sm-6"> <div class="clearfix"></div> </div> <!--/ col-sm-6 --> <div class="col-sm-6"> <!-- Sub-header titles --> <div class="subheader-titles"> <!-- Main Title --> <h2 class="subheader-maintitle">HTML & CSS TRAINING</h2> <!--/ Main Title --> <!-- Main Sub-Title --> <h4 class="subheader-subtitle">GET TO KNOW US BETTER</h4> <!--/ Main Sub-Title --> </div> <!--/ Sub-header titles --> </div> <!--/ col-sm-6 --> </div> <!--/ row --> </div> <!--/ container --> </div> <!--/ .ph-content-v-center --> </div> <!--/ Sub-Header content wrapper --> <!-- Sub-header Bottom mask style 3 --> <div class="kl-bottommask kl-bottommask--mask3"> <svg width="5000px" height="57px" class="svgmask " viewBox="0 0 5000 57" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"> <defs> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-mask3"> <feOffset dx="0" dy="3" in="SourceAlpha" result="shadowOffsetInner1"></feOffset> <feGaussianBlur stdDeviation="2" in="shadowOffsetInner1" result="shadowBlurInner1"></feGaussianBlur> <feComposite in="shadowBlurInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0" in="shadowInnerInner1" type="matrix" result="shadowMatrixInner1"></feColorMatrix> <feMerge> <feMergeNode in="SourceGraphic"></feMergeNode> <feMergeNode in="shadowMatrixInner1"></feMergeNode> </feMerge> </filter> </defs> <path d="M9.09383679e-13,57.0005249 L9.09383679e-13,34.0075249 L2418,34.0075249 L2434,34.0075249 C2434,34.0075249 2441.89,33.2585249 2448,31.0245249 C2454.11,28.7905249 2479,11.0005249 2479,11.0005249 L2492,2.00052487 C2492,2.00052487 2495.121,-0.0374751261 2500,0.000524873861 C2505.267,-0.0294751261 2508,2.00052487 2508,2.00052487 L2521,11.0005249 C2521,11.0005249 2545.89,28.7905249 2552,31.0245249 C2558.11,33.2585249 2566,34.0075249 2566,34.0075249 L2582,34.0075249 L5000,34.0075249 L5000,57.0005249 L2500,57.0005249 L1148,57.0005249 L9.09383679e-13,57.0005249 Z" class="bmask-bgfill" filter="url(#filter-mask3)" fill="#f5f5f5"></path> </svg> <i class="glyphicon glyphicon-chevron-down"></i> </div> <!--/ Sub-header Bottom mask style 3 --> </div> <!--/ Page sub-header + Bottom mask style 3 --> <!-- Circle title box all styles section --> <section class="hg_section ptop-80 pbottom-80"> <div class="container"> <div class="row"> <div class="col-md-1 col-sm-1"></div> <div class="col-md-10 col-sm-10"> <!-- Contact form --> <div class="cf_response"></div> <div style="font-size:18px;text-align:justify;"> <h2><b>HTML & CSS Training</b></h2> <h3><b>Session 1</b> : Introduction to Web Page</h3> <ol> <li>• What is HTML ?</li> <li>• SETTING UP the Dreamweaver to Create XHML</li> <li>• Creating your First HTML Page</li> <li>• Formatting and Adding Tags and Previewing in a Browser</li> <li>• Choosing an Editor</li> <li>• Project Management </li> </ol> <h3><b>Session 2 </b>: Working with Images </h3> <ol> <li>• Images Format </li> <li>• Introducing the JMG Tags </li> <li>• Inserting and aligning image on Web Page</li> <li>• Detailing with Alt, Width and Height</li> </ol> <h3><b>Session 3</b>: Desgining with tables</h3> <ol> <li>• Creating Tables on WEB Page </li> <li>• Altering Tables and Spanning Rows and Column</li> <li>• Placing Images And Graphics into Tables</li> <li>• Aligning Txt & Graphics in Tables </li> <li>• Adding a Background color</li> <li>• Building Pages over Tracer Images </li> <li>• Tweaking Layout to the create Perfect Pages </li> </ol> <h3><b>Session 4 </b>: Creating online Forms </h3> <ol> <li>• Setting up an online form</li> <li>• Adding Radio Buttons and List Menus </li> <li>• Creating Text Fields & Areas </li> <li>• Setting Properties for form Submission</li> </ol> <h3><b>Session 5 </b>: Creating HTML Documents </h3> <ol> <li>• Understanding Tags , Elements and Attributes </li> <li>• Defining the Basic Structure with Html , Head and Body</li> <li>• Using Paragraphs tag to assign a Title</li> <li>• SettingFonts for WEB page</li> <li>• Creating Unordered & Ordered &definition List </li> </ol> <h3><b>Session 6 </b>: Anchors and Hyperlinks</h3> <ol> <li>• Creating Hyperlinks to Outside Webs </li> <li>• Creating Hyperlink Between Documunts </li> <li>• Creating a link for a Specific Part of a WEB page</li> <li>• Creating a limk for a image</li> </ol> <h3><b>Session 7</b> : Creating Layouts </h3> <ol> <li>• Adding Side Content DIV to YOUR Layout</li> <li>• Applying Absolute Positioning</li> <li>• Applying Relative Positioninig </li> <li>• Using the Float and Clear Properties</li> <li>• Understanding Overflow</li> <li>• Creating Auto Centering Content </li> <li>• Using Fixed Positioning</li> </ol> <h3><b>Session 8 </b>: Intro to CSS</h3> <ol> <li>• What is css?</li> <li>• Internal Style Sheet , Selectors Properties & Valuees</li> <li>• Building & Applying class and ID </li> <li>• Using Div Tags & IDstoFormat Layout</li> <li>• Understanding the cascade and Avoiding Conflicts </li> </ol> <h3><b>Session 9 </b>: Creative Art Work and CSS </h3> <ol> <li>• Using images in CSS </li> <li>• Applying Texture </li> <li>• Graduated Fills </li> <li>• Round Corners </li> <li>• Transperancy and Semi Transperancy </li> <li>• Stretchy boxes </li> <li>• Creativity pography </li> </ol> <h3><b>Session 10 </b>: Building Layout with CSS </h3> <ol> <li>• Acentered Container </li> <li>• 2Column Layout </li> <li>• 3Column Layout </li> <li>• The Box Model</li> <li>• The Div Tag </li> <li>• ChildDivs</li> <li>• Width Height </li> <li>• Margin </li> <li>• Padding</li> <li>• Borders </li> <li>• Floating & Clearing Content </li> <li>• Using FloatSin Laypout </li> <li>• Tips for Creating And Applying Styles </li> </ol> <h3><b>Session 11 </b>: Common CSS Base Navigation</h3> <ol> <li>• Markup Structures For Navigation</li> <li>• Styling links With Pseudoclasses </li> <li>• Building Horizontal Navigation Bar </li> <li>• Transparency and Semi tranperancy</li> <li>• Css Dropdownnavigation System </li> </ol> <h3><b>Session 12</b> : Common Css Problems </h3> <ol> <li>• Browser Supportissues</li> <li>• Float Clearing issues</li> <li>• Validatinng your CSS </li> <li>• Common Validation Errors</li> </ol> <h3><b>Session 13</b> : Some Basics Css Properties </h3> <ol> <li>• Block sinline elements</li> <li>• Div’s and Span </li> <li>• Border Properties </li> <li>• Width , Height and Max , Min </li> <li>• The auto Property </li> <li>• Inlinning Style </li> <li>• Arranging Layers using the z Index</li> </ol> <h3><b>Session 14</b> : Layout PrincipaLS With CSS </h3> <ol> <li>• Documents Flow</li> <li>• Absolute Positioning </li> <li>• Relative Positioning</li> <li>• Statics Positioning</li> <li>• Floating elements</li> </ol> <h3><b>Session 15</b> : Formatting Text</h3> <ol> <li>• Why Text Formatting is Imp</li> <li>• Choosing Fonts and Fonts size</li> <li>• Browser – Safe Fonts</li> <li>• Applying Styles to Text </li> <li>• Setting Line Height</li> <li>• Letter Spacing (Kerning )</li> <li>• Other Font Properties </li> <li>• Tips For Improving Text Legibility </li> </ol> <h3><b>Session 16</b> : Creating a Css Styled Form </h3> <ol> <li>• Form Markup </li> <li>• Associating Labels with Inputs </li> <li>• Grouping form Elements Together</li> <li>• Form Based Selectors </li> <li>• Changing Properties of Form Elements </li> <li>• Formatting Text in Forms </li> <li>• Formatting Inputs </li> <li>• Formatting Form Areas </li> <li>• Changing the Appearance of buttons </li> <li>• Laying Out Form </li> </ol> <h3><b>Session 17</b> : Styling a Data Table</h3> <ol> <li>• Basic Table Markup </li> <li>• Adding Row and Column headers </li> <li>• Simplifying table structure </li> <li>• Styling Row and Column headings</li> <li>• Adding Borders </li> <li>• Formatting Text in Tables </li> <li>• Laying out Positioning Tables</li> </ol> </div> </div> </div> <!--/ Contact form --> </div> <!--/ col-md-9 col-sm-9 --> <!--/ Contact details --> </div> <!--/ col-md-3 col-sm-3 --> </div> <!--/ .row --> </div> <!--/ .container --> </section> <!--/ Circle title box all styles section --> <!-- Footer - Default Style --> <footer id="footer"> <div class="container"> <div class="row"> <div class="col-sm-3"> <div> <h3 class="title m_title">MENU</h3> <ul class="menu"> <li><a href="termscondition.php">Terms & Condition</a></li> <li><a href="sitemap.php">Site Map</a></li> </ul><br> <h3 class="title m_title">REMOTE ACCESS</h3> <ul class="menu"> <li><a href="https://www.teamviewer.com/en/" target="_blank">Team Viewer</a></li> <li><a href="https://www.ammyy.com/en/" target="_blank">Ammay</a></li> </ul> </div> </div> <div class="col-sm-2"> <div> <h3 class="title m_title">MENU</h3> <ul class="menu"> <li><a href="bulk-sms-nagpur-transactional.php">TRANSACTIONAL SMS</a></li> <li><a href="bulk-sms-nagpur-promotional.php" style="text-transform:capitalize;">Promotional Sms</a></li> <li><a href="ourclients.php">Our Clients</a></li> </ul> </div> </div> <!--/ col-sm-5 --> <div class="col-sm-4"> <div class="newsletter-signup"> <h3 class="title m_title">NEWSLETTER SIGNUP</h3> <p>By subscribing to our mailing list you will always be update with the latest news from us.</p> <form action="email-contact.php" method="post" name="mc-embedded-subscribe-form" class="validate" autocomplete="off" > <input type="email" name="email" class="nl-email form-control" id="mce-EMAIL" placeholder="your.address@email.com" required> <input type="submit" name="subscribe" class="nl-submit" value="JOIN US"> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;"> <input type="text" name="b_xxxxxxxxxxxxxxxxxxxCUSTOMxxxxxxxxx" value=""> </div> </form> <div id="notification_container"></div> <p></p> </div><!-- end newsletter-signup --> </div> <!-- col-sm-4 --> <div class="col-sm-3"> <div> <h3 class="title m_title">GET IN TOUCH</h3> <div class="contact-details"><p><strong>T (+919579843385)</strong><br> Email: <a href="#">connect@ynorme.com</a></p> <p>Ynorme Solution<br> Plot No 52, Mahalakshmi Nagar-1, Behind Bakade Celebration, Manewada, Nagpur, Maharashtra 440024</p> <p><a href="https://goo.gl/maps/srPhBf4MEUwanfx2A" class="map-link" target="_blank" title=""> <span class="glyphicon glyphicon-map-marker icon-white"></span> <span>Open in Google Maps</span> </a></p> </div> </div> </div> <!--/ col-sm-3 --> </div> <div class="row"> <div class="col-sm-12"> <div class="bottom clearfix"> <!-- social-icons --> <ul class="social-icons sc--clean topnav navRight"> <li><a href="https://www.facebook.com/ynormesolution" target="_self" class="icon-facebook" title="Facebook"></a></li> <li><a href="https://twitter.com/ynorme" target="_self" class="icon-twitter" title="Twitter"></a></li> <li><a href="https://in.pinterest.com/ynorme/" target="_self" class="icon-pinterest" title="Pinterest"></a></li> <li><a href="https://in.linkedin.com/company/ynorme" target="_self" class="icon-linkedin" title="Linkedin"></a></li> <li><a href="https://www.instagram.com/ynormesolution/" target="_blank" class="icon-instagram" title="Instagram"></a></li> </ul> <!--/ social-icons --> <!-- copyright --> <div class="copyright"> <a href="index.php"> <img src="images/ynormelogo.png" style="height:40px;" alt="Ynorme Demo"> </a> <p>© <script>document.write(new Date().getFullYear())</script> All rights reserved.</p> </div> <!--/ copyright --> </div> <!--/ bottom --> </div> <!--/ col-sm-12 --> </div> <!--/ row --> </div> <!--/ container --> </footer> <!--/ Footer - Default Style --> </div> <!--/ Page Wrapper --> <!-- ToTop trigger --> <a href="#" id="totop">TOP</a> <!--/ ToTop trigger --> <!-- JS FILES // These should be loaded in every page --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/kl-plugins.js"></script> <!-- JS FILES // Loaded on this page --> <!-- Required js script file for Animated sparkles element --> <script type="text/javascript" src="js/plugins/sparkles.js"></script> <!-- Required jQuery migrate plugin for Animated sparkles element --> <script type="text/javascript" src="js/jquery-migrate.min.js"></script> <!-- Custom Ynorme JS codes --> <script type="text/javascript" src="js/kl-scripts.js"></script> <!-- Custom user JS codes --> <script type="text/javascript" src="js/kl-custom.js"></script> <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-XXXXX-X', 'auto'); ga('send', 'pageview'); </script> --> <script> /*window.fcWidget.init({ token: "fdad9039-d33c-480a-a851-4910db965fd5", host: "https://wchat.freshchat.com" });*/ </script> <script type='text/javascript'> (function(I, L, T, i, c, k, s) {if(I.iticks) return;I.iticks = {host:c, settings:s, clientId:k, cdn:L, queue:[]};var h = T.head || T.documentElement;var e = T.createElement(i);var l = I.location;e.async = true;e.src = (L||c)+'/client/inject-v2.min.js';h.insertBefore(e, h.firstChild);I.iticks.call = function(a, b) {I.iticks.queue.push([a, b]);};})(window, 'https://cdn.intelliticks.com/prod/common', document, 'script', 'https://app.intelliticks.com', 'eZXsEknaf99peifzF_c', {}); </script> <script> (function (Q, R) { if(Q.qr) return; var u = 'https://webview.quickreply.ai/whatsapp/script.min.js'; var h = R.head || R.documentElement; var e = R.createElement('script'); e.type = 'text/javascript'; e.async = true; e.src = u; Q.qr = { brandSetting: { includePageLink: false, messageText: "Hi.. I have a query.", phoneNumber: "+919579843385" }, chatButtonSetting: { sideMargin: 20, marginBottom: 20, position: "left", buttonType: "ICON", buttonText: undefined, buttonBgColor: "#04AA6D", buttonTextColor: "#fff" } }; e.onload = function () { CreateWhatsappChatWidget(Q.qr); }; h.insertBefore(e, h.lastChild); })(window, document); </script> </body> </html>