Sei sulla pagina 1di 63

INTRODUCTION

Health care (or healthcare) is the diagnosis, treatment, and prevention of disease, illness,
injury, and other physical and mental impairments in humans. Health care is delivered by
practitioners in medicine, optometry, dentistry, nursing, pharmacy, allied health, and other
care providers. It refers to the work done in providing primary care, secondary care, and
tertiary care, as well as in public health.

Access to health care varies across countries, groups and individuals, largely influenced by
social and economic conditions as well as the health policies in place. Countries and
jurisdictions have different policies and plans in relation to the personal and population-based
health care goals within their societies. Health care systems are organizations established to
meet the health needs of target populations. Their exact configuration varies from country to
country. In some countries and jurisdictions, health care planning is distributed among
market participants, whereas in others planning is made more centrally among governments
or other coordinating bodies. In all cases, according to the World Health Organization
(WHO), a well-functioning health care system requires a robust financing mechanism; a
well-trained and adequately-paid workforce; reliable information on which to base decisions
and policies; and well maintained facilities and logistics to deliver quality medicines and
technologies.

Health care can form a significant part of a country's economy. In 2008, the health care
industry consumed an average of 9.0 percent of the gross domestic product (GDP) across the
most developed OECD countries. The United States (16.0%), France (11.2%), and
Switzerland (10.7%) were the top three spenders, but life expectancy was highest in Japan
(82.6), Australia (81.4), and Canada (81.4). (See international comparisons.)

Health care is conventionally regarded as an important determinant in promoting the general


health and well-being of people around the world. An example of this is the worldwide
eradication of smallpox in 1980—declared by the WHO as the first disease in human history
to be completely eliminated by deliberate health care interventions.

Health care delivery

The delivery of modern health care depends on groups of trained professionals and
paraprofessionals coming together as interdisciplinary teams.[4][5] This includes professionals
in medicine, nursing, dentistry and allied health, plus many others such as public health
practitioners, community health workers and assistive personnel, who systematically provide
personal and population-based preventive, curative and rehabilitative care services.

1
While the definitions of the various types of health care vary depending on the different
cultural, political, organizational and disciplinary perspectives, there appears to be some
consensus that primary care constitutes the first element of a continuing health care process,
that may also include the provision of secondary and tertiary levels of care. Healthcare can be
defined as either public or private.

Health care administration and regulation

The management and administration of health care is another sector vital to the delivery of
health care services. In particular, the practice of health professionals and operation of health
care institutions is typically regulated by national or state/provincial authorities through
appropriate regulatory bodies for purposes of quality assurance. Most countries have
credentialing staff in regulatory boards or health departments who document the certification
or licensing of health workers and their work history. New Obama care requires all
individuals to have some kind of health benefits. It include: mental health services,
Emergency services, prescription drug coverage, pediatric services, Rehabilitation services,
laboratory services and prenatal care. There four type of plans that cover same service but are
different in cost; Bronze covers 60% of medical costs, Sliver covers 70% medical costs, Gold
covers 80% medical costs and Platinum covers 90% of medical costs. Employers have to
provide healthcare insurance to employees who work full time and if not they have to pay a
plenty fee. People who are unemployed or self-employed have a new option to acquire
healthcare from new state-based exchanges marketplaces. Premium of the insurance will be
only 9.5% of the household income. If someone don't qualify for Medicaid and makes 15,856
as a single adult, they will have no financial help. Because the Tax credits only help to pay
insurance for people with income of 100 and living under 400% federal poverty level. This
problem would be solved through future legislations.

Health information technology

Health information technology (HIT) is “the application of information processing involving


both computer hardware and software that deals with the storage, retrieval, sharing, and use
of health care information, data, and knowledge for communication and decision making”
(Brailer, & Thompson, 2004). Technology is a broad concept that deals with a species' usage
and knowledge of tools and crafts, and how it affects a species' ability to control and adapt to
its environment. However, a strict definition is elusive; "technology" can refer to material
objects of use to humanity, such as machines, hardware or utensils, but can also encompass
broader themes, including systems, methods of organization, and techniques. For HIT,
technology represents computers and communications attributes that can be networked to
build systems for moving health information. Informatics is yet another integral aspect of
HIT.

2
PURPOSED SYSTEM

The purpose of healthcare 6 inputs

1). Treat people who are sick

 Prevention = Main revenue generator C D The healthy patient Reinventing pharma No


Perso- Perso- nalized nalized medicine medicine A B Business as usual My.medicine
Treatment = Main revenue generator

2) Satisfy needs of people who are sick


 The basic purpose of healthcare organizations is to meet the healthcare needs of
individuals and to promote the health of the community.

3) Help people live healthily

 Purpose of service for elderly people Provide practical assistance. Improve quality of life.
Help people become self sufficient. Help people keep attached to family and friends.

4) Educate people to stay healthy

 The current system is not designed to do the things that people increasingly want a health-
care system to do: to deliver chronic disease management: to deliver wellness care. to
counsel people when they’re well. to differentiate between serious problems and problems
that need rapid, convenient solutions.

5) Help doctors and nurses save people’s lives

 Purpose of diagnostics companies Provide doctors with more precise measuring data. Help
doctors save more patients’ lives. Help doctors save time, so they can serve more patients
every day.

6) Help people eat healthily

 Purpose of vegetable farm Produce vegetables efficiently. Produce vegetables that taste
better. Produce vegetables that are easier to prepare. Produce vegetables that are free of
pollution of any kind. Source: Kolind, Lars: The Second Cycle,

3
INTRODUCTION HTML
HyperText Markup Language (HTML) is the main markup language for creating web
pages and other information that can be displayed in a web browser.

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets
(like <html>), within the web page content. HTML tags most commonly come in pairs like
<h1> and </h1>, although some tags represent empty elements and so are unpaired, for
example <img>. The first tag in a pair is the start tag, and the second tag is the end tag (they
are also called opening tags and closing tags). In between these tags web designers can add
text, further tags, comments and other types of text-based content.

The purpose of a web browser is to read HTML documents and compose them into visible or
audible web pages. The browser does not display the HTML tags, but uses the tags to
interpret the content of the page.

HTML elements form the building blocks of all websites. HTML allows images and objects
to be embedded and can be used to create interactive forms. It provides a means to create
structured documents by denoting structural semantics for text such as headings, paragraphs,
lists, links, quotes and other items. It can embed scripts written in languages such as
JavaScript which affect the behavior of HTML web pages.

Web browsers can also refer to Cascading Style Sheets (CSS) to define the appearance and
layout of text and other material. The W3C, maintainer of both the HTML and the CSS
standards, encourages the use of CSS over explicit presentational HTML.

4
History

The historic logo made by the W3C

Development

In 1980, physicist Tim Berners-Lee, who was a contractor at CERN, proposed and
prototyped ENQUIRE, a system for CERN researchers to use and share documents. In 1989,
Berners-Lee wrote a memo proposing an Internet-based hypertext system.[2] Berners-Lee
specified HTML and wrote the browser and server software in the last part of 1990. In that
year, Berners-Lee and CERN data systems engineer Robert Cailliau collaborated on a joint
request for funding, but the project was not formally adopted by CERN. In his personal
notes[3] from 1990 he listed "some of the many areas in which hypertext is used" and put an
encyclopedia first.

The first publicly available description of HTML was a document called "HTML Tags", first
mentioned on the Internet by Berners-Lee in late 1991.[5][6] It describes 18 elements
comprising the initial, relatively simple design of HTML. Except for the hyperlink tag, these
were strongly influenced by SGMLguid, an in-house SGML-based documentation format at
CERN. Eleven of these elements still exist in HTML 4.

HyperText Markup Language is a markup language that web browsers use to interpret and
compose text, images and other material into visual or audible web pages. Default
characteristics for every item of HTML markup are defined in the browser, and these
characteristics can be altered or enhanced by the web page designer's additional use of CSS.
Many of the text elements are found in the 1988 ISO technical report TR 9537 Techniques
for using SGML, which in turn covers the features of early text formatting languages such as
that used by the RUNOFF command developed in the early 1960s for the CTSS (Compatible
Time-Sharing System) operating system: these formatting commands were derived from the
commands used by typesetters to manually format documents. However, the SGML concept
of generalized markup is based on elements (nested annotated ranges with attributes) rather
than merely print effects, with also the separation of structure and markup; HTML has been
progressively moved in this direction with CSS.

Berners-Lee considered HTML to be an application of SGML. It was formally defined as


such by the Internet Engineering Task Force (IETF) with the mid-1993 publication of the

5
first proposal for an HTML specification: "Hypertext Markup Language (HTML)" Internet-
Draft by Berners-Lee and Dan Connolly, which included an SGML Document Type
Definition to define the grammar.[8] The draft expired after six months, but was notable for its
acknowledgment of the NCSA Mosaic browser's custom tag for embedding in-line images,
reflecting the IETF's philosophy of basing standards on successful prototypes. [9] Similarly,
Dave Raggett's competing Internet-Draft, "HTML+ (Hypertext Markup Format)", from late
1993, suggested standardizing already-implemented features like tables and fill-out forms.

After the HTML and HTML+ drafts expired in early 1994, the IETF created an HTML
Working Group, which in 1995 completed "HTML 2.0", the first HTML specification
intended to be treated as a standard against which future implementations should be based.

Further development under the auspices of the IETF was stalled by competing interests.
Since 1996, the HTML specifications have been maintained, with input from commercial
software vendors, by the World Wide Web Consortium (W3C). However, in 2000, HTML
also became an international standard (ISO/IEC 15445:2000). HTML 4.01 was published in
late 1999, with further errata published through 2001. In 2004 development began on
HTML5 in the Web Hypertext Application Technology Working Group (WHATWG), which
became a joint deliverable with the W3C in 2008.

Elements

HTML documents are composed entirely of HTML elements that, in their most general form
have three components: a pair of tags, a "start tag" and "end tag"; some attributes within the
start tag; and finally, any textual and graphical content between the start and end tags,
perhaps including other nested elements. The HTML element is everything between and
including the start and end tags. Each tag is enclosed in angle brackets.

The general form of an HTML element is therefore: <tag attribute1="value1"


attribute2="value2">content</tag>. Some HTML elements are defined as empty elements
and take the form <tag attribute1="value1" attribute2="value2" >. Empty elements may
enclose no content, for instance, the BR tag or the inline IMG tag. The name of an HTML
element is the name used in the tags. Note that the end tag's name is preceded by a slash
character, "/", and that in empty elements the end tag is neither required nor allowed. If
attributes are not mentioned, default values are used in each case.

Element examples

Header of the HTML document:<head>...</head>. Usually the title should be included in the
head, for example:

6
<head>
<title>The Title</title>
</head>

Headings: HTML headings are defined with the <h1> to <h6> tags:

<h1>Heading1</h1>
<h2>Heading2</h2>
<h3>Heading3</h3>
<h4>Heading4</h4>
<h5>Heading5</h5>
<h6>Heading6</h6>

Paragraphs:

<p>Paragraph 1</p> <p>Paragraph 2</p>

Line breaks:<br>. The difference between <br> and <p> is that 'br' breaks a line without
altering the semantic structure of the page, whereas 'p' sections the page into paragraphs.
Note also that 'br' is an empty element in that, while it may have attributes, it can take no
content and it may not have an end tag.

<p>This <br> is a paragraph <br> with <br> line breaks</p>

This is a link in HTML. To make a link you use the <a> tag. The href= attribute holds the
URL address of the link.

<a href="http://www.google.com/">A Link to Google!</a>

Comments:

<!-- This is a comment -->

Comments can help in the understanding of the markup and do not display in the webpage.

There are several types of markup elements used in HTML:

Structural markup describes the purpose of text

For example, <h2>Golf</h2> establishes "Golf" as a second-level heading. Structural


markup does not denote any specific rendering, but most web browsers have default styles
for element formatting. Content may be further styled using Cascading Style Sheets (CSS).

7
Presentational markup describes the appearance of the text, regardless of its purpose

For example <b>boldface</b> indicates that visual output devices should render
"boldface" in bold text, but gives little indication what devices that are unable to do this (such
as aural devices that read the text aloud) should do. In the case of both <b>bold</b> and
<i>italic</i>, there are other elements that may have equivalent visual renderings but which
are more semantic in nature, such as <strong>strong text</strong> and <em>emphasised
text</em> respectively. It is easier to see how an aural user agent should interpret the latter
two elements. However, they are not equivalent to their presentational counterparts: it would
be undesirable for a screen-reader to emphasize the name of a book, for instance, but on a
screen such a name would be italicized. Most presentational markup elements have become
deprecated under the HTML 4.0 specification in favor of using CSS for styling.

HTTP

The World Wide Web is composed primarily of HTML documents transmitted from web
servers to web browsers using the Hypertext Transfer Protocol (HTTP). However, HTTP is
used to serve images, sound, and other content, in addition to HTML. To allow the web
browser to know how to handle each document it receives, other information is transmitted
along with the document. This meta data usually includes the MIME type (e.g. text/html or
application/xhtml+xml) and the character encoding (see Character encoding in HTML).

In modern browsers, the MIME type that is sent with the HTML document may affect how
the document is initially interpreted. A document sent with the XHTML MIME type is
expected to be well-formed XML; syntax errors may cause the browser to fail to render it.
The same document sent with the HTML MIME type might be displayed successfully, since
some browsers are more lenient with HTML.

The W3C recommendations state that XHTML 1.0 documents that follow guidelines set forth
in the recommendation's Appendix C may be labeled with either MIME Type. [58] XHTML 1.1
also states that XHTML 1.1 documents should[59] be labeled with either MIME type.

HTML e-mail

Most graphical email clients allow the use of a subset of HTML (often ill-defined) to provide
formatting and semantic markup not available with plain text. This may include typographic
information like coloured headings, emphasized and quoted text, inline images and diagrams.
Many such clients include both a GUI editor for composing HTML e-mail messages and a
rendering engine for displaying them. Use of HTML in e-mail is controversial because of
compatibility issues, because it can help disguise phishing attacks, because of accessibility
issues for blind or visually impaired people, because it can confuse spam filters and because
the message size is larger than plain text.

8
Naming conventions

The most common filename extension for files containing HTML is .html. A common
abbreviation of this is .htm, which originated because some early operating systems and file
systems, such as DOS and the limitations imposed by FAT data structure,[61] limited file
extensions to three letters.

HTML Application

An HTML Application (HTA; file extension ".hta") is a Microsoft Windows application that
uses HTML and Dynamic HTML in a browser to provide the application's graphical
interface. A regular HTML file is confined to the security model of the web browser's
security, communicating only to web servers and manipulating only webpage objects and site
cookies. An HTA runs as a fully trusted application and therefore has more privileges, like
creation/editing/removal of files and Windows Registry entries. Because they operate outside
the browser's security model, HTAs cannot be executed via HTTP, but must be downloaded
(just like an EXE file) and executed from local file system .

Cascading Style Sheets

Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation
semantics (the look and formatting) of a document written in a markup language. Its most
common application is to style web pages written in HTML and XHTML, but the language
can also be applied to any kind of XML document, including plain XML, SVG and XUL.

CSS is designed primarily to enable the separation of document content (written in HTML or
a similar markup language) from document presentation, including elements such as the
layout, colors, and fonts. This separation can improve content accessibility, provide more
flexibility and control in the specification of presentation characteristics, enable multiple
pages to share formatting, and reduce complexity and repetition in the structural content
(such as by allowing for tableless web design). CSS can also allow the same markup page to
be presented in different styles for different rendering methods, such as on-screen, in print,
by voice (when read out by a speech-based browser or screen reader) and on Braille-based,
tactile devices. It can also be used to allow the web page to display differently depending on
the screen size or device on which it is being viewed. While the author of a document
typically links that document to a CSS file, readers can use a different style sheet, perhaps
one on their own computer, to override the one the author has specified.

CSS specifies a priority scheme to determine which style rules apply if more than one rule
matches against a particular element. In this so-called cascade, priorities or weights are
calculated and assigned to rules, so that the results are predictable.

9
The CSS specifications are maintained by the World Wide Web Consortium (W3C). Internet
media type (MIME type) text/css is registered for use with CSS by RFC 2318 (March 1998),
and they also operate a free CSS validation service.

Syntax

CSS has a simple syntax and uses a number of English keywords to specify the names of
various style properties.

A style sheet consists of a list of rules. Each rule or rule-set consists of one or more selectors,
and a declaration block.

Screen Short
Home Page

10
About Us

11
Services

12
Emergency

13
Physical, Occupational, Speech Therapy

14
Pharmaceutical Services

15
Contact Us

16
Comments

17
Sign Up

18
Home Page

19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="testimonials.html" class="login">Comment</a> <a
href="signup.html" class="sign_up">Signup</a> </div>
<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> </p>
</div>
</div>

20
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> </p>
</div>
</div>
</div>
<div id="main_content">
<font color="black" size="3" face="Comic Sans MS"> Welcome to Health care Hospitals,
India
..</font><br />
<p align="justify" style="width: 1190px">With over 8500 beds across 50 hospitals within
and outside India, the Apollo Hospitals Group is one of the largest healthcare groups in Asia
and has some <br />of the best hospitals in India. The legacy of touching lives stems from the
four pillars of our philosophy - experience, excellence, expertise and research.<br /> At
Apollo Hospitals India, we unite exceptional clinical success rates and superior technology
with centuries-old traditions of Eastern care and warmth,<br /> as we truly believe the world
is our extended family-something our 26 million patients across the globe can warmly affirm.
This has made Apollo Hospitals<br /> as one of the most desired medical tourism
destinations in India.&nbsp;
</p>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

About Us

21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="testimonials.html" class="login">Comment</a> <a
href="signup.html" class="sign_up">Signup</a> </div>
<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> </p>
</div>
</div>

22
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> </p>
</div>
</div>
</div>
<div id="main_content">
<font color="black" size="3" face="Comic Sans MS"> About Us, Health Care
..</font><br />
<p align="justify" style="width: 1190px">We all know "prevention is better than cure".
This is where Health Care hospitals comes into the picture by recognizing the importance and
need for preventive <br />health care. We have launched pioneering health Cheq TM for your
healthy future.<br /><br /><br />

The HEALTH CARE CHECKS offered by the hospital is a comprehensive check up that
screens each organ closely to detect even the smallest symptom <br />that could be an
indication of a major disease. In addition, the check also identifies the reason for minor
ailments, which are constant irritants. <br />It also serves as a personal medical record for
future reference. Once the check is completed, if treatment is required it can begin without
delay. <br />Apollo's superspeciality departments cover all areas of medical science. For
more information or to make an appointment, call the hospital <br />at 26925858 ext 1090,
1091.&nbsp;
</p>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

Emergency

23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="testimonials.html" class="login">Comment</a> <a
href="signup.html" class="sign_up">Signup</a> </div>
<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> </p>
</div>

24
</div>
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> </p>
</div>
</div>
</div>
<div id="main_content">
<div id="footer-content">
<div id="fbox1">
<h2><span>Our Services</span> facilisis</h2>
<p></p>
<p>&nbsp;</p>
<ul class="style2">
<li><a href="Emergency.html">Emergency</a></li>
<li><a href="Qualitiy.html">Physical, Occupational, Speech Therapy</a></li>
<li><a href="Paitent.html">Pharmaceutical Services</a></li>
</ul>
</div>
<div id="fbox2">
<h2><span>Emergency</span> Air Evacuation</h2><br /> <br />
<img src="images/emergency2.jpg" width="640" height="200" alt="" /><br /> <p>At Health
Care Emergency, our foremost priority is to reach an emergency victim ASAP. The treatment
given to an Emergency victim in the agoggled Hour plays a vital role in the final outcome.
Indraprastha Apollo Hospital is highly rated and placed to Medivac/Evacuate critically ill
patients rapidly and efficiently from within the country and outside on Air ambulance
services as well as on National and International commercial flights. Air Evacuation Services
by Indraprastha Apollo Hospitals, New Delhi, were started in 1998.</p>
</div>
</div>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>

25
</body>
</html

Physical, Occupational, Speech Therapy

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="" class="login">login</a> <a href=""
class="sign_up">signup</a> </div>

<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">

26
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> With over 8500 beds across 50 hospitals within and outside India, the
Apollo Hospitals Group is one of the largest healthcare groups in Asia and has some </p>
</div>
</div>
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> With over 8500 beds across 50 hospitals within and outside India, the
Apollo Hospitals Group is one of the largest healthcare groups in Asia and has some </p>
</div>
</div>
</div>
<div id="main_content">
<font color="black" size="3" face="Comic Sans MS"> Treatment
.</font><br /><br />
<div id="fbox1">
<h2><span>Our Specialization</span> </h2><br />
<p>&nbsp;</p>
<ul class="style2">
<li><a href="Emergency.html">Emergency</a></li>
<li><a href="Qualitiy.html">Physical, occupational,speech theraphy</a></li>
<li><a href="Paitent.html">Pharmaceutical Services</a></li>
</ul>
</div>
<p align="justify" style="width: 1190px">Joint Commission International
Accreditation<br />

The Joint Commission International (JCI) is a U.S based accreditation body dedicated to
improving healthcare quality and safety around the world. The <br />accreditation is an
international gold standard for hospitals.<br /><br />

The Apollo hospitals group achieved the unique distinction of achieving accreditation for its
hospitals at Delhi, Chennai, Hyderabad, Ludhiana, <br />Bangalore, Kolkata and Dhaka.
Indraprastha Apollo Hospitals, Delhi, became the first hospital in India, while Apollo

27
Hospitals, Chennai, became <br />the first hospital in South India to achieve this unique and
coveted accreditation.<br /><br />

JCI works directly with healthcare organisations to achieve their goals of providing quality
clinical care and services in safe, efficient and well-managed facilities.<br />

JCI assesses through a rigorous on site survey process, a healthcare provider’s quality in the
following key areas -<br /><br />

Access to health care<br />


Health Assessment and care processes<br />
Education and rights of individuals<br />
Management of information and human resources<br />
Safety of facility<br />
Infection control<br />
Collaborative integrated management<br />
Facility management<br />
Performance Measurement<br />
Education & Rights of Patients<br /><br />
National Accreditation Board for Hospitals & Healthcare Providers (NABH) is a constituent
board of Quality Council of India, set up to establish and operate <br />accreditation
programmes for healthcare organizations. The board is structured to cater to much desired
needs of the consumers and to set benchmarks <br />for progress of health industry. Apollo
Speciality Hospitals ,Madurai and Apollo Speciality Hospitals Chennai were accredited by
the NABH .<br /><br />

For more details on NABH , PLEASE CLICK ON http://www.qcin.org/nabh/


NABL Accreditation
NABL Accreditation

Apollo Hospitals, Chennai WAS assessed <br />& accredited in accordance with the
Standard ISO 15189 : 2003 "Medical Laboratories - particular requirements for Quality &
Competence" for its facilities<br /> in the field of Medical Testing.
ISO 9002
ISO 9002

The International Organisation for Standardisation (ISO) is a network of the national


standards institutes <br />of 151 countries, on the basis of one member per country. A Central
Secretariat based out of Geneva, Switzerland, co-ordinates the system.

28
Apollo Hospitals, <br />Chennai was the first hospital in India to be awarded an ISO 9002
certification.

The ISO 9000 series is concerned with 'quality management'. It is a certification<br />
affirming the organization's ability to enhance customer satisfaction by meeting customer and
applicable regulatory requirements and continually to improve <br />its performance in this
regard.

The ISO standards are a guarantee of quality across boundaries and geographies. They are an
assurance to the international <br />patient of the safety and reliability of Apollo's services
against global benchmarks.<br /><br />

Super Brands India<br />


Superbrand<br />

The Indian Consumer Superbrands Council includes some of the most eminent marketing,
media and advertising professionals. As the council members<br /> agree, "Obtaining
Superbrands' status puts the brand in the circle of an elite group that is seen to represent the
best practices in brand management.<br /> Ultimately it can be likened to a brand oscar.
Apollo Hospitals entered the 'Superbrand' category in 2004.<br />&nbsp;
</p>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

Contact Us
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

29
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="testimonials.html" class="login">Comment</a> <a
href="signup.html" class="sign_up">Signup</a> </div>
<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> </p>
</div>
</div>
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>

30
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> </p>
</div>
</div>
</div>
<div id="main_content">
<font color="black" size="3" face="Comic Sans MS"> Welcome to Health Care
information, India
.</font><br />
<p align="justify" style="width: 1190px">Health Care Hospitals<br />
Sarita Vihar<br />
Delhi-Mathura Road<br />
New Delhi-110044<br />

TEL : 011 - 26925801 / 26925858<br />


FAX : 011 - 26825595<br />

E-mail :assistance@healthcaredelhi.com&nbsp;
</p>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

Patient
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

31
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="testimonials.html" class="login">Comment</a> <a
href="signup.html" class="sign_up">Signup</a> </div>

<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>

32
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
</div>
<div id="main_content">
<div id="footer-content">
<div id="fbox1">
<h2><span>Aenean elementum</span> facilisis</h2>
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque
dictum. Integer nisl risus, sagittis:</p>
<p>&nbsp;</p>
<ul class="style2">
<li><a href="Emergency.html">Emergency</a></li>
<li><a href="Qualitiy.html">Quality</a></li>
<li><a href="Paitent.html">Team Of Doctors</a></li>
</ul>
</div>
<div id="fbox2">
<h2><span>Team Of </span> Doctors</h2><br /> <br />
<p><img src="images/untitled.bmp" width="640" height="200" alt="" /></p>

</div>
</div>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

33
Forms CSS
/*
Responsive Template Name: RS-4 Clean
File: Forms CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>
*/

form, fieldset, legend{margin:0; padding:0; border:none;}


legend{display:none;}
input, textarea, select{font-size:1em; font-family:Georgia,"Times New Roman",Times,serif;}

/* ----------------------------------------------Forms in Content
Area-------------------------------------*/

#comments form{display:block; width:100%;}


#comments form input{width:26.98412%; padding:2px; border:1px solid #D6D6D6;
margin:5px 5px 0 0;}
#comments form textarea{width:98%; border:1px solid #D6D6D6; padding:2px;
overflow:auto;}
#comments form p{margin:5px 0;}
#comments form #submit, #comments form #reset{margin:0; padding:5px; color:#666666;
background-color:#F7F7F7; cursor:pointer;}

Framework CSS
/*

Responsive Template Name: RS-4 Clean

File: 960px Framework CSS

34
Author: OS Templates

Author URI: http://www.os-templates.com/

Licence: <a href="http://www.os-templates.com/template-terms">Website Template


Licence</a>

*/

.one_half,

.one_third, .two_third,

.one_quarter, .two_quarter, .three_quarter,

.one_fifth, .two_fifth, .three_fifth, .four_fifth{display:inline-block; float:left; margin:0 0 0


2.08333%; list-style:none;}

.first,

.one_half:first-child,

.one_third:first-child, .two_third:first-child,

.one_quarter:first-child, .two_quarter:first-child, .three_quarter:first-child,

.one_fifth:first-child, .two_fifth:first-child, .three_fifth:first-child, .four_fifth:first-


child{margin-left:0;}

.two_half, .three_third, .four_quarter, .five_fifth{display:block; width:100%; clear:both;}

/*----------------------------------------------Half Grid-------------------------------------*/

/*

.one_half{width:470px;} => 470 ÷ 960 = 0.4895833 * 100 = 48.95833

.two_half{width:960px;} => 960 ÷ 960 = 1 * 100 = 100

*/

35
.one_half{width:48.95833%;}

/*----------------------------------------------Third Grid-------------------------------------*/

/*

.one_third{width:306.66666px;} => 306.66666 ÷ 960 = 0.3194444 * 100 = 31.94444

.two_third{width:633.33332px;} => 643.33332 ÷ 960 = 0.6597221 * 100 = 65.97221

.three_third{width:960px;} => 960 ÷ 960 = 1 * 100 = 100

*/

.one_third{width:31.94444%;}

.two_third{width:65.97222%;}

/*----------------------------------------------Quarter Grid-------------------------------------*/

/*

.one_quarter{width:225px;} => 225 ÷ 960 = 0.234375 * 100 = 23.4375

.two_quarter{width:470px;} => 470 ÷ 960 = 0.4895833 * 100 = 48.95833

.three_quarter{width:715px;} => 715 ÷ 960 = 0.7447916 * 100 = 74.47916

.four_quarter{width:960px;} => 960 ÷ 960 = 1 * 100 = 100

*/

.one_quarter{width:23.4375%;}

36
.two_quarter{width:48.95833%;}

.three_quarter{width:74.47916%;}

/*----------------------------------------------Fifth Grid-------------------------------------*/

/*

.one_fifth{width:176px;} => 176 ÷ 960 = 0.1833333 * 100 = 18.33333

.two_fifth{width:372px;} => 372 ÷ 960 = 0.3875 * 100 = 38.75

.three_fifth{width:568px;} => 568 ÷ 960 = 0.5916666 * 100 = 59.16666

.four_fifth{width:764px;} => 764 ÷ 960 = 0.7958333 * 100 = 79.58333

.five_fifth{width:960px;} => 960 ÷ 960 = 1 * 100 = 100

*/

.one_fifth{width:18.33333%;}

.two_fifth{width:38.75%;}

.three_fifth{width:59.16666%;}

.four_fifth{width:79.58333%;}

Gallery CSS
/*
Responsive Template Name: RS-4 Clean
File: Gallery CSS
Author: OS Templates

37
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>
*/

#gallery{display:block; width:100%;}
#gallery figure{}
#gallery figure header{margin:0 0 15px 0; padding:0; font-size:1.4em; font-weight:normal;
line-height:normal;}
#gallery figure ul, #gallery figure img{margin:0; padding:0; list-style:none;}
#gallery figure ul li{display:block; float:left; width:23.4375%; margin:0 2.08333%
2.08333% 0; padding:0;}
#gallery figure ul li.last{margin-right:0;}
#gallery figure figcaption{display:block; width:100%; margin:0; padding:0; clear:both;}

Homepage CSS
/*
Responsive Template Name: RS-4 Clean
File: Homepage CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>
*/
#shout{padding:15px 0 0 0;}
#shout figure{}
#shout figure div{display:block; float:left; width:45.83333%;}
#shout figure div img{}
#shout figure figcaption{display:block; float:right; width:52.08333%; font-size:1.3em; line-
height:1.6em;}
#shout figure figcaption h1{display:inline-block; margin:15% 0 0 0; padding:0;
color:#000000; background-color:#FFFFFF; font-size:5em; text-transform:uppercase;}
#shout figure figcaption p{margin:0 0 15px 0; padding:0;}

#container #homepage{display:block; width:100%; padding:20px 0; line-height:1.6em;}

38
#container #homepage #latest_work{margin-bottom:50px; padding-bottom:50px; border-
bottom:1px solid #ECECEC;}
#container #homepage #latest_work article{}
#container #homepage #latest_work article img{margin-bottom:20px;}
#container #homepage #latest_work article h2, #container #homepage #latest_work article
p{margin:0 0 15px 0; padding:0;}
#container #homepage #latest_work article footer{}

#container #homepage #intro{margin-bottom:0;}


#container #homepage #intro article{}
#container #homepage #intro article h2{font-size:2em; margin-bottom:40px;}
#container #homepage #intro article ul{margin:0; padding:0; list-style:none;}
#container #homepage #intro article ul li{margin-bottom:40px;}
#container #homepage #intro article ul li.last{margin-bottom:0;}
#container #homepage #intro article ul li figure{display:block; width:100%;}
#container #homepage #intro article ul li figure div{margin-bottom:0;}
#container #homepage #intro article ul li figure div img{}
#container #homepage #intro article ul li figure figcaption{}
#container #homepage #intro article ul li figure figcaption p{}
#container #homepage #intro article ul li figure figcaption p.name{}
#container #homepage #intro article ul li figure figcaption footer{}

#container #homepage #intro article ul.testimonials


li{background:url("../images/quotemarks.gif") 0 0 no-repeat;}
#container #homepage #intro article ul.testimonials li p.name{margin:0 0 30px 60px;
padding:15px 0 0 0;}
#container #homepage #intro article ul li blockquote{display:block; margin:0; padding:0;
color:inherit; background-color:inherit; font-style:normal; line-height:inherit;}
#container #homepage #intro article ul li blockquote:before, #container #homepage #intro
article ul li blockquote:after{content:inherit;}

footer.more{display:inline-block; padding:8px 10px; color:#FFFFFF; background-


color:#EC4D48;}
footer.more a{color:#FFFFFF; background-color:#EC4D48;}

Ie CSS
/*
Responsive Template Name: RS-4 Clean

39
File: IE CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>
*/

.one_half, .two_half,
.one_third, .two_third, .three_third,
.one_quarter, .two_quarter, .three_quarter, .four_quarter,
.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth{margin:0 0 0 2%;}

.first{margin:0;}
.clear{zoom:1;}
#header #topnav li{*display:inline; overflow:auto;}

#container #homepage #intro article ul li blockquote{color:#666666; background-


color:#FFFFFF; line-height:1.6em;}

Layout CSS
/*

Responsive Template Name: RS-4 Clean

File: Layout CSS

Author: OS Templates

Author URI: http://www.os-templates.com/

Licence: <a href="http://www.os-templates.com/template-terms">Website Template


Licence</a>

*/

@import url(framework.css);

@import url(navi.css);

@import url(forms.css);

@import url(tables.css);

40
@import url(homepage.css);

@import url(gallery.css);

@import url(portfolio.css);

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:100%; font-family:Georgia, "Times New Roman",


Times, serif; color:#919191; background-color:#1F1F1F;}

.justify{text-align:justify;}

.bold{font-weight:bold;}

.center{text-align:center;}

.right{text-align:right;}

.nostart{margin:0; padding:0; list-style:none;}

.hidden{display:none;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}

.clear{display:block; clear:both;}

html[xmlns] .clear{display:block;}

* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

.fl_left{float:left;}

.fl_right{float:right;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-


height:normal; vertical-align:middle;}

.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}

.imgl{float:left; margin:0 15px 15px 0; clear:left;}

.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

41
address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{display:block;
margin:0; padding:0;}

/*----------------------------------------------Responsive Videos-------------------------------------*/

.video{display:block; position:relative; width:100%; height:0; margin:0; padding:0 0 56.25%


0; /* using a 16:9 aspect ratio, the height is 56.25% of the width (9/16=0.5625) */}

.video iframe{display:block; position:absolute; width:100%; height:100%; margin:0;


padding:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{}

.row1, .row1 a, .row2, .row4, .row5{color:#666666; background-color:#FFFFFF;}

.row2 a, .row4 a, .row5 a{color:#EC4D48; background-color:#FFFFFF;}

.row1{border-top:5px solid #EC4D48; border-bottom:10px solid #DDDDDD;}

.row2{border-top:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC;}

.row3{border-top:10px solid #DDDDDD;}

.row3, .row3 a{color:#919191; background-color:#1F1F1F;}

/*----------------------------------------------Generalise-------------------------------------*/

h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0; font-size:1.4em; font-weight:normal;
line-height:normal;}

address{font-style:normal;}

42
blockquote, q{display:block; padding:8px 10px; color:#979797; background-
color:#ECECEC; font-style:italic; line-height:normal;}

blockquote:before, q:before{content:'“ '; font-size:26px;}

blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

#header, #shout, #container, #copyright{margin:0 auto; font-size:.8em;}

/*----------------------------------------------Header-------------------------------------*/

#header{padding:30px 0;}

#header hgroup{display:block; width:100%; margin-bottom:40px; text-align:center;}

#header hgroup h1, #header hgroup h2{margin:0; font-weight:normal; text-transform:none;}

#header hgroup h1{font-size:3em; margin-bottom:15px;}

#header hgroup h2{font-size:1em;}

/*----------------------------------------------Content Area-------------------------------------*/

#container{padding:30px 0;}

#container h1, #container h2, #container h3, #container h4, #container h5, #container
h6{margin-bottom:20px;}

#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;}

/* ------Content-----*/

43
#container #content{float:left; width:65.625%; margin-bottom:0;}

/* ------Comments-----*/

#comments ul{margin:0 0 40px 0; padding:0; list-style:none;}

#comments li.comment_odd, #comments li.comment_even{margin:0 0 10px 0;


padding:15px; list-style:none;}

#comments li.comment_odd{color:#666666; background-color:#F7F7F7;}

#comments li.comment_odd a{color:#EC4D48; background-color:#F7F7F7;}

#comments li.comment_even{color:#666666; background-color:#E8E8E8;}

#comments li.comment_even a{color:#EC4D48; background-color:#E8E8E8;}

#comments article, #comments header{display:block; width:100%;}

#comments figure{float:right; margin:0 0 10px 10px; padding:3px; border:1px solid


#DEDACB; text-align:center;}

#comments figure img{float:inherit;}

#comments header address{font-weight:bold;}

#comments header time{font-size:smaller;}

#comments article section{margin:0; padding:0;}

#comments article section p{margin:10px 5px 10px 0; padding:0;}

/* ------Right Column-----*/

#container #right_column{float:right; width:31.25%;}

aside h2{padding-bottom:8px; font-size:1.2em; text-transform:uppercase; border-bottom:5px


solid #CCCCCC; text-align:right;}

44
/*----------------------------------------------Copyright-------------------------------------*/

#copyright{padding:30px 0;}

#copyright p{margin:0; padding:0;}

Media queries CSS


/*
Responsive Template Name: RS-4 Clean
File: Media Queries CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>
*/

/* 240 */

@media screen
and (min-width : 180px)
and (max-width : 294px) {
#header, #shout, #container, #copyright{max-width:90%; margin:0 auto;}

.one_half, .two_third,
.one_third, .two_third, .three_third,
.one_quarter, .two_quarter, .three_quarter, .four_quarter,
.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth{display:block; float:none;
width:auto; margin:0 0 2% 0; padding:0;}

.more{text-align:right; clear:both;}

#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;


text-align:center;}
#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}

#container{padding:30px 0;}
#container #content, #container #right_column{float:none; width:auto; margin-
bottom:50px;}

45
aside h2{text-align:left;}

#shout figure div{float:none; width:100%; text-align:center;}


#shout figure figcaption{float:none; width:100%; margin-bottom:15px;}
#shout figure figcaption h1{display:block; margin:0 0 15px 0; font-size:2em;}

#homepage{padding:0;}
#homepage #latest_work, #homepage #latest_work article, #homepage #latest_work
article img, #homepage #intro article, #homepage #intro article h2{margin-bottom:20px;}
#homepage #latest_work, #homepage #intro article{padding-bottom:20px; border-
bottom:1px solid #ECECEC;}
#homepage #intro article.last{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#homepage #intro article ul.testimonials li{background:none;}
#homepage #intro article ul.testimonials li p.name{margin:0 0 20px 0; padding:0;}
#homepage #intro article ul li figure div.imgl{float:none; display:inline-block; margin:0 0
10px 0;}

#portfolio ul li, #gallery figure ul li{display:block; float:none; width:100%; margin:0 0


20px 0; padding:0;}
#portfolio ul li.last{margin-bottom:0;}
#gallery ul li.last{margin-bottom:20px;}

#header, #copyright{text-align:center;}
#copyright p{float:none; line-height:1.6em;}
#copyright p:first-child{margin-bottom:8px;}
}

/* 295 */

@media screen
and (min-width : 295px)
and (max-width : 319px) {
#header, #shout, #container, #copyright{max-width:90%; margin:0 auto;}

.one_half, .two_third,
.one_third, .two_third, .three_third,
.one_quarter, .two_quarter, .three_quarter, .four_quarter,
.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth{display:block; float:none;
width:auto; margin:0 0 2% 0; padding:0;}

.more{text-align:right; clear:both;}

46
#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;
text-align:center;}
#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}

#container{padding:30px 0;}
#container #content, #container #right_column{float:none; width:auto; margin-
bottom:50px;}
aside h2{text-align:left;}

#shout figure div{float:none; width:100%; text-align:center;}


#shout figure figcaption{float:none; width:100%; margin-bottom:15px;}
#shout figure figcaption h1{display:block; margin:0 0 15px 0; font-size:2.6em;}

#homepage{padding:0;}
#homepage #latest_work, #homepage #latest_work article, #homepage #latest_work
article img, #homepage #intro article, #homepage #intro article h2{margin-bottom:20px;}
#homepage #latest_work, #homepage #intro article{padding-bottom:20px; border-
bottom:1px solid #ECECEC;}
#homepage #intro article.last{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#homepage #intro article ul.testimonials li{background:none;}
#homepage #intro article ul.testimonials li p.name{margin:0 0 20px 0; padding:0;}
#homepage #intro article ul li figure div.imgl{float:none; display:inline-block; margin:0 0
10px 0;}

#portfolio ul li{display:block; float:none; width:100%; margin:0 0 20px 0; padding:0;


text-align:center;}
#portfolio ul li.last{margin-bottom:0;}
#portfolio ul li article figure figcaption{display:block; width:70%; margin:0 auto; text-
align:center; color:#666666; background-color:#E8E8E8;}

#gallery figure header, #gallery figure figcaption{margin:0 5px 15px 5px;}


#gallery figure ul li{display:block; float:left; width:46.22641%; margin:0 5px 15px 5px;
padding:0;}

#header, #copyright{text-align:center;}
#copyright p{float:none; line-height:1.6em;}
#copyright p:first-child{margin-bottom:8px;}
}

/* 320px */

47
@media screen
and (min-width : 320px)
and (max-width : 360px) {
#header, #shout, #container, #copyright{max-width:90%; margin:0 auto;}

.one_half, .two_third,
.one_third, .two_third, .three_third,
.one_quarter, .two_quarter, .three_quarter, .four_quarter,
.one_fifth, .two_fifth, .three_fifth, .four_fifth, .five_fifth{display:block; float:none;
width:auto; margin:0 0 2% 0; padding:0;}

.more{text-align:right; clear:both;}

#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;


text-align:center;}
#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}

#container{padding:30px 0;}
#container #content, #container #right_column{float:none; width:auto; margin-
bottom:50px;}
aside h2{text-align:left;}

#shout figure div{float:none; width:100%; text-align:center;}


#shout figure figcaption{float:none; width:100%; margin-bottom:15px;}
#shout figure figcaption h1{display:block; margin:0 0 15px 0; font-size:2.6em;}

#homepage{padding:0;}
#homepage #latest_work, #homepage #latest_work article, #homepage #latest_work
article img, #homepage #intro article, #homepage #intro article h2{margin-bottom:20px;}
#homepage #latest_work, #homepage #intro article{padding-bottom:20px; border-
bottom:1px solid #ECECEC;}
#homepage #intro article.last{margin-bottom:0; padding-bottom:0; border-bottom:none;}
#homepage #intro article ul.testimonials li{background:none;}
#homepage #intro article ul.testimonials li p.name{margin:0 0 20px 0; padding:0;}
#homepage #intro article ul li figure div.imgl{float:none; display:inline-block; margin:0 0
10px 0;}

#portfolio ul li{display:block; float:none; width:100%; margin:0 0 20px 0; padding:0;


text-align:center;}
#portfolio ul li.last{margin-bottom:0;}

48
#portfolio ul li article figure figcaption{display:block; width:65%; margin:0 auto; text-
align:center; color:#666666; background-color:#E8E8E8;}

#gallery figure header, #gallery figure figcaption{margin:0 5px 15px 5px;}


#gallery figure ul li{display:block; float:left; width:46.22641%; margin:0 5px 15px 5px;
padding:0;}

#header, #copyright{text-align:center;}
#copyright p{float:none; line-height:1.6em;}
#copyright p:first-child{margin-bottom:8px;}
}

/* 480px + 515px */

@media screen
and (min-width : 361px)
and (max-width : 599px) {
#header, #shout, #container, #copyright{max-width:95%; margin:0 auto;}

.more{text-align:right; clear:both;}

#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}


#header #topnav{display:block; width:100%; float:none; margin:0 auto; padding:0;}

#container #content, #container #right_column{float:none; width:auto; margin-


bottom:50px;}
aside h2{text-align:left;}

#shout figure div{float:none; width:100%; text-align:center;}


#shout figure figcaption{float:none; width:95%; margin:0 auto 15px;}
#shout figure figcaption h1{display:block; margin:0 0 15px 0; font-size:2.6em;}

#homepage #intro article ul li figure div.imgl{float:none; display:inline-block; margin:0 0


10px 0;}

#portfolio ul li{display:block; float:left; width:45.60439%; margin:0 10px 15px 10px;


padding:0;}

#copyright p{float:none;}
#copyright p:first-child{margin-bottom:8px;}
}

49
/* 600px */

@media screen
and (min-width : 600px)
and (max-width : 767px) {
#header, #shout, #container, #copyright{max-width:95%; margin:0 auto;}

#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}


#topnav li{margin-bottom:15px;}

#shout{padding:0;}
#shout figure figcaption h1{display:block; margin-top:8%; font-size:2.6em;}
#shout figure figcaption p{font-size:.8em; line-height:1.6em;}

#homepage #intro article ul li figure div.imgl{float:none; display:inline-block; margin:0 0


10px 0;}
}

/* 768px */

@media screen
and (min-width : 768px)
and (max-width : 959px) {
#header, #shout, #container, #copyright{max-width:95%; margin:0 auto;}

#header hgroup{display:block; width:100%; float:none; margin:0 0 15px 0; padding:0;}


#topnav li{margin-bottom:15px;}

#shout{padding:0;}
#shout figure figcaption h1{margin-top:10%; font-size:3.5em;}
}

/* 960px */

@media screen and (min-width: 960px) {


#header, #shout, #container, #copyright{max-width:960px; margin:0 auto;}
}

Navi CSS

50
/*

Responsive Template Name: RS-4 Clean

File: Navigation CSS

Author: OS Templates

Author URI: http://www.os-templates.com/

Licence: <a href="http://www.os-templates.com/template-terms">Website Template


Licence</a>

*/

nav ul{margin:0; padding:0; list-style:none;}

/* ----------------------------------------------Top Navigation-------------------------------------*/

#topnav{display:block; width:100%; clear:both; text-align:center;}

#topnav li{display:inline-block; margin:0 10px; text-transform:uppercase;}

#topnav li li{margin:0; text-align:left; font-style:normal;}

#topnav li a:link, #topnav li a:visited, #topnav li a:hover{display:block; margin:0;


padding:5px 8px; border-top:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD;
text-transform:uppercase;}

#topnav ul ul li a:link, #topnav ul ul li a:visited{border:none;}

#topnav li a:hover, #topnav li.active a{color:#EC4D48; background-color:#FFFFFF;}

#topnav li li a:link, #topnav li li a:visited{width:150px; float:none; margin:0; padding:7px


10px; text-transform:none; font-weight:normal; color:#666666; background-color:#F9F9F9;
border:none;}

#topnav li li a:hover{color:#EC4D48; background-color:#F9F9F9; border:none;}

#topnav ul ul{z-index:9999; position:absolute; left:-999em; height:auto; width:170px;


padding:5px 0 0 0; border-bottom:1px solid #666666;}

51
#topnav ul ul a{width:140px;}

#topnav li:hover ul{left:auto;}

#topnav li:hover{position:static;}

#topnav li.last{}

/* Top navigation for smaller resolutions */

#topnav .mnav{display:block; position:relative; width:100%; height:30px; margin:0 auto;


padding:5px; color:#666666; background-color:#FFFFFF; border:1px solid #494949;
cursor:pointer; outline:none;}

#topnav .mnav option{margin:5px 10px; cursor:pointer;}

#topnav .mnav optgroup{margin-bottom:10px;}

#topnav .mnav optgroup[label]{margin-left:12px; text-transform:uppercase; font-


style:normal; font-weight:normal;}

#topnav .mnav optgroup option{padding:0; text-transform:none;}

/* ----------------------------------------------Column Navigation-------------------------------------*/

#container aside nav{display:block; width:100%; margin-bottom:30px;}

#container aside nav ul{margin:0; padding:0; list-style:none;}

#container aside nav li{margin:0 0 3px 0; padding:0;}

#container aside nav ul ul, #container aside nav ul ul ul, #container aside nav ul ul ul ul,
#container aside nav ul ul ul ul ul{border-top:none; padding-top:0;}

#container aside nav a{display:block; margin:0; padding:5px 10px 5px 20px; color:#666666;
background:url("../images/red_file.gif") no-repeat 10px center #FFFFFF; text-
decoration:none; border-bottom:1px dotted #666666;}

#container aside nav a:hover{color:#EC4D48; background-color:#FFFFFF;}

#container aside nav ul ul a, #container aside nav ul ul ul a, #container aside nav ul ul ul ul a,


#container aside nav ul ul ul ul ul a{background:url("../images/black_file.gif") no-repeat
#FFFFFF;}

52
#container aside nav ul ul a{padding-left:40px; background-position:30px center;}

#container aside nav ul ul ul a{padding-left:50px; background-position:40px center;}

#container aside nav ul ul ul ul a{padding-left:60px; background-position:50px center;}

#container aside nav ul ul ul ul ul a{padding-left:70px; background-position:60px center;}

/* ----------------------------------------------Pagination-----------------------------------/

#container .pagination{display:block; width:100%; text-align:center; clear:both; font-


family:Verdana, Geneva, sans-serif;}

#container .pagination ul{margin:0; padding:0; list-style:none;}

#container .pagination li{display:inline;}

#container .pagination strong{font-weight:normal;}

#container .pagination .next{margin:0;}

#container .pagination a, #container .pagination .current strong, #container .pagination


.splitter strong{display:inline-block; padding:2px 6px; margin:0 2px 0 0;}

#container .pagination a{border:1px solid #DFDFDF;}

Portfolio CSS
/*

Responsive Template Name: RS-4 Clean

File: Portfolio CSS

Author: OS Templates

Author URI: http://www.os-templates.com/

53
Licence: <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>

*/

#portfolio{display:block; width:100%;}

#portfolio ul, #portfolio p{margin:0; padding:0; list-style:none;}

#portfolio li{display:block; float:left; width:23.4375%; margin:0 2.08333% 2.08333% 0;


padding:0;}

#portfolio li.last{margin-right:0;}

#portfolio article, #portfolio article figure{display:block; width:100%;}

#portfolio article figure img{}

#portfolio article figure figcaption{margin:0 10px; padding:10px; text-align:center;


color:#666666; background-color:#E8E8E8;}

Table CSS
/*
Responsive Template Name: RS-4 Clean
File: Tables CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template
Licence</a>
*/

table{width:100%; border-collapse:collapse; table-layout:auto; vertical-align:top; margin-


bottom:15px; border:1px solid #CCCCCC;}
table thead th{color:#FFFFFF; background-color:#666666; border:1px solid #CCCCCC;
border-collapse:collapse; text-align:center; table-layout:auto; vertical-align:middle;}
table tbody td{vertical-align:top; border-collapse:collapse; border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;}
table thead th, table tbody td{padding:5px; border-collapse:collapse;}
table tbody tr.light{color:#666666; background-color:#F7F7F7;}
table tbody tr.dark{color:#666666; background-color:#E8E8E8;}

54
Quality

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="" class="login">login</a> <a href=""
class="sign_up">signup</a> </div>

<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">

55
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
</div>
<div id="main_content">
<font color="black" size="3" face="Comic Sans MS"> Quality
.</font><br /><br />
<div id="fbox1">
<h2><span>Aenean elementum</span> facilisis</h2><br />
<p>Aliquam erat volutpat. Pellentesque tristique ante ut risus. Quisque
dictum. Integer nisl risus, sagittis:</p>
<p>&nbsp;</p>
<ul class="style2">
<li><a href="Emergency.html">Emergency</a></li>
<li><a href="Qualitiy.html">Quality</a></li>
<li><a href="Paitent.html">Team Of Doctors</a></li>

</ul>

</div>
<p align="justify" style="width: 1190px">Joint Commission International
Accreditation<br />

The Joint Commission International (JCI) is a U.S based accreditation body dedicated to
improving healthcare quality and safety around the world. The <br />accreditation is an
international gold standard for hospitals.<br /><br />

56
The Apollo hospitals group achieved the unique distinction of achieving accreditation for its
hospitals at Delhi, Chennai, Hyderabad, Ludhiana, <br />Bangalore, Kolkata and Dhaka.
Indraprastha Apollo Hospitals, Delhi, became the first hospital in India, while Apollo
Hospitals, Chennai, became <br />the first hospital in South India to achieve this unique and
coveted accreditation.<br /><br />

JCI works directly with healthcare organisations to achieve their goals of providing quality
clinical care and services in safe, efficient and well-managed facilities.<br />

JCI assesses through a rigorous on site survey process, a healthcare provider’s quality in
the following key areas -<br /><br />

Access to health care<br />


Health Assessment and care processes<br />
Education and rights of individuals<br />
Management of information and human resources<br />
Safety of facility<br />
Infection control<br />
Collaborative integrated management<br />
Facility management<br />
Performance Measurement<br />
Education & Rights of Patients<br /><br />

National Accreditation Board for Hospitals & Healthcare Providers (NABH) is a constituent
board of Quality Council of India, set up to establish and operate <br />accreditation
programmes for healthcare organizations. The board is structured to cater to much desired
needs of the consumers and to set benchmarks <br />for progress of health industry. Apollo
Speciality Hospitals ,Madurai and Apollo Speciality Hospitals Chennai were accredited by
the NABH .<br /><br />

For more details on NABH , PLEASE CLICK ON http://www.qcin.org/nabh/


NABL Accreditation
NABL Accreditation

Apollo Hospitals, Chennai WAS assessed <br />& accredited in accordance with the
Standard ISO 15189 : 2003 "Medical Laboratories - particular requirements for Quality &
Competence" for its facilities<br /> in the field of Medical Testing.
ISO 9002
ISO 9002

57
The International Organisation for Standardisation (ISO) is a network of the national
standards institutes <br />of 151 countries, on the basis of one member per country. A Central
Secretariat based out of Geneva, Switzerland, co-ordinates the system.

Apollo Hospitals, <br />Chennai was the first hospital in India to be awarded an ISO 9002
certification.

The ISO 9000 series is concerned with 'quality management'. It is a certification<br />
affirming the organization's ability to enhance customer satisfaction by meeting customer and
applicable regulatory requirements and continually to improve <br />its performance in this
regard.

The ISO standards are a guarantee of quality across boundaries and geographies. They are an
assurance to the international <br />patient of the safety and reliability of Apollo's services
against global benchmarks.<br /><br />

Super Brands India<br />


Superbrand<br />

The Indian Consumer Superbrands Council includes some of the most eminent marketing,
media and advertising professionals. As the council members<br /> agree, "Obtaining
Superbrands' status puts the brand in the circle of an elite group that is seen to represent the
best practices in brand management.<br /> Ultimately it can be likened to a brand oscar.
Apollo Hospitals entered the 'Superbrand' category in 2004.<br />&nbsp;
</p>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

Sign Up
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

58
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="testimonials.html" class="login">Comment</a> <a
href="signup.html" class="sign_up">Signup</a> </div>

<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>

59
</div>
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
</div>
<div id="main_content">
<h2>Sign Up Here</h2><br /><br />
<form action="#" method="post">
<p>
<input type="text" name="name" id="name" value="" size="22">
<label for="name"><small>Name (required)</small></label>
</p>
<p>
<input type="text" name="email" id="email" value="" size="22">
<label for="email"><small>Mail (required)</small></label>
</p>
<p>
<input type="text" name="Mobile No" id="Text1" value="" size="22">
<label for="email"><small>Mobile No (required)</small></label>
</p>
<p>
<input type="text" name="Qualification" id="Text2" value="" size="22">
<label for="email"><small>Qualification (required)</small></label>
</p>
<p>
<textarea name="Address" id="comment" cols="25" rows="10"></textarea>
<label for="comment" class="hidden"><small>Address (required)</small></label>
</p>
<p>
<input name="submit" type="submit" id="submit" value="Submit">
&nbsp;
<input name="reset" type="reset" id="reset" value="Reset">
</p>
</form>

60
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

Testimonials
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Medical Clinic</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="iecss.css" />
<![endif]-->
</head>
<body>
<div id="main_container">
<div class="header">
<div id="logo"><a href="index.html"><img src="images/logo.png" alt="" width="162"
height="54" border="0" /></a></div>
<div class="right_header">
<div class="top_menu"> <a href="testimonials.html" class="login">Comment</a> <a
href="signup.html" class="sign_up">Signup</a> </div>

<div id="menu">
<ul>
<li><a class="current" href="index.html">Home</a></li>
<li><a href="About.html">About Us</a></li>
<li><a href="Services.html">Services</a></li>
<li><a href="Contact.html">Contact Us</a></li>
</ul>
</div>

61
</div>
</div>
<div id="middle_box">
<div class="middle_box_content"><img src="images/banner_content.jpg" alt="" /></div>
</div>
<div class="pattern_bg">
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon1.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>My <span class="blue">Medicine</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
<div class="pattern_box">
<div class="pattern_box_icon"><img src="images/icon2.png" alt="" width="70"
height="112" /></div>
<div class="pattern_content">
<h1>Search <span class="blue"> Treatments</span></h1>
<p class="pat"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </p>
</div>
</div>
</div>
<div id="main_content"><br />
<h2>Write A Comments</h2><br /><br />
<form action="#" method="post">
<p>
<input type="text" name="name" id="name" value="" size="22">
<label for="name"><small>Name (required)</small></label>
</p>
<p>
<input type="text" name="email" id="email" value="" size="22">
<label for="email"><small>Mail (required)</small></label>
</p>
<p>
<textarea name="comment" id="comment" cols="25" rows="10"></textarea>
<label for="comment" class="hidden"><small>Comment (required)</small></label>

62
</p>
<p>
<input name="submit" type="submit" id="submit" value="Submit">
&nbsp;
<input name="reset" type="reset" id="reset" value="Reset">
</p>
</form>
</div>
<div id="footer">
<div class="copyright"> <img src="images/footer_logo.gif" alt="" /> </div>
<div class="center_footer">&copy; Health Care 2012. All Rights Reserved</div>
<div class="footer_links"> <a href=""><img src="images/csstemplatesmarket.gif" alt=""
border="0" /></a> </div>
</div>
</div>
</body>
</html>

References
Various sites referred to during making of the project are as follows:
 www.en.wikipedia.org
 www.google.com
 www.howstuffworks.com
 www.roseindia.net
 www.onlinebakery.com

Various books referred to for HTML, XML & DHTML clarification and documentation are
as follows:

 Head First HTML with CSS by Chris Schalk(Author), Ed Burns (Author),


James Holmes.
 HML and XHTML by Chuck Musciano and Bill Kennedy.
 The Best-Practice Guide to XHTML by Patrick Griffiths..

63

Potrebbero piacerti anche