HTML



HTML Unit 1 !!

1. What is HTML?
	HTML is the standard markup language for creating Web pages.

HTML stands for Hyper Text Markup Language
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page.
Example



Page Title



My First Heading

My first paragraph.

Example Explained The declaration defines this document to be HTML5 The element is the root element of an HTML page The element contains meta information about the document The element specifies a title for the document The <body> element contains the visible page content The <h1> element defines a large heading The <p> element defines a paragraph HTML Tags HTML tags are element names surrounded by angle brackets: <tagname>content goes here...</tagname> HTML tags normally come in pairs like <p> and </p> The first tag in a pair is the start tag, the second tag is the end tag The end tag is written like the start tag, but with a forward slash inserted before the tag name.</pre> <p align="right"><div class='btn-reply'><a href="https://www.noidatut.com/qna-downloads.php?unit=1&code=HTML&qid=1"> Reply </a></div></p> <br><br> <p align="center"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- responsivenoida --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5139634720777851" data-ad-slot="2364206017" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><br> </p> <form method="post"> <table align="right"> <tr><td width="80%"> Download in Word </td> <td> <input type="submit" name="download-in-word" class="search" value="Download" alt="Submit" > </td></tr></table> <br><br> </form> </div> </div> </div> </div> </div> </p> </p> </div> </div> </div> </div> </div> <!-- ##### Regular Page Area End ##### --> <!-- ##### Popular Courses Start ##### --> <section class="popular-courses-area section-padding-100-0" style="background-image: url(projects-in-php/durai/d/img/core-img/texture.png);"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-heading"> <h3>Popular Online Tutorials</h3> </div> </div> </div> <div class="row"> <!-- Single Popular Course --> <div class="col-12 col-md-6 col-lg-4"> <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="250ms"> <img src="project/address.png" alt=""> <!-- Course Content --> <div class="course-content"> <h4>Address Book !!</h4> <div class="meta d-flex align-items-center"> <a href="#">Address Book </a> </div> <p>Simple Address with profile pic and all personal details in PDO with full source code and live demo </p> </div> <!-- Seat Rating Fee --> <div class="seat-rating-fee d-flex justify-content-between"> <div class="seat-rating h-100 d-flex align-items-center"> <div class="seat"> <i class="fa fa-user" aria-hidden="true"></i> 10 </div> <div class="rating"> <i class="fa fa-star" aria-hidden="true"></i> 4.5 </div> </div> <div class="course-fee h-100"> <a href="https://noidatut.com/dprojects.php?spid=47" class="free">View</a> </div> </div> </div> </div> <!-- Single Popular Course --> <div class="col-12 col-md-6 col-lg-4"> <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="250ms"> <img src="project/shopping.png" alt=""> <!-- Course Content --> <div class="course-content"> <h4>Shopping Cart with Admin Panel !!</h4> <div class="meta d-flex align-items-center"> <a href="#">Shopping Cart with Admin Panel </a> </div> <p>Shopping Cart with Admin Panel in php mysql with full source code </p> </div> <!-- Seat Rating Fee --> <div class="seat-rating-fee d-flex justify-content-between"> <div class="seat-rating h-100 d-flex align-items-center"> <div class="seat"> <i class="fa fa-user" aria-hidden="true"></i> 10 </div> <div class="rating"> <i class="fa fa-star" aria-hidden="true"></i> 4.5 </div> </div> <div class="course-fee h-100"> <a href="https://noidatut.com/dprojects.php?spid=46" class="free">View</a> </div> </div> </div> </div> <!-- Single Popular Course --> <div class="col-12 col-md-6 col-lg-4"> <div class="single-popular-course mb-100 wow fadeInUp" data-wow-delay="250ms"> <img src="project/cyber-cafe.png" alt=""> <!-- Course Content --> <div class="course-content"> <h4>Cyber Cafe Management System !!</h4> <div class="meta d-flex align-items-center"> <a href="#">Cyber Cafe Management System </a> </div> <p>Cyber Cafe Management System in PHP MySql too manage the system in a cyber cafe </p> </div> <!-- Seat Rating Fee --> <div class="seat-rating-fee d-flex justify-content-between"> <div class="seat-rating h-100 d-flex align-items-center"> <div class="seat"> <i class="fa fa-user" aria-hidden="true"></i> 10 </div> <div class="rating"> <i class="fa fa-star" aria-hidden="true"></i> 4.5 </div> </div> <div class="course-fee h-100"> <a href="https://noidatut.com/dprojects.php?spid=45" class="free">View</a> </div> </div> </div> </div> <!-- Single Popular Course --> <!-- Single Popular Course --> </div> <div class="col-lg-12" align="center"> <br><a href="#" class="btn clever-btn"></a> </div> <br> <br> </div> </section> <!-- ##### Popular Courses End ##### --> <!-- ##### Upcoming Events Start ##### --> <!-- ##### Upcoming Events End ##### --> <!-- ##### Best Tutors Start ##### --> <section class="best-tutors-area section-padding-100"> <div class="container"> <div class="row"> <div class="col-12"> <div class="section-heading"> <h3>Our Proud Members</h3> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="tutors-slide owl-carousel wow fadeInUp" data-wow-delay="250ms"> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20190914_194011.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Abdullahi Muhammed Bello</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/Sean Cell C 20190812_224029.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Shown Jonhera</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/1560049955531.png" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Rudra Pratap Singh</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/rangga.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Rangga Kurnia Putra Wiratama</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/Kaly.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Kalimuna Ngandu</h5> <span>IT</span> <p> is holding the post of IT has done BSIT Specialized in Networking</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_7842[1].jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>VICTOR MWANGA</h5> <span>Web designer</span> <p> is holding the post of Web designer has done Bachelors in information Technology specialist in web development Specialized in Networking</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/FB_IMG_1543660034227.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Brian areri</h5> <span>ICT</span> <p> is holding the post of ICT has done PASS Specialized in Msql</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/Linux.png" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Ravi Saral</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/complockwallpaper.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Iniodu</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/adriel.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Adriel</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20150624_195640.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Chika</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/Untitled-4.png" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Kaleeti Abdullahi</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/aria.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Saleh Mohammad</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/20190706_214221.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Luka</h5> <span>Software Developer</span> <p> is holding the post of Software Developer has done Software Developer Specialized in Software Developer </p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/iphone.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Arman Uddin</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/455105710_419185.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Maizon</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/20190623_161129.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Marlon Kuvawoga </h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/freelance.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Bismark Addy</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20190714_175235.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Chukwu Nelson</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20190610_174859.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Ayplux</h5> <span>Web developer</span> <p> is holding the post of Web developer has done Web development Specialized in Web development/android development</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/FB_IMG_1557530695200.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Hafeez Ur Rahman</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20190331_141021.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>David Mujenyi mackenzie </h5> <span>Kenya</span> <p> is holding the post of Kenya has done Expert in web design Specialized in CSS, html</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20190630_124948.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Godson Nanenu </h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20160913_132309.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Donald Jere</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/harii.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Mr. Light Harrison </h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/dave.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>DAVID NJERU NTHUA</h5> <span>M.R</span> <p> is holding the post of M.R has done BARCHELORS DEGREE IN INFORMATION TECHNOLOGY Specialized in DATABASE DEVELOPMENT</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/noidatut.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Mr. Chetan</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/p.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Mr. Aldrin Imo</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/WhatsApp Image 2019-05-27 at 12.27.47 PM.jpeg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Sanjay soni</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/Sujon Roy.jpeg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Sujon Kumar Roy</h5> <span>WordPress Web Developer and SEO Expert</span> <p> is holding the post of WordPress Web Developer and SEO Expert has done Computer Engineering Specialized in Web and SEO</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/noidatuthome.png" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Mr. Dickson Awudu</h5> <span>kjh</span> <p> is holding the post of kjh has done kjh Specialized in kjh</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/a3af1ca055910ed7e82775726556ef25.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Gaurav Kumar</h5> <span>Student</span> <p> is holding the post of Student has done B.tech Specialized in Cloud computing</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20190505_124222_978.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Dumolwenkosi Dube</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/PicsArt_02-21-10.31.00.png" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Raman Sharma</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/LSN 09_2 (4 6)1 copy.JPG" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>puneet chopade</h5> <span>student</span> <p> is holding the post of student has done B.E Specialized in IoT</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/ap.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Dr Aadarsh Malviya</h5> <span>Assistant Professor </span> <p> is holding the post of Assistant Professor has done Phd Specialized in CS</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/1554990351163.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Tapas Dash</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/cours.html" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>Nagato</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/IMG_20190709_185406_531.jpg" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>wahid minawal</h5> <span>Afghanistan</span> <p> is holding the post of Afghanistan has done master Specialized in noida international university</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <div class="single-tutors-slides"> <!-- Tutor Thumbnail --> <div class="tutor-thumbnail"> <img src="images/TLI.png" alt=""> </div> <!-- Tutor Information --> <div class="tutor-information text-center"> <h5>asif gafoor</h5> <span></span> <p></p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> <!-- Single Tutors Slide --> </div> </div> </div> </div> </section> <!-- ##### Best Tutors End ##### --> <!-- ##### Register Now Start ##### --> <section class="register-now section-padding-100-0 d-flex justify-content-between align-items-center" style="background-image: url(projects-in-php/durai/d/img/core-img/texture.png);"> <!-- Register Contact Form --> <div class="register-contact-form mb-100 wow fadeInUp" data-wow-delay="250ms"> <div class="container-fluid"> <div class="row"> <div class="col-12"> <div class="forms"> <h4>Courses For Free</h4> <form method="post"> <div class="row"> <div class="col-12 col-lg-6"> <div class="form-group"> <input type="text" class="form-control" name="name" id="text" required placeholder="Name"> </div> </div> <div class="col-12 col-lg-6"> <div class="form-group"> <input type="email" class="form-control" id="email" name="email" required placeholder="Email"> </div> </div> <div class="col-12 col-lg-6"> <div class="form-group"> <input type="text" class="form-control" id="phone" name="mobile" required placeholder="Phone"> </div> </div> <div class="col-12 col-lg-6"> <div class="form-group"> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input"> </div> </div> <input type="submit" name="smessage" value="Submit" class="demo-btn"> </div> </form> </div> </div> </div> </div> </div> <!-- Register Now Countdown --> <div class="register-now-countdown mb-100 wow fadeInUp" data-wow-delay="500ms"> <h3>Register Now</h3> <p>Noidatut is an E Learning Platform for students to get CLASS NOTES AND LAB MANUALS. This is simple E Learning Platform where we aim to have the largest collection of E - Books and other study resources. We have the notes for different curces starting from Engineering to Diploma.</p> </div> </section> <!-- ##### Register Now End ##### --> <!-- The Modal --> <!-- The Modal --> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-pass"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">Forget Password</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <form class="seminor-login-form" method="post"> <div class="form-group"> <input type="email" class="form-control" name="email" autocomplete="off" required> <label class="form-control-placeholder" for="name">Email Address</label> </div> <br><br> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input" required> <br> <div class="btn-check-log"> <button type="submit" name="forget" class="btn-check-login">SUBMIT</button> </div> </form> <div class="forgot-pass-fau text-center pt-3"> <a href="#" class="text-secondary"><span data-toggle="modal" data-target="#sem-login" data-dismiss="modal">Already have account, Login ?</span></a> </div> <div class="create-new-fau text-center pt-3"> <a href="#" class="text-primary-fau"><span data-toggle="modal" data-target="#sem-reg" data-dismiss="modal">Create A New Account</span></a> </div> </div> </div> </div> </div> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-activationlink"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">Resent Activation Link</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <form class="seminor-login-form" method="post"> <div class="form-group"> <input type="email" class="form-control" name="email" autocomplete="off" required> <label class="form-control-placeholder" for="name">Email Address</label> </div> <br><br> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input" required> <br> <div class="btn-check-log"> <button type="submit" name="activationlink" class="btn-check-login">SUBMIT</button> </div> </form> <div class="forgot-pass-fau text-center pt-3"> <a href="#" class="text-secondary"><span data-toggle="modal" data-target="#sem-login" data-dismiss="modal">Already have account, Login ?</span></a> </div> <div class="create-new-fau text-center pt-3"> <a href="#" class="text-primary-fau"><span data-toggle="modal" data-target="#sem-reg" data-dismiss="modal">Create A New Account</span></a> </div> </div> </div> </div> </div> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-pay"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">Premium Membership</h5><br /> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <a href="https://securegw.paytm.in/link/47665/LL_5676397" target='_blank' rel='im-checkout' data-behaviour='remote' data-style='light' data-text="Pay with Paytm" style="border-radius: 2px;display: inline-block;border: 1px solid #e6ebf3;padding: 0 41px;color: #182233;font-size: 16px;text-decoration: none;font-family: 'Nunito Sans', sans-serif;height: 56px;line-height: 56px;background: #ffffff;border: 1px solid #e8edf4;color: #182233;"> <p align="center"> <span>Pay with Paytm</span> <img style="margin-left: 6px;vertical-align:sub;width: 74px;" src="https://static1.paytm.in/1.4/plogo/paytmlogo-coloured.png" /></p></a> </div> </div> </div> </div> <!-- The Modal --> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-view"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body" > <h5 class="modal-title text-center">MEMBERSHIP CERTIFICATE</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input"> <br> <div id="mail-status"></div> <div class="btn-check-log"><form method="post"> <button type="submit" name="certificate" class="btn-check-login">Get your Certitificate</button> </form></div> </div> </div> </div> </div> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-log"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">Log Out</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <form method="post"> <div class="btn-check-log"> <button type="submit" name="log" class="btn-check-login">Log Out</button> </div> <div class="create-new-fau text-center pt-3"> <a href="#" class="text-primary-fau"><span data-toggle="modal" data-target="#sem-login" data-dismiss="modal">Already Have An Account</span></a> </div> </form> </div> </div> </div> </div> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-reg"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">CREATE AN ACCOUNT</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <form class="seminor-login-form col-md-12" method="post"> <div class="form-group col-md-6"> <input type="name" class="form-control" name="name" required autocomplete="off"> <label class="form-control-placeholder" for="name">Full Name</label> </div> <div class="form-group col-md-6"> <input type="email" class="form-control" name="email" required autocomplete="off"> <label class="form-control-placeholder" for="name">Email address</label> </div> <div class="form-group col-md-6"> <input type="number" class="form-control" name="mobile" autocomplete="off"> <label class="form-control-placeholder" for="mobile">Mobile Number</label> </div> <br><br> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input"> <br> Note : Password and Activation Link will be send to your Email. Please check spam folder and unspam it. <div class="btn-check-log"> <button type="submit" name="register" class="btn-check-login">SIGN UP</button> </div> <div class="create-new-fau text-center pt-3"> <a href="#" class="text-primary-fau"><span data-toggle="modal" data-target="#sem-login" data-dismiss="modal">Already Have An Account</span></a> </div> </form> </div> </div> </div> </div> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-login"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">LOGIN TO MY ACCOUNT</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <form class="seminor-login-form" id="semlogin" method="post" novalidate="novalidate"> <div class="form-group"> <input type="email" class="form-control" name="email" autocomplete="off"> <label class="form-control-placeholder" for="name">Email Address</label> </div> <div class="form-group"> <input type="password" name="password" class="form-control" required autocomplete="off"> <label class="form-control-placeholder" for="password">Password</label> </div> <div class="form-group"> <label class="container-checkbox"> Remember Me <input type="checkbox" checked="checked" required> <span class="checkmark-box"></span> </label> </div> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input"> <br> <div class="btn-check-log"> <button type="submit" name="signin" class="btn-check-login">LOGIN</button> </div> <div id="loader-icon" style="display:none;"><img src="rpot/img/loader.gif" /></div> </div> </form> <div class="forgot-pass-fau text-center pt-3"> <a href="#" class="text-secondary"><span data-toggle="modal" data-target="#sem-pass" data-dismiss="modal">Forgot Your Password?</span></a> </div> <div class="create-new-fau text-center pt-3"> <a href="#" class="text-primary-fau"><span data-toggle="modal" data-target="#sem-reg" data-dismiss="modal">Create A New Account</span></a> </div> <div class="forgot-pass-fau text-center pt-3"> <a href="#" class="text-secondary"><span data-toggle="modal" data-target="#sem-activationlink" data-dismiss="modal">Resent Activation Link?</span></a> </div> </div> </div> </div> </div> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-pic"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">Update Profile Pic</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <div class="about-curriculum mb-30"> <div class="about-course mb-30"> <h4> <span style="color:chocolate;">Noida</span>Tut</h4> <p align="justify"> <form method="post" enctype="multipart/form-data"> <div class="row"> <div class="col-12 col-lg-6"> <div class="form-group"> <input class="form-control" type="file" name="image"> </div> </div> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input"> <br> <div class="col-12"> <button class="btn clever-btn w-100" name="profilepic">Upload</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-update"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">Update Profile</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> </div> </div> </div> </div> <!-- The Modal --> <div class="modal fade seminor-login-modal" data-backdrop="static" id="sem-password"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <!-- Modal body --> <div class="modal-body seminor-login-modal-body"> <h5 class="modal-title text-center">Change Password</h5> <button type="button" class="close" data-dismiss="modal"> <span><i class="fa fa-times-circle" aria-hidden="true"></i></span> </button> <form class="seminor-login-form col-md-12" method="post"> <div class="form-group col-md-6"> <input type="password" class="form-control" name="old" value="" required autocomplete="off"> <label class="form-control-placeholder" for="name">Old Password</label> </div> <div class="form-group col-md-6"> <input type="password" class="form-control" name="new" value="" required autocomplete="off"> <label class="form-control-placeholder" for="password">New Password</label> </div> <div class="form-group col-md-6"> <input type="password" class="form-control" name="new1" value="" required autocomplete="off"> <label class="form-control-placeholder" for="password">Confirm New Password</label> </div> <div id="error-captcha" class="demo-error"></div><br/> <input name="captcha_code" type="text" class="demo-input captcha-input"> <br> <div id="loader-icon" style="display:none;"><img src="img/loader.gif" /></div> </div> <br><br><br><br> <div class="btn-check-log"> <button type="submit" name="updatepassword" class="btn-check-login">UpdatePassword</button> </div> </form> </div> </div> </div> </div> <!-- The Modal --> <!-- ##### Footer Area Start ##### --> <footer class="footer-area"> <!-- Top Footer Area --> <div class="top-footer-area"> <div class="container"> <div class="row"> <div class="col-12"> <!-- Footer Logo --> <div class="footer-logo"> <a class="nav-brand" href="www.noidatut.com"><h1><span style="color:chocolate;">Noida</span>Tut</h1></a> </div> <!-- Copywrite --> <p><a href="#">Copyright ©2019 All rights reserved</a></p> </div> </div> </div> </div> </footer> <!-- ##### Footer Area End ##### --> <!-- ##### All Javascript Script ##### --> <!-- jQuery-2.2.4 js --> <script src="projects-in-php/durai/d/js/jquery/jquery-2.2.4.min.js"></script> <!-- Popper js --> <script src="projects-in-php/durai/d/js/bootstrap/popper.min.js"></script> <!-- Bootstrap js --> <script src="projects-in-php/durai/d/js/bootstrap/bootstrap.min.js"></script> <!-- All Plugins js --> <script src="projects-in-php/durai/d/js/plugins/plugins.js"></script> <!-- Active js --> <script src="projects-in-php/durai/d/js/active.js"></script> </body> </html>