HTML 4 and 5.pdf - P.PDFKUL.COM

Viewer
Transcript

ONLINE ACADEMY

PROFESSIONAL

WEB DESIGN

Training Course

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY

PROFESSIONAL

WEB DESIGN COURSE INTRO

Duration: 2 Months Total Classes: 50 Classes Registration: $2.00 Convert into PKR =/200 Rupees Per Month: $13.00 Convert onto PKR =/1300 Rupees Lump Sum (No Reg Fee): $24.00 Convert into PKR =/2500 Rupees CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY

PROFESSIONAL

WEB DESIGN Benefits This Course: 1) You should be able to create your own website. 2) Scope web designer of Industries 3) Learn You have complete HTML, CSS, Bootstrap and Make your Final Project. 4) Easily Find Jobs. 5) Earn Money Online Working with Freelancing, Up work etc. 6) Support For Life Time.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN COURSE TOPICS:  Introduction  HTML 4/5  CSS 3  Bootstrap  Live Projects  Build a Responsive Website

= 1 class = 12 classes = 12 classes = 12 classes = 3 classes = 10 classes

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN

Topic 1 Class 1

 INTRODUCTION 1. What is Web Browser? 2. What is Web Page? 3. What is Website? 4. Why do we need a website? 5. How can we benefits from the website? 6. What we need to create the website? 7. How we can earn for website?

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN

Topic 1 Class 1

 INTRODUCTION 1 .What is Web Browser ? A browser, short for web browser, is the software application (a program) that you're using right now to search for, reach and explore websites. Examples :      

Google Chrome Mozilla Firefox Apple Safari Microsoft Internet Explorer Microsoft Edge Opera

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  INTRODUCTION

Topic 1 Class 1

2 .What is Web Page?

A web page or webpage is a document commonly written in Hypertext Markup Language (HTML) that is accessible through the Internet or other network using an Internet browser. A web page is accessed by entering a URL address and may contain text, graphics, and hyperlinks to other web pages and files. The page you are reading now is an example of a web page.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  INTRODUCTION

Topic 1 Class 1

3 .What is Website ? A Web site is a related collection of World Wide Web (WWW) files that includes a beginning file called a home page. A company or an individual tells you how to get to their Web site by giving you the address of their home page.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  INTRODUCTION

Topic 1 Class 1

4 .Why do we need a website ? Q) My business is very small, just me and two employees, and our product really can't be sold online. Do I really need a website? Your website is an important part of your business. Make sure you treat it as such.

5. How can we benefits from the website? BENEFITS : Websites Never Sleep. Your Top Competitor Has A Website. Websites Improve Customer Confidence & Corporate Image Small Businesses Have Higher Revenue. Do You Know 247 Million People? Websites Are Not Just Local, They Are Global.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  INTRODUCTION 6.What

     

we need to create the website?

Get Your Domain Name. ... Choose a Web Host and Sign Up for an Account. ... Designing your Web Pages. ... Testing Your Website. ... Collecting Credit Card Information, Making Money. ... Getting Your Site Noticed.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

Topic 1 Class 1

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  INTRODUCTION

Topic 1 Class 1

7.How we can earn for website?

5 Ways to Earn Money from Your Site 1. Cost-Per-Click Ads 2. Fixed-Price Ads 3. Affiliate Marketing 4. Email Advertising 5. Selling Your Website

>>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN

Topic 2 Class 1

 HTML 4 / 5 1. What is HTML? 2. what is the difference between HTML 4 & HTML 5? 3. Basic structure of an HTML document? 4. Creating an HTML document? 5. Mark up tags. 6. Heading-Paragraphs. 7. Line Breaks. 8. HTML tags. 9. Elements of HTML. 10.Introduction to element of HTML. 11. working with text. 12. Working with list, tables and Frames. 13. Working with Hyperlinks, Images and Multimedia. 14.Working with forms and controls.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN

Topic 2 Class 1

 HTML 4 / 5 1.What is HTML? 2.What is the difference between HTML 4 and HTML 5?

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN

Topic 2 Class 1

 HTML 4 / 5 1 .What is HTML?

Hyper Text Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS), and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web.[1] Web browsers receive HTML documents from a web server or from local storage and render them into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN Topic 2 Class 1

 HTML 4 / 5  How does it work HTML?

HTML consists of a series of short codes typed into a textfile by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 1

2 .HTML 4 VS HTML 5 Hyper Text Markup Language (HTML) is the primary markup language for web pages. HTML5 is the version of HTML. There are lots of differences that are given in HTML5. The main difference between HTML and HTML 5 is that video and audio are not part of HTML while these both are integral parts of HTML5 specifications. Key Differences  Audio and video were not part of previous HTML version specifications, however, both are the integral part of HTML5 specifications.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 1

 Vector graphics is also an integral part of HTML5 such as SVG and canvas while vector graphics is possible in HTML with the help of various technologies such as VML, Silver-light, Flash, etc.  In HTML, browser cache can be used as temporary storage. In case of HTML5, application cache, web SQL database, and web storage is used.  HTML doesn’t allows JavaScript to run in web browser, it runs in same thread as browser interface. HTML5 allows JavaScript to run in background that is possible because of JS Web worker API in HTML5.  HTML works smoothly with all old browsers while most of the modern web browsers have started supporting HTML5 specifications. These browsers include: Firefox, Mozilla, Chrome, Opera, Safari, etc.

>>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 2

3 . Basic structure of an HTML document? An HTML document has two main parts: the head and the body. But firstly every HTML document should start by declaring that it is an HTML document. These tags are of the form: Should appear at the beginning of your document. Should appear at the end of your document.

HTML Tags This leads us nicely on to say more about [X]HTML tags. All formatting tags (or elements) are of the general form:

CONATACT US:on. For example, to bold some text add a Switches the tag sequence at the beginning of the text.

Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Switches the tag sequence off. The tag_on and tag_off tags are the same except the off tag has an / character in front of it. For example, to switch off the bolding Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB add a character sequence at the end of the text that is to be given the attribute of bolding.

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 2

 Head of an HTML Document The HEAD of an HTML document is where information (which might be ignored by some Web browsers), such as the document's title, can be placed. There are several elements that can be referenced in the HEAD of a document but we will concentrate on the document's title. (The document's title appears as the viewing window's title on browsers such as Internet Explorer and Netscape.) The region associated with the HEAD of a document should be declared using the following HTML tags: Should appear after the definition. Should appear after any Header text.

A typical entry in the HEAD of a document would be: Title of the document

CONATACT US:

Email : [email protected] Cell/WhatsApp : +92 310 1210855 Skype muhammad.shoaib6215 Switches the tag sequence on.: For example, to bold some text add a

at the beginning of the text. Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB Switches the tag sequence off. The tag_on and tag_off tags are the same except

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 2

 Body of an HTML Document The BODY of an HTML document is where all the information you wish to view must appear. The text must be carefully marked-up, paragraphs must begin with the
marker and the end of each paragraph must be clearly marked using the HTML tag
. Web browsers are, generally speaking, very robust. That is, they will always show some presentation of the text - albeit the wrong or unintended layout. If the body text doesn't contain paragraph breaks then the text will be viewed as one long paragraph! (See what the ASCII text file example.txt looks like if it is saved as example.html.) The region associated with the BODY of a document should be declared using the following HTML tags:

Should appear after the definition. Should appearCONATACT after the document's text but before the tag. US:

: [email protected] An HTML documentEmail can be as freely formatted as you wish. The ends of words Cell/WhatsApp : +92 and sentences are indicated by spaces.310 It 1210855 doesn't matter how many spaces you Skype : muhammad.shoaib6215 use; one is as good as 100! The end of lines counts as one space. Lines can be left broken in odd places and your local Web viewer will join them together into Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB one flowing paragraph. Title of the document

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 2

 Example HTML Document The following text should be typed in to a local file on a system which is equipped with a Web browser.

CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 2

 Example HTML Document

>>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 3

4 . Creating an HTML Document.  HTML EDITORS An HTML editor is a computer program for editing HTML, the markup of a webpage. Although the HTML markup of a web page can be written with any text editor, specialized HTML editors can offer convenience and added functionality.

The basic structure then of any HTML page is:

>>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype

: [email protected] : +92 310 1210855 : muhammad.shoaib6215

Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB

ONLINE ACADEMY PROFESSIONAL

WEB DESIGN  HTML 4 / 5

Topic 2 Class 4

5 . What is Mark up Tags. A “markup tag” is the fundamental characteristic of HTML. Every markup tag is a command placed between “wickets” or “angle brackets”—a left bracket (<) and a right bracket (>). Markup tags are not revealed by a web browser; they are invisible. Examples: <body> These are mark up tags. >>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 5<br /> <br /> 6 . Headings & Paragraphs. Headings: Headings are important in HTML documents. HTML defines six levels of headings. A heading element implies all the font changes, paragraph breaks before and after, and any white space necessary to render the heading. The heading elements are H1, H2, H3, H4, H5, and H6 with H1 being the highest (or most important) level and H6 the least. For example: <H1>This is a top level heading</H1> Here is some text. <H2>Second level heading</H2> Here is some more text.<br /> <br /> Paragraphs: HTML paragraph tags are used to define the HTML paragraph element. The paragraph element begins with the HTML <p> tag and ends with the HTML </p> tag. The HTML paragraph element should not contain tables and other block elements.<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 5<br /> <br /> Example: <p>This is a paragraph.</p><br /> <br />  What is Attributes? Attributes provide additional information about HTML elements. 1. All HTML elements can have attributes 2. Attributes provide additional information about an element 3. Attributes are always specified in the start tag 4. Attributes usually come in name/value pairs like: name="value" Example: <p align=”center”>This is a paragraph.</p><br /> <br /> 7 . Line Breaks in HTML. A line break is marked up as follows:<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 Example: This text contains<br>a line break. In HTML, the <br> tag has no end tag. the <br> tag must be properly closed, like this: <br />.<br /> <br /> >>>>>>> Class Finished <<<<<<<<<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> Topic 2 Class 5<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 6<br /> <br /> 8. HTML Tags. Examples: <a> <ul> <li> <i> <u> <b> <div> <hr> <img> <input> <link> <option> <script><br /> <br /> Defines a hyperlink Defines an unordered list Defines a list item Defines a part of text in an alternate voice or mood Defines text that should be stylistically different from normal text Defines bold text Defines a section in a document Defines a thematic change in the content Defines an image Defines an input control Defines the relationship between a document and an external resource (most used to link to style sheets) Defines an option in a drop-down list Defines a client-side script<br /> <br /> >>>>>>> Class Finished <<<<<<<<<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY ] PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 7<br /> <br /> 9. Elements of HTM. 10. Introduction Elements of HTM. HTML Elements An HTML element usually consists of a start tag and end tag, with the content inserted in between: <tagname>Content goes here...</tagname> The HTML element is everything from the start tag to the end tag: <p>My first paragraph.</p><br /> <br /> >>>>>>> Class Finished <<<<<<<<<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 8<br /> <br /> 11. Working with text. Dummy Text : http://www.lipsum.com/<br /> <br /> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing .<br /> <br /> >>>>>>> Class Finished <<<<<<<<<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 9<br /> <br /> 12. Working with list, tables and Frames.<br /> <br /> HTML lists. Lists are used to group related pieces of information together, so they are clearly associated with each other and easy to read. In modern web development lists are workhorse elements, frequently used for navigation as well as general content. The three list types  unordered list — used to group a set of related items, in no particular order.  ordered list — used to group a set of related items, in a specific order.  description list — used to display name/value pairs such as terms and their definitions, or times and events.<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 9<br /> <br /> Unordered lists Unordered lists, or bulleted lists, are used when a set of items can be placed in any order. An example is a shopping list: Code here: <ul> <li>bread</li> <li>coffee beans</li> <li>milk</li> <li>butter</li> </ul> Examples:<br /> <br />    <br /> <br /> milk bread butter coffee beans CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 9<br /> <br /> Unordered lists Unordered lists, or bulleted lists, are used when a set of items can be placed in any order. An example is a shopping list: Code here: <ul> <li>bread</li> <li>coffee beans</li> <li>milk</li> <li>butter</li> </ul> Results:<br /> <br />    <br /> <br /> milk bread butter coffee beans CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 9<br /> <br /> Ordered lists: Ordered lists, or numbered lists, are used to display a list of items that need to be placed in a specific order. An example would be cooking instructions, which must be completed in order for the recipe to work:<br /> <br /> Code Here: <ol> <li>Gather ingredients</li> <li>Mix ingredients together</li> <li>Place ingredients in a baking dish</li> <li>Bake in oven for an hour</li> </ol> Results: 1. 2. 3. 4.<br /> <br /> Gather ingredients Mix ingredients together Place ingredients in a baking dish Bake in oven for an hour<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 Description lists:<br /> <br /> Topic 2 Class 9<br /> <br /> Description lists associate specific names and their values within a list, for example items in an ingredient list and their descriptions, article metadata such as authors and categories and their values, or competition winners and the years in which they won. Let's explore the ingredient list example a bit more deeply. You could write an ingredients list like so:<br /> <br /> Code Here:<br /> <br /> <dl> <dt>Name</dt> <dd>Value</dd> <dt>Name</dt> <dd>Value</dd> <dt>Name</dt> <dd>Value</dd> </dl><br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 Results:<br /> <br /> Topic 2 Class 10<br /> <br /> milk A white, liquid dairy product. bread A baked food made of flour or meal. butter A yellow, solid dairy product. coffee beans The seeds of the fruit from certain coffee trees. ------------ x --------------<br /> <br /> HTML Tables. The HTML tables allow web authors to arrange data like text, images, links, other tables, etc. into rows and columns of cells. The HTML tables are created using the <table> tag in which the <tr> tag is used to create table rows and <td> tag is used to create data cells.<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 10<br /> <br /> Code Here : <table width="500" align="center" border="1"> <tr align="center"> <th>No.</th> <th>Name</th> <th>Age</th> </tr> <tr align="center"> <td>01</td> <td>Ali</td> <td>25 Age</td> </tr> <tr align="center"> <td>02</td> <td>Zahid</td> <td>19 Age</td> </tr> <tr align="center"> <td>03</td> <td>Salman</td> <td>28 Age</td> </tr> </table><br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5<br /> <br /> Topic 2 Class 10<br /> <br /> Result:<br /> <br /> HTML Frames. To use frames on a page we use <frameset> tag instead of <body> tag. The <frameset> tag defines how to divide the window into frames. The rows attribute of <frameset> tag defines horizontal frames and cols attribute defines vertical frames. Each frame is indicated by <frame> tag and it defines which HTML document shall open into the frame.<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 Code Here:<br /> <br /> Topic 2 Class 10<br /> <br /> <FRAMESET cols="20%,*,20%"> <FRAME src="h.htm"> <FRAME src="h.htm"> <FRAME src="h.htm"> </FRAMESET><br /> <br /> Results:<br /> <br /> >>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 13.Working with Hyperlinks, Images and Multimedia.<br /> <br /> Topic 2 Class 11<br /> <br /> HTML Links – Hyperlinks You can click on a link and jump to another document. Code Here: <a href=" https://www.google.com.pk/" rel="nofollow">Click Here</a> Results:<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 13.Working with Hyperlinks, Images and Multimedia.<br /> <br /> Topic 2 Class 11<br /> <br /> HTML Images Code Here:<br /> <br /> <img src="Desert.jpeg" alt="Smiley face"> Results:<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 13.Working with Hyperlinks, Images and Multimedia.<br /> <br /> Topic 2 Class 11<br /> <br /> What is Multimedia?  Multimedia comes in many different formats. It can be almost anything you can hear or see.  Examples: Images, music, sound, videos, records, films, animations, and more.  Web pages often contain multimedia elements of different types and formats.  In this chapter you will learn about the different multimedia formats. <br /> <br /> HTML Media    <br /> <br /> HTML Video HTML Audio HTML Plug-ins HTML YouTube<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 13.Working with Hyperlinks, Images and Multimedia.<br /> <br /> Topic 2 Class 11<br /> <br /> HTML Media  HTML Video Code Here: <video width="400" controls> <source src="hosting.mp4" type="video/mp4"> </video><br /> <br /> Results:<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 13.Working with Hyperlinks, Images and Multimedia.<br /> <br /> Topic 2 Class 11<br /> <br /> HTML Media  HTML Audio Code Here: <audio controls rel="nofollow"> <source src="Sleep Away.mp3" type="audio/mpeg"> </audio><br /> <br /> Results:<br /> <br /> HTML Media HTML Media  HTML Plug-ins <object> The <object> element defines an embedded object within an HTML document. It is used to embed plug-ins (like Java applets, PDF readers, Flash Players) in web pages. CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 13.Working with Hyperlinks, Images and Multimedia.<br /> <br /> Topic 2 Class 11<br /> <br /> Code Here:<br /> <br /> <object data="desert.jpeg"></object> Results:<br /> <br /> HTML Media  HTML YouTube You can have your video start playing automatically when a user visits that page by adding a simple parameter to your YouTube URL.<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 13.Working with Hyperlinks, Images and Multimedia.<br /> <br /> Topic 2 Class 11<br /> <br /> Code Here: <iframe width="420" height="345" src="https://www.youtube.com/embed/XGSy3_Czz8k"> </iframe><br /> <br /> Results:<br /> <br /> >>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY PROFESSIONAL<br /> <br /> WEB DESIGN  HTML 4 / 5 14. Working with forms and controls.<br /> <br /> Topic 2 Class 12<br /> <br /> Forms: The HTML <form> element defines a form that is used to collect user input: Code Here: <form action="action_page.php"> First name:<br> <input type="text" name="firstname" value="Mickey"> <br> Last name:<br> <input type="text" name="lastname" value="Mouse"> <br><br> <input type="submit" value="Submit"> </form><br /> <br /> Results:<br /> <br /> >>>>>>> Class Finished <<<<<<<< CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> ONLINE ACADEMY<br /> <br /> PROFESSIONAL<br /> <br /> WEB DESIGN Course Congratulations  You Have Completely to Lean HTML 4/5. --------------x----------------x----------------HTML 4/5 Review: Total Classes : 12 Classes Instructor : Muhammad Shoaib<br /> <br /> Review Instructor: I’m UI Designer & Developer for PhpMySQL, and also I’m E-marketing/Digital Marketing and I’m working on freelancing +4 yes’s experience.<br /> <br /> CONATACT US: Email Cell/WhatsApp Skype<br /> <br /> : Onlineacademy750@gmail.com : +92 310 1210855 : muhammad.shoaib6215<br /> <br /> Copyright © All Rights Reserved Design By MUHAMMAD SHOAIB<br /> <br /> </div> </div> </div> </div> </div> </div> <div class="row hidden-xs"> <div class="col-md-12"> <h4></h4> <hr /> </div> <div class="col-lg-3 col-md-4"> <div class="box-product doc"> <div class="doc-meta-thumb name"> <a href="https://p.pdfkul.com/answers-of-wb-ch-4-html-and-csspdf_59c115df1723dddb426a772f.html"> <img src="https://p.pdfkul.com/img/300x300/answers-of-wb-ch-4-html-and-csspdf_59c115df1723dddb426a772f.jpg" alt="Answers of WB. Ch-4 HTML and CSS.pdf" height="200" class="block" /> <h4 class="name-title">Answers of WB. Ch-4 HTML and CSS.pdf</h4> </a> </div> </div> </div> <div class="col-lg-3 col-md-4"> <div class="box-product doc"> <div class="doc-meta-thumb name"> <a href="https://p.pdfkul.com/html-php-tutorial-4pdf_59c382b51723dd73c9d80594.html"> <img src="https://p.pdfkul.com/img/300x300/html-php-tutorial-4pdf_59c382b51723dd73c9d80594.jpg" alt="HTML & PHP Tutorial 4.pdf" height="200" class="block" /> <h4 class="name-title">HTML & PHP Tutorial 4.pdf</h4> </a> </div> </div> </div> <div class="col-lg-3 col-md-4"> <div class="box-product doc"> <div class="doc-meta-thumb name"> <a href="https://p.pdfkul.com/https-onlinecoursessciencepsuedu-stat504-print-book-export-html-4-_59b518251723dda273d99a80.html"> <img src="https://p.pdfkul.com/img/300x300/https-onlinecoursessciencepsuedu-stat504-print-boo_59b518251723dda273d99a80.jpg" alt="https://onlinecourses.science.psu.edu/stat504/print/book/export/html/4 ..." height="200" class="block" /> <h4 class="name-title">https://onlinecourses.science.psu.edu/stat504/print/book/export/html/4 ...</h4> </a> </div> </div> </div> <div class="col-lg-3 col-md-4"> <div class="box-product doc"> <div class="doc-meta-thumb name"> <a href="https://p.pdfkul.com/html-interview-questions-and-answerspdf_59df7ddc1723dd99a9291b9d.html"> <img src="https://p.pdfkul.com/img/300x300/html-interview-questions-and-answerspdf_59df7ddc1723dd99a9291b9d.jpg" alt="HTML Interview Questions and Answers.pdf" height="200" class="block" /> <h4 class="name-title">HTML Interview Questions and Answers.pdf</h4> </a> </div> </div> </div> <div class="col-lg-3 col-md-4"> <div class="box-product doc"> <div class="doc-meta-thumb name"> <a href="https://p.pdfkul.com/ajax1html-1-2-ajax1html-2-2-cs50-cdn_5b11ce947f8b9a5b968b4568.html"> <img src="https://p.pdfkul.com/img/300x300/ajax1html-1-2-ajax1html-2-2-cs50-cdn_5b11ce947f8b9a5b968b4568.jpg" alt="ajax1.html 1/2 ajax1.html 2/2 - CS50 CDN" height="200" class="block" /> <h4 class="name-title">ajax1.html 1/2 ajax1.html 2/2 - CS50 CDN</h4> </a> </div> </div> </div> <div class="col-lg-3 col-md-4"> <div class="box-product doc"> <div class="doc-meta-thumb name"> <a href="https://p.pdfkul.com/html-headings_5b000dab8ead0ef1278b456f.html"> <img src="https://p.pdfkul.com/img/300x300/html-headings_5b000dab8ead0ef1278b456f.jpg" alt="HTML Headings" height="200" class="block" /> <h4 class="name-title">HTML Headings</h4> </a> </div> </div> </div> </div> </div> <div class="col-lg-3 col-md-4 col-xs-12"> <div class="panel-meta panel panel-info"> <div class="panel-heading"> <h2 class="text-center panel-title">HTML 4 and 5.pdf</h2> </div> <div class="panel-body"> <div class="row"> <div class="col-md-12"> <span class="st">Cell/WhatsApp : +92 310 1210855. Skype : muhammad.shoaib6215. ONLINE ACADEMY. <em>WEB DESIGN</em>. PROFESSIONAL. Training Course. Page 1 of 48 ...</span> </div> <div class="col-md-12"> <div class="doc"> <hr /> <div class="download-button" style="margin-right: 3px; margin-bottom: 6px;"> <a href="https://p.pdfkul.com/download/html-4-and-5pdf_59be83651723dde8e86d2583.html" class="btn btn-success btn-block"><i class="fa fa-cloud-download"></i> Download PDF </a> </div> <div class="share-box pull-left" style="margin-right: 3px;">  <a href="http://www.facebook.com/sharer.php?u=https://p.pdfkul.com/html-4-and-5pdf_59be83651723dde8e86d2583.html" target="_blank" class="btn btn-social-icon btn-facebook"> <i class="fa fa-facebook"></i> </a>  <a href="http://www.linkedin.com/shareArticle?mini=true&url=https://p.pdfkul.com/html-4-and-5pdf_59be83651723dde8e86d2583.html" target="_blank" class="btn btn-social-icon btn-twitter"> <i class="fa fa-twitter"></i> </a> </div> <div class="fb-like pull-left" data-href="https://p.pdfkul.com/html-4-and-5pdf_59be83651723dde8e86d2583.html" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div> <div class="clearfix"></div> <div class="row"> <div class="col-md-12" style="margin-top: 6px;"> <span class="btn pull-left" style="padding-left: 0;"><i class="fa fa-file-pdf-o"></i> 2MB Sizes</span> <span class="btn pull-left"><i class="fa fa-download"></i> 0 Downloads</span> <span class="btn pull-left" style="padding-right: 0;"><i class="fa fa-eye"></i> 119 Views</span> </div> </div> <div class="clearfix"></div> <div class="row"> <div class="col-md-12"> <span class="btn pull-left" style="padding-left: 0;"><a data-toggle="modal" data-target="#report" style="color: #f44336;"><i class="fa fa-handshake-o"></i> Report</a></span> </div> </div> </div> </div> </div> <h4 id="comment"></h4> <div id="fb-root"></div> <script> (function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9&appId=266776430439748"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <div class="fb-comments" data-href="https://p.pdfkul.com/html-4-and-5pdf_59be83651723dde8e86d2583.html" data-width="100%" data-numposts="6"></div> </div> </div> <div class="panel-recommend panel panel-success"> <div class="panel-heading"> <h4 class="text-center panel-title">Recommend Documents</h4> </div> <div class="panel-body"> <div class="row m-0"> <div class="col-md-3 col-xs-3 pl-0 text-center"> <a href="https://p.pdfkul.com/answers-of-wb-ch-4-html-and-csspdf_59c115df1723dddb426a772f.html"> <img src="https://p.pdfkul.com/img/60x80/answers-of-wb-ch-4-html-and-csspdf_59c115df1723dddb426a772f.jpg" alt="" width="100%" /> </a> </div> <div class="col-md-9 col-xs-9 p-0"> <a href="https://p.pdfkul.com/answers-of-wb-ch-4-html-and-csspdf_59c115df1723dddb426a772f.html"> Answers of WB. Ch-4 HTML and CSS.pdf </a> <div class="doc-meta"> <div class="doc-desc">There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. Main menu.</div> </div> </div> <div class="clearfix"></div> <hr class="mt-15 mb-15" /> </div> <div class="row m-0"> <div class="col-md-3 col-xs-3 pl-0 text-center"> <a href="https://p.pdfkul.com/html-php-tutorial-4pdf_59c382b51723dd73c9d80594.html"> <img src="https://p.pdfkul.com/img/60x80/html-php-tutorial-4pdf_59c382b51723dd73c9d80594.jpg" alt="" width="100%" /> </a> </div> <div class="col-md-9 col-xs-9 p-0"> <a href="https://p.pdfkul.com/html-php-tutorial-4pdf_59c382b51723dd73c9d80594.html"> HTML & PHP Tutorial 4.pdf </a> <div class="doc-meta"> <div class="doc-desc">There was a problem previewing this document. Retrying... Download. Connect more apps... Try one of the apps below to open or edit this item. HTML & PHP ...</div> </div> </div> <div class="clearfix"></div> <hr class="mt-15 mb-15" /> </div> <div class="row m-0"> <div class="col-md-3 col-xs-3 pl-0 text-center"> <a href="https://p.pdfkul.com/https-onlinecoursessciencepsuedu-stat504-print-book-export-html-4-_59b518251723dda273d99a80.html"> <img src="https://p.pdfkul.com/img/60x80/https-onlinecoursessciencepsuedu-stat504-print-boo_59b518251723dda273d99a80.jpg" alt="" width="100%" /> </a> </div> <div class="col-md-9 col-xs-9 p-0"> <a href="https://p.pdfkul.com/https-onlinecoursessciencepsuedu-stat504-print-book-export-html-4-_59b518251723dda273d99a80.html"> https://onlinecourses.science.psu.edu/stat504/print/book/export/html/4 ... </a> <div class="doc-meta"> <div class="doc-desc">Sep 3, 2014 - This is an example of a 2Ã2Ã4 three-way table that cross-classifies a population from a PA census ..... We often call the sample proportion to.</div> </div> </div> <div class="clearfix"></div> <hr class="mt-15 mb-15" /> </div> <div class="row m-0"> <div class="col-md-3 col-xs-3 pl-0 text-center"> <a href="https://p.pdfkul.com/html-interview-questions-and-answerspdf_59df7ddc1723dd99a9291b9d.html"> <img src="https://p.pdfkul.com/img/60x80/html-interview-questions-and-answerspdf_59df7ddc1723dd99a9291b9d.jpg" alt="" width="100%" /> </a> </div> <div class="col-md-9 col-xs-9 p-0"> <a href="https://p.pdfkul.com/html-interview-questions-and-answerspdf_59df7ddc1723dd99a9291b9d.html"> HTML Interview Questions and Answers.pdf </a> <div class="doc-meta"> <div class="doc-desc">HTML Interview Questions and Answers.pdf. HTML Interview Questions and Answers.pdf. Open. Extract. Open with. Sign In. Main menu. Displaying HTML ...</div> </div> </div> <div class="clearfix"></div> <hr class="mt-15 mb-15" /> </div> <div class="row m-0"> <div class="col-md-3 col-xs-3 pl-0 text-center"> <a href="https://p.pdfkul.com/ajax1html-1-2-ajax1html-2-2-cs50-cdn_5b11ce947f8b9a5b968b4568.html"> <img src="https://p.pdfkul.com/img/60x80/ajax1html-1-2-ajax1html-2-2-cs50-cdn_5b11ce947f8b9a5b968b4568.jpg" alt="" width="100%" /> </a> </div> <div class="col-md-9 col-xs-9 p-0"> <a href="https://p.pdfkul.com/ajax1html-1-2-ajax1html-2-2-cs50-cdn_5b11ce947f8b9a5b968b4568.html"> ajax1.html 1/2 ajax1.html 2/2 - CS50 CDN </a> <div class="doc-meta"> <div class="doc-desc">3: ajax1.html. 4: 5: Gets stock quote from quote1.php via Ajax, displaying result with alert(). 6: 7: Computer Science 50. 8: David J. Malan. 9: 10: -->. 11: 12: </div> </div> </div> <div class="clearfix"></div> <hr class="mt-15 mb-15" /> </div> <div class="row m-0"> <div class="col-md-3 col-xs-3 pl-0 text-center"> <a href="https://p.pdfkul.com/html-headings_5b000dab8ead0ef1278b456f.html"> <img src="https://p.pdfkul.com/img/60x80/html-headings_5b000dab8ead0ef1278b456f.jpg" alt="" width="100%" /> </a> </div> <div class="col-md-9 col-xs-9 p-0"> <a href="https://p.pdfkul.com/html-headings_5b000dab8ead0ef1278b456f.html"> HTML Headings </a> <div class="doc-meta"> <div class="doc-desc">This is heading 4. â¢. This is heading ... Comments are ignored by the browser and are not displayed. ... "View Source" in Internet Explorer, or.</div> </div> </div> <div class="clearfix"></div> <hr class="mt-15 mb-15" /> </div> </div> </div> </div> </div> </div> <div class="modal fade" id="report" tabindex="-1" role="dialog" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <form role="form" method="post" action="https://p.pdfkul.com/report/59be83651723dde8e86d2583" style="border: none;"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Report HTML 4 and 5.pdf</h4> </div> <div class="modal-body"> <div class="form-group"> <label>Your name</label> <input type="text" name="name" required="required" class="form-control" /> </div> <div class="form-group"> <label>Email</label> <input type="email" name="email" required="required" class="form-control" /> </div> <div class="form-group"> <label>Reason</label> <select name="reason" required="required" class="form-control"> <option value="">-Select Reason-</option> <option value="pornographic" selected="selected">Pornographic</option> <option value="defamatory">Defamatory</option> <option value="illegal">Illegal/Unlawful</option> <option value="spam">Spam</option> <option value="others">Other Terms Of Service Violation</option> <option value="copyright">File a copyright complaint</option> </select> </div> <div class="form-group"> <label>Description</label> <textarea name="description" required="required" rows="3" class="form-control"></textarea> </div> <div class="form-group"> <div style="display: inline-block;"> <div class="g-recaptcha" data-sitekey="6LeP2DsUAAAAAABvCByMZRCE253cahUVoC_jPUkq"></div> </div> </div> <script src='https://www.google.com/recaptcha/api.js'></script> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <button type="submit" class="btn btn-primary">Save changes</button> </div> </form> </div> </div> </div>  <div class="modal fade" id="login" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close" on="tap:login.close"><span aria-hidden="true">×</span></button> <h3 class="modal-title">Sign In</h3> </div> <div class="modal-body"> <form action="https://p.pdfkul.com/login" method="post"> <div class="form-group form-group-lg"> <label class="sr-only" for="email">Email</label> <input class="form-input form-control" type="text" name="email" id="email" value="" placeholder="Email" /> </div> <div class="form-group form-group-lg"> <label class="sr-only" for="password">Password</label> <input class="form-input form-control" type="password" name="password" id="password" value="" placeholder="Password" /> </div> <div class="form-group form-group-lg"> <div class="checkbox"> <label class="form-checkbox"> <input type="checkbox" name="remember" value="1" /> <i class="form-icon"></i> Remember Password </label> <label class="pull-right"><a href="https://p.pdfkul.com/forgot">Forgot Password?</a></label> </div> </div> <button class="btn btn-lg btn-primary btn-block" type="submit">Sign In</button> </form> </div> </div> </div> </div>  <div class="footer-container" style="background: #fff;display: block;padding: 10px 0 20px 0;margin-top: 30px;"> <hr /> <div class="footer-container-inner"> <footer id="footer" class="container"> <div class="row">  <section class="block col-md-4 col-xs-12 col-sm-3" id="block_various_links_footer"> <h4>Information</h4> <ul class="toggle-footer" style=""> <li><a href="https://p.pdfkul.com/about">About Us</a></li> <li><a href="https://p.pdfkul.com/privacy">Privacy Policy</a></li> <li><a href="https://p.pdfkul.com/term">Terms and Service</a></li> <li><a href="https://p.pdfkul.com/copyright">Copyright</a></li> <li><a href="https://p.pdfkul.com/contact">Contact Us</a></li> </ul> </section>  <section id="social_block" class="col-md-4 col-xs-12 col-sm-3 block"> <h4>Follow us</h4> <ul> <li class="facebook"> <a target="_blank" href="" title="Facebook"> <i class="fa fa-facebook-square fa-2x"></i> <span>Facebook</span> </a> </li> <li class="twitter"> <a target="_blank" href="" title="Twitter"> <i class="fa fa-twitter-square fa-2x"></i> <span>Twitter</span> </a> </li> <li class="google-plus"> <a target="_blank" href="" title="Google Plus"> <i class="fa fa-plus-square fa-2x"></i> <span>Google Plus</span> </a> </li> </ul> </section>  <div id="newsletter" class="col-md-4 col-xs-12 col-sm-3 block"> <h4>Newsletter</h4> <div class="block_content"> <form action="https://p.pdfkul.com/newsletter" method="post"> <div class="form-group"> <input id="newsletter-input" type="text" name="email" size="18" placeholder="Entrer Email" /> <button type="submit" name="submit_newsletter" class="btn btn-default"> <i class="fa fa-location-arrow"></i> </button> <input type="hidden" name="action" value="0"> </div> </form> </div> </div>  </div> <div class="row"> <div class="bottom-footer"> <div class="container"> Copyright © 2024 P.PDFKUL.COM. All rights reserved. </div> </div> </div> </footer> </div> </div>  <script> $(function () { $("#document_search").autocomplete({ source: function (request, response) { $.ajax({ url: "https://p.pdfkul.com/suggest", dataType: "json", data: { term: request.term }, success: function (data) { response(data); } }); }, autoFill: true, select: function (event, ui) { $(this).val(ui.item.value); $(this).parents("form").submit(); } }); }); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VPK2MQK127"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-VPK2MQK127'); </script> </body> </html> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>