Deepika

A
PROJECT
REPORT
ON
COFFEE COOL
UNDER THE GUIDANCE OF

SANDEEP SIR
SUBMITTED BY
DEEPIKA
Roll No. : 6552
Registration No.: 928773
1 | Page
CONTENTS
TOPIC
PAGE NO
NUMBE
R
1
ACKNOWLEDGEMENT
CERTIFICATE
INTRODUCTION
6-7
HISTORY OF INTERNET
8-19
HISTORY OF HTML
20-25
ADVANTAGES OF HTML /
26
INTERNET
7
OBJECTIVE ABOUT ONLINE
27
BANKING
8
CODING
28-85
OUTPUT
86-96
BIBLIOGRAPHY
97
10
2 | Page
ACKNOWLEDGEMENT
I would like to thank Mr. Sandeep Sir, for constant guidance to
conduct the present arduous project and untiring cooperation
which they extended to me throughout the duration of my
training.
Getting a project ready requires the work and effort of many
people. I would like all those who have contributed in
completing this project.
I would like to take an opportunity to thank all the people who
helped me in collecting necessary information and making of
the report. I am grateful to all of them for their time, energy
and wisdom.
DEEPIKA
3 | Page
DECLARATION
I hereby declare that the projects entitled COFFEE
COOL conducted at New Delhi has been prepared by me
under the guidance of my project Guide Mr. Sandeep Sir.
I also declare that this project is the result of my
effort and has not been submitted to any other University or
Institution for the award of any degree, or personal favors
whatsoever. All the details and analysis provided in the report
hold true to the best of my knowledge.
Place: New Delhi

Date:
4 | Page
DEEPIKA
PROJECT CERTIFICATE
This is to certify that the Project COFFEE COOL is a bonafide work done by
MS. DEEPIKA (Roll No: 6552) in partial fulfillment of O Level examination
and has been carried out under my direct supervision and guidance. This report
or a similar report on the topic has not been submitted for any other examination
and does not form a part of any other course undergone by the candidate.
_______________________
Signature of Guide / Supervisor
5 | Page
INTRODUCTION
A cup of black coffee

Type
Hot or cold (usually hot)

Yemen (earliest credible evidence
Country
origin
of of
coffee
drinking),
Ethiopia
(possible consumption of roasted

dry beans)
Introduced
Color
Approx. 15th century

Dark brown, beige, black, light
brown
Coffee is a brewed beverage prepared from the roasted or baked seeds of several species of
an evergreen shrub of the genus Coffea. The two most common sources of coffee beans are
the highly regarded Coffea arabica, and the "robusta" form of the hardier Coffea canephora.
The latter is resistant to the coffee leaf rust (Hemileia vastatrix), but has a more bitter taste.
6 | Page
Coffee plants are cultivated in more than 70 countries, primarily in equatorial Latin America,
Southeast Asia, and Africa. Once ripe, coffee "berries" are picked, processed and dried to
yield the seeds inside. The seeds are then roasted to varying degrees, depending on the
desired flavor, before being ground and brewed to create coffee.
Coffee is slightly acidic (pH 5.05.1) and can have a stimulating effect on humans because of
its caffeine content. It is one of the most popular drinks in the world. It can be prepared and
presented in a variety of ways. The effect of coffee on human health has been a subject of
many studies; however, results have varied in terms of coffee's relative benefit. The majority
of recent research suggests that moderate coffee consumption is benign or mildly beneficial
in healthy adults. However, the diterpenes in coffee may increase the risk of heart disease.[4]
Coffee cultivation first took place in southern Arabia; the earliest credible evidence of coffeedrinking appears in the middle of the 15th century in the Sufi shrines of Yemen. In East
Africa and Yemen, coffee was used in native religious ceremonies. As these ceremonies
conflicted with the beliefs of the Christian church, the Ethiopian Church banned the secular
consumption of coffee until the reign of Emperor Menelik II. The beverage was also banned
in Ottoman Turkey during the 17th century for political reasons and was associated with
rebellious political activities in Europe.
An important export commodity, coffee was the top agricultural export for twelve countries
in 2004,[8] and it was the world's seventh-largest legal agricultural export by value in 2005. [9]
Green (unroasted) coffee is one of the most traded agricultural commodities in the world. [10]
Some controversy is associated with coffee cultivation and its impact on the environment.
Consequently, organic coffee is an expanding market.
7 | Page
HISTORY OF INTERNET
The Internet was the result of some visionary thinking by people in the early 1960s who saw
great potential value in allowing computers to share information on research and
development in scientific and military fields. J.C.R. Licklider of MIT first proposed a global
network of computers in 1962, and moved over to the Defense Advanced Research Projects
Agency (DARPA) in late 1962 to head the work to develop it. Leonard Kleinrock of MIT and
later UCLA developed the theory of packet switching, which was to form the basis of Internet
connections. Lawrence Roberts of MIT connected a Massachusetts computer with a
California computer in 1965 over dial-up telephone lines. It showed the feasibility of wide
area networking, but also showed that the telephone line's circuit switching was inadequate.
Kleinrock's packet switching theory was confirmed. Roberts moved over to DARPA in 1966
and developed his plan for ARPANET. These visionaries and many more left unnamed here
are the real founders of the Internet.
When the late Senator Ted Kennedy heard in 1968 that the pioneering Massachusetts
company BBN had won the ARPA contract for an "interface message processor (IMP)," he
sent a congratulatory telegram to BBN for their ecumenical spirit in winning the "interfaith
message processor" contract.
The Internet, then known as ARPANET, was brought online in 1969 under a contract let by
the renamed Advanced Research Projects Agency (ARPA) which initially connected four
8 | Page
major computers at universities in the southwestern US (UCLA, Stanford Research Institute,

UCSB, and the University of Utah). The contract was carried out by BBN of Cambridge, MA
under Bob Kahn and went online in December 1969. By June 1970, MIT, Harvard, BBN, and
Systems Development Corp (SDC) in Santa Monica, Cal. were added. By January 1971,
Stanford, MIT's Lincoln Labs, Carnegie-Mellon, and Case-Western Reserve U were added. In
months to come, NASA/Ames, Mitre, Burroughs, RAND, and the U of Illinois plugged in.
After that, there were far too many to keep listing here.
Who was the first to use the Internet?
Charley Kline at UCLA sent the first packets on ARPANet as he tried to connect to Stanford
Research Institute on Oct 29, 1969. The system crashed as he reached the G in LOGIN!
The Internet was designed to provide a communications network that would work even if
some of the major sites were down. If the most direct route was not available, routers would
direct traffic around the network via alternate routes.
The early Internet was used by computer experts, engineers, scientists, and librarians. There
was nothing friendly about it. There were no home or office personal computers in those
days, and anyone who used it, whether a computer professional or an engineer or scientist or
librarian, had to learn to use a very complex system.
Did Al Gore invent the Internet?
9 | Page
According to a CNN transcript of an interview with Wolf Blitzer, Al Gore said,"During my

service in the United States Congress, I took the initiative in creating the Internet." Al Gore
was not yet in Congress in 1969 when ARPANET started or in 1974 when the term Internet
first came into use. Gore was elected to Congress in 1976. In fairness, Bob Kahn and Vint
Cerf acknowledge in a paper titled Al Gore and the Internet that Gore has probably done
more than any other elected official to support the growth and development of the Internet
from the 1970's to the present .
E-mail was adapted for ARPANET by Ray Tomlinson of BBN in 1972. He picked the @
symbol from the available symbols on his teletype to link the username and address. The
telnet protocol, enabling logging on to a remote computer, was published as a Request for
Comments (RFC) in 1972. RFC's are a means of sharing developmental work throughout
community. The ftp protocol, enabling file transfers between Internet sites, was published as
an RFC in 1973, and from then on RFC's were available electronically to anyone who had use
of the ftp protocol.
Libraries began automating and networking their catalogs in the late 1960s independent from
ARPA. The visionary Frederick G. Kilgour of the Ohio College Library Center (now OCLC,
Inc.) led networking of Ohio libraries during the '60s and '70s. In the mid 1970s more
regional consortia from New England, the Southwest states, and the Middle Atlantic states,
etc., joined with Ohio to form a national, later international, network. Automated catalogs,
not very user-friendly at first, became available to the world, first through telnet or the
10 | P a g e
awkward IBM variant TN3270 and only many years later, through the web. See The History
of OCLC
Ethernet, a protocol for many local networks, appeared in 1974, an outgrowth of Harvard
student Bob Metcalfe's dissertation on "Packet Networks." The dissertation was initially
rejected by the University for not being analytical enough. It later won acceptance when he
added some more equations to it.
The Internet matured in the 70's as a result of the TCP/IP architecture first proposed by Bob
Kahn at BBN and further developed by Kahn and Vint Cerf at Stanford and others throughout
the 70's. It was adopted by the Defense Department in 1980 replacing the earlier Network
Control Protocol (NCP) and universally adopted by 1983.
The Unix to Unix Copy Protocol (UUCP) was invented in 1978 at Bell Labs. Usenet was
started in 1979 based on UUCP. Newsgroups, which are discussion groups focusing on a
topic, followed, providing a means of exchanging information throughout the world . While
Usenet is not considered as part of the Internet, since it does not share the use of TCP/IP, it
linked unix systems around the world, and many Internet sites took advantage of the
availability of newsgroups. It was a significant part of the community building that took place
on the networks.
Similarly, BITNET (Because It's Time Network) connected IBM mainframes around the
educational community and the world to provide mail services beginning in 1981. Listserv
11 | P a g e
software was developed for this network and later others. Gateways were developed to
connect BITNET with the Internet and allowed exchange of e-mail, particularly for e-mail
discussion lists. These listservs and other forms of e-mail discussion lists formed another
major element in the community building that was taking place.
In times past, it was fascinating to watch a BITNET message we sent as it proceeded from
one stop to the next along the way to its destination. We would see it arrive at a site and then
see it transmitted along to the next site and the next site and the next. The pace of life was
slower then!
In 1986, the National Science Foundation funded NSFNet as a cross country 56 Kbps
backbone for the Internet. They maintained their sponsorship for nearly a decade, setting
rules for its non-commercial government and research uses.
As the commands for e-mail, FTP, and telnet were standardized, it became a lot easier for
non-technical people to learn to use the nets. It was not easy by today's standards by any
means, but it did open up use of the Internet to many more people in universities in particular.
Other departments besides the libraries, computer, physics, and engineering departments
found ways to make good use of the nets--to communicate with colleagues around the world
and to share files and resources.
While the number of sites on the Internet was small, it was fairly easy to keep track of the
resources of interest that were available. But as more and more universities and
12 | P a g e
organizations--and their libraries-- connected, the Internet became harder and harder to track.
There was more and more need for tools to index the resources that were available.
The first effort, other than library catalogs, to index the Internet was created in 1989, as Peter
Deutsch and Alan Emtage, students at McGill University in Montreal, created an archiver for
ftp sites, which they named Archie. This software would periodically reach out to all known
openly available ftp sites, list their files, and build a searchable index of the software. The
commands to search Archie were unix commands, and it took some knowledge of unix to use
it to its full capability.
McGill University, which hosted the first Archie, found out one day that half the Internet
traffic going into Canada from the United States was accessing Archie. Administrators were
concerned that the University was subsidizing such a volume of traffic, and closed down
Archie to outside access. Fortunately, by that time, there were many more Archies available.
At about the same time, Brewster Kahle, then at Thinking Machines, Corp. developed his
Wide Area Information Server (WAIS), which would index the full text of files in a database
and allow searches of the files. There were several versions with varying degrees of
complexity and capability developed, but the simplest of these were made available to
everyone on the nets. At its peak, Thinking Machines maintained pointers to over 600
databases around the world which had been indexed by WAIS. They included such things as
the full set of Usenet Frequently Asked Questions files, the full documentation of working
13 | P a g e
papers such as RFC's by those developing the Internet's standards, and much more. Like
Archie, its interface was far from intuitive, and it took some effort to learn to use it well.
Peter Scott of the University of Saskatchewan, recognizing the need to bring together
information about all the telnet-accessible library catalogs on the web, as well as other telnet
resources, brought out his Hytelnet catalog in 1990. It gave a single place to get information
about library catalogs and other telnet resources and how to use them. He maintained it for
years, and added HyWebCat in 1997 to provide information on web-based catalogs.
In 1991, the first really friendly interface to the Internet was developed at the University of
Minnesota. The University wanted to develop a simple menu system to access files and
information on campus through their local network. A debate followed between mainframe
adherents and those who believed in smaller systems with client-server architecture. The
mainframe adherents "won" the debate initially, but since the client-server advocates said
they could put up a prototype very quickly, they were given the go-ahead to do a
demonstration system. The demonstration system was called a gopher after the U of
Minnesota mascot--the golden gopher. The gopher proved to be very prolific, and within a
few years there were over 10,000 gophers around the world. It takes no knowledge of unix or
computer architecture to use. In a gopher system, you type or click on a number to select the
menu selection you want.
14 | P a g e
Gopher's usability was enhanced much more when the University of Nevada at Reno
developed the VERONICA searchable index of gopher menus. It was purported to be an
acronym for Very Easy Rodent-Oriented Netwide Index to Computerized Archives. A spider
crawled gopher menus around the world, collecting links and retrieving them for the index. It
was so popular that it was very hard to connect to, even though a number of other
VERONICA sites were developed to ease the load. Similar indexing software was developed
for single sites, called JUGHEAD (Jonzy's Universal Gopher Hierarchy Excavation And
Display).
Peter Deutsch, who developed Archie, always insisted that Archie was short for Archiver, and
had nothing to do with the comic strip. He was disgusted when VERONICA and JUGHEAD
appeared.
In 1989 another significant event took place in making the nets easier to use. Tim BernersLee and others at the European Laboratory for Particle Physics, more popularly known as
CERN, proposed a new protocol for information distribution. This protocol, which became
the World Wide Web in 1991, was based on hypertext--a system of embedding links in text to
link to other text, which you have been using every time you selected a text link while
reading these pages. Although started before gopher, it was slower to develop.
Marc AndreessenThe development in 1993 of the graphical browser Mosaic by Marc

Andreessen and his team at the National Center For Supercomputing Applications (NCSA)
gave the protocol its big boost. Later, Andreessen moved to become the brains behind
15 | P a g e
Netscape Corp., which produced the most successful graphical type of browser and server
until Microsoft declared war and developed its MicroSoft Internet Explorer.
Soon after the graphical browser Mosaic was introduced, the Library of Congress made
available some wonderful graphics of the colorful illustrated Vatican Scrolls. With the slow
connections of those days, it would take 20 minutes for a single page to load. We would start
the download, go on coffee break, and return and marvel at picture that had filled our screen.
Since the Internet was initially funded by the government, it was originally limited to
research, education, and government uses. Commercial uses were prohibited unless they
directly served the goals of research and education. This policy continued until the early 90's,
when independent commercial networks began to grow. It then became possible to route
traffic across the country from one commercial site to another without passing through the
government funded NSFNet Internet backbone.
Delphi was the first national commercial online service to offer Internet access to its
subscribers. It opened up an email connection in July 1992 and full Internet service in
November 1992. All pretenses of limitations on commercial use disappeared in May 1995
when the National Science Foundation ended its sponsorship of the Internet backbone, and all
traffic relied on commercial networks. AOL, Prodigy, and CompuServe came online. Since
commercial usage was so widespread by this time and educational institutions had been
paying their own way for some time, the loss of NSF funding had no appreciable effect on
costs.
16 | P a g e
MICHAEL DERTOUZOS
1936-2001
The early days of the web was a confused period as many developers tried to put their
personal stamp on ways the web should develop. The web was threatened with becoming a
mass of unrelated protocols that would require different software for different applications.
The visionary Michael Dertouzos of MIT's Laboratory for Computer Sciences persuaded Tim
Berners-Lee and others to form the World Wide Web Consortium in 1994 to promote and
develop standards for the Web. Proprietary plug-ins still abound for the web, but the
Consortium has ensured that there are common standards present in every browser.
Read Tim Berners-Lee's tribute to Michael Dertouzos.
Today, NSF funding has moved beyond supporting the backbone and higher educational
institutions to building the K-12 and local public library accesses on the one hand, and the
research on the massive high volume connections on the other.
Bill GatesMicrosoft's full scale entry into the browser, server, and Internet Service Provider
market completed the major shift over to a commercially based Internet. The release of
Windows 98 in June 1998 with the Microsoft browser well integrated into the desktop shows
Bill Gates' determination to capitalize on the enormous growth of the Internet. Microsoft's
success over the past few years has brought court challenges to their dominance. We'll leave
17 | P a g e
it up to you whether you think these battles should be played out in the courts or the
marketplace.
During this period of enormous growth, businesses entering the Internet arena scrambled to
find economic models that work. Free services supported by advertising shifted some of the
direct costs away from the consumer--temporarily. Services such as Delphi offered free web
pages, chat rooms, and message boards for community building. Online sales have grown
rapidly for such products as books and music CDs and computers, but the profit margins are
slim when price comparisons are so easy, and public trust in online security is still shaky.
Business models that have worked well are portal sites, that try to provide everything for
everybody, and live auctions. AOL's acquisition of Time-Warner was the largest merger in
history when it took place and shows the enormous growth of Internet business! The stock
market has had a rocky ride, swooping up and down as the new technology companies, the
dot.com's encountered good news and bad. The decline in advertising income spelled doom
for many dot.coms, and a major shakeout and search for better business models took place by
the survivors.
A current trend with major implications for the future is the growth of high speed
connections. 56K modems and the providers who supported them spread widely for a while,
but this is the low end now. 56K is not fast enough to carry multimedia, such as sound and
video except in low quality. But new technologies many times faster, such as cablemodems
and digital subscriber lines (DSL) are predominant now.
Wireless has grown rapidly in the past few years, and travellers search for the wi-fi "hot
spots" where they can connect while they are away from the home or office. Many airports,
coffee bars, hotels and motels now routinely provide these services, some for a fee and some
for free.
18 | P a g e
A next big growth area is the surge towards universal wireless access, where almost
everywhere is a "hot spot". Municipal wi-fi or city-wide access, wiMAX offering broader
ranges than wi-fi, EV-DO, 4g, LTE, and other formats will joust for dominance in the USA in
the years ahead. The battle is both economic and political.
Another trend that is rapidly affecting web designers is the growth of smaller devices to
connect to the Internet. Small tablets, pocket PCs, smart phones, ebooks, game machines, and
even GPS devices are now capable of tapping into the web on the go, and many web pages
are not designed to work on that scale.
As the Internet has become ubiquitous, faster, and increasingly accessible to non-technical
communities, social networking and collaborative services have grown rapidly, enabling
people to communicate and share interests in many more ways. Sites like Facebook, Twitter,
Linked-In, YouTube, Flickr, Second Life, delicious, blogs, wikis, and many more let people
of all ages rapidly share their interests of the moment with others everywhere.
19 | P a g e
HISTORY OF HTML
The founder of HTML was Tim Berners-Lee and his product was made attractive to the
general public by Mosaic browser which was evolved at NCSA. It has become extremely
popular and well-known in the 1990s when the Internet had been developing rapidly. During
this period, HTML was broadened and presented in different modifications. The Internet
strongly depends on vendors and page creators who share the joint conventions for HTML.
The understanding that success of Web development is based on integration of the rules has
helped the Web community to create united specifications for HTML.
Most users and developers understand that HTML documents must work in the same way on
different platforms and browsers. Compatibility of HTML is its key benefit and it saves time
for developers who dont have to create several versions of a document for different users.
Otherwise the Internet wouldnt be able to be so easy-to-access and the battle of formats
would be a serious obstacle for the Web evolution.
Each new edition of HTML tries to achieve more unanimity among industry players and to
make sure that the documents of the developers wont become unreadable in a brief time
interval.
20 | P a g e
The vision of the HTML developers is that all devices must be able to reach the data on the
Internet: computers with different platforms, browsers and characteristics, pocket devices,
cell phones, devices for speech, and many others.
HTML 1.0
HTML 1.0 was the first release of HTML to the world. Not many people were involved in
website creation at the time, and the language was very limiting. There really wasnt much
you could do with it bar getting some simple text onto the web. But then, just that got the
beardos a-foamin back in the day.
HTML 2.0
HTML 2.0 included everything from the original 1.0 specifications but added a few new
features to the mix. HTML 2.0 was the standard for website design until January 1997 and
defined many core HTML features for the first time.
HTML 3.0
21 | P a g e
More and more people were getting into the HTML game around now, and while the previous
standards offered some decent abilities to webmasters (as they became known), they thirsted
for more abilities and tags. They wanted to enhance the look of their sites.
This is where trouble started. A company called Netscape was the clear leader in the browser
market at the time, with a browser called Netscape Navigator. To appease the cries of the
HTML authors, they introduced new proprietary tags and attributes into their Netscape
Navigator browser. These new abilities were called Netscape extension tags. This caused big
problems as other browsers tried to replicate the effects of these tags so as not to be left
behind but could not get their browsers to display things the same way. This meant that if you
designed a page with Netscape ETs, the page would look bad in other browsers. This caused
confusion and irritation for the markup pioneers.
Dave Raggett At this time, a HTML working group, led by a man named Dave Raggett
introduced a new HTML draft, HTML 3.0. It included many new and improved abilities for
HTML, and promised far more powerful opportunities for webmasters to design their pages.
Sadly, the browsers were awfully slow in implementing any of the new improvements, only
adding in a few and leaving out the rest. Partly, this failure can be attributed to the size of the
overhaul; and so the HTML 3.0 spec was abandoned.
22 | P a g e
Thankfully, the people in charge noted this and so future improvements were always designed
to be modular. This meant they could be added in stages, which makes it easier on the
browser companies.
HTML 3.2
The browser-specific tags kept coming, and it became increasingly apparent that a standard
needed to be found. To this end, the World Wide Web Consortium (abbreviated to the W3C)
was founded in 1994 to standardise the language and keep it evolving in the right direction.
Their first work was code-named WILBUR, and later became known as HTML 3.2. This
was a toned-down change to the existing standards, leaving many of the big steps forward for
later versions. Most of the extensions tags that had been introduced by Netscape (and to a
lesser-extent, Microsoft) did not make it into these new standards. It soon caught on and
became the official standard in January 97, and today practically all browsers support it
fully.
HTML 4.01
HTML 4.0 was a large evolution of the HTML standards, and the last iteration of classic
HTML. Early in development it had the code-name COUGAR. Most of the new functionality
brought in this time is from the ill-fated HTML 3.0 spec, as well as a host of trimmings on
old tags, a focus on internationalisation, and support for HTMLs new supporting
presentational language, cascading stylesheets.
23 | P a g e
HTML 4.0 was recommended by the W3C in December 97 and became the official standard
in April 1998. Browser support was undertaken surprisingly earnestly by Microsoft in their
Internet Explorer browser, and the market-leading IE5 (and current successor IE6) have
excellent support for almost all of the new tags and attributes. In comparison, Netscapes
terribly flawed Navigator 4.7 was inept when it came to HTML 4.0 and even basic CSS.
Modern browsers however, are a vast improvement.
Once HTML 4.0 had been out for a little while, the documentation was revised and corrected
in a few minor ways and was entitled HTML 4.01; the final version of the specification.
Head on over to the W3C site for the official documentation; and to read more about the
new tags, attributes and redundancies brought about by this new standard, read our article,
HTML 4 Explained.
XHTML 1.0
Close to the beginning of the 21st century the W3C issued their specifications of XHTML
1.0 as a recommendation. Since January 26, 2000 it stands as the joint-standard with HTML
4.01. XHTML marks a departure from the way new specs have worked it is an entirely
new branch of HTML, incorporating the rigours of XML, so that code must be properly
written if it is to work once it reaches the readers browser. There werent many new or
deprecated tags and attributes in XHTML, but some things changed with a view of increased
accessibility and functionality. Its mainly just a new set of coding rules. Read all about it
properly in XHTML Explained.
HTML5
24 | P a g e
After HTML 4.01 and XHTML 1.0, the guys who were in control of HTMLs direction got
sidetracked working on a new proposal for XHTML 2. At the same time, clever web
developers were innovating constantly, hacking new functionality into websites and browsers.
The path that XHTML 2 was taking started to look both boring and unrealistic, and it became
pretty clear that a new approach was needed.
It was around this time that a bunch of pragmatic web technology fans, browser programmers
and specification writers started building something of their own, outside of the usual W3C
procedures. They called themselves the Web Hypertext Application Technology Working
Group (WHATWG), and developed a new spec. After some soul-searching, the W3C decided
that HTML was still the future of the web. XHTML 2 was discontinued and HTML5 became
the new specification that everyones effort should be poured into.
HTML5 is designed for the web, both now and in the future. This is the specification that we
will be working with for the next decade at least, so the process of its development is
relatively slow and considered. Many parts will be familiar, but theres also plenty of new
elements, attributes and abilities to get excited about. You can check the latest version of the
spec if you want all the detail. A full tutorial on HTML Source about the changes in HTML5
is forthcoming.
Throughout HTML Source I will be teaching using the HTML 4.01 standard. The percentage
of people using recently released browsers is high enough now for it to be safe to design sites
using new HTML 4.01 elements and stylesheets. Ill make sure that those who wont see the
optimum version of your site will still be able to use it, and wherever a relatively new piece
of code is taught in a tutorial I will always make reference to that in a browser compatibility
box.
25 | P a g e
ADVANTAGES OF HTML / INTERNET

HTML:
1. Its plain text so is easy to edit.
2. Its also fast to download (text is highly compressable).
3. Is very easy to pickup\learn
4. Its now a standard
5. Its supported by most browsers across most if not all platforms.
6. Simple to edit only requires a text editor.
7. Can be easily edited with WYSIWYG editors (no coding required)
8. Can be used to present just about any kind of data.
9. Tags can be used (or used to be able to be used) very loosely (i.e. used to be able to
omit end tags etc).
INTERNET:
1) Information on almost every subject imaginable.
2) Powerful search engines
3) Ability to do research from your home versus research libraries.
4) Information at various levels of study. Everything from scholarly articles to ones directed
at children.
5) Message boards where people can discuss ideas on any topic. Ability to get wide range of
opinions. People can find others that have a similar interest in whatever they are interested in.
6) The internet provides the ability of emails. Free mail service to anyone in the country.
7) Platform for products like SKYPE, which allow for holding a video conference with
anyone in the world who also has access.
26 | P a g e
8) Friendships and love connections have been made over the internet by people involved in
love/passion over similar interests.
9) Things such as Yahoo Answers and other sites where kids can have readily available help
for homework.
10) News, of all kinds is available almost instantaneously. Commentary, on that news, from
every conceivable viewpoint is also available.
OBJECTIVE OF COFFEE COOL

In order to increase the accuracy of multiple sequence alignments, we designed a new
strategy for optimizing multiple sequence alignments by genetic algorithm. We named it
COFFEE (Consistency based Objective Function For alignmEnt Evaluation). The COFFEE
score reflects the level of consistency between a multiple sequence alignment and a library
containing pairwise alignments of the same sequences.
All coffee plants are classified in the large family Rubiaceae. They are evergreen shrubs or
small trees that may grow 5 m (15 ft) tall when unpruned. The leaves are dark green and
glossy, usually 1015 cm (46 in) long and 6 cm (2.4 in) wide, simple, entire, and opposite.
Petioles of opposite leaves fuse at base to form interpetiolar stipules, characteristic of
Rubiaceae. The flowers are axillary, and clusters of fragrant white flowers bloom
simultaneously. Gynoecium consists of inferior ovary, also characteristic of Rubiaceae.
Flowers followed by oval berries of about 1.5 cm (0.6 in). Green when immature, they ripen
to yellow, then crimson, before turning black on drying. Each berry usually contains two
seeds, but 510% of the berries have only one; these are called peaberries. Arabica berries
ripen in six to eight months, while robusta take nine to eleven months.
Coffea arabica is predominantly self-pollinating, and as a result the seedlings are generally
uniform and vary little from their parents. In contrast, Coffea canephora, and C. liberica are
self-incompatible and require outcrossing. This means that useful forms and hybrids must be
27 | P a g e
propagated vegetatively.Cuttings, grafting, and budding are the usual methods of vegetative
propagation.On the other hand, there is great scope for experimentation in search of potential
new strains.
CODING
Home page
<!doctype html>
<html lang="en">
<head>
<title>CoffeeCols</title>
<link rel="stylesheet" href="styles.css" type="text/css"
media="screen" />
<link rel="stylesheet" type="text/css" href="print.css"
media="print" />
<script type="text/javascript" src="js/equalcolumns.js"></script>
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
<li class="selected"><a href="index.html">Home</a></li>
<li><a href="AboutUs.html">About</a></li>
<li><a href="Product.html">Products</a></li>
<li><a href="Contact.html">Contact</a></li>
<li><a href="Book.html">Book Now</a></li>
</ul>
</nav>
<section id="intro">
<header>
<h2>Coffee Cool</h2>
</header>
<p>Coffee Cool is focused on providing high-quality service
and customer satisfaction - we will do everything we can to meet your
expectations.
With a variety of offerings to choose from, we're sure you'll be happy
working with us. Look around our website and if you have any comments or
questions, please feel free to contact us. </p>
<img src="images/introimage.png" alt="lime" />
</section>
<section id="content">
<ul class="column">
<div>
<div class="heading" align="justify">
28 | P a g e
<h2></h2>
<table>
<tr>
<td class="heading2">
About Us
</td>
</tr>
<tr>
<td>
Coffee Cool is conveniently located at 119 wareham Road (On the
corner of Route 6 and Point Road) in Marion, MA. We are a 'diverse shelter
for the enjoyment of coffee, lite fare and leisure activities with family
and friends. We offer breakfast and lunch sandwichwes made to order along
with the best Organic and Fair trade coffees. Come in and relax and enjoy
one of our board games, music, magazines or a sporting event on one of our
flat screen TV's.
You can also call ahead and order to go. Come in and
check out the newest addition to the Marion scene.
Bill and Dina Quinlan-Proprietors
</td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
<p> Coffee Hut is conveniently located at 119 wareham Road (On the
corner of Route 6 and Point Road) in Marion, MA. We are a 'diverse shelter
and friends. We offer breakfast and lunch sandwichwes made to order along
with the best Organic and Fair trade coffees. </p>
</section>
<section>
<h3>Center Stuff</h3>
<p>Coffee Hut is a mobile coffee cart with a unique point of
difference.
If you are looking for quality espresso coffee served on site at your next
Community, or Corporate event, then the Coffee Hut has the solution for
you.</p>
</section>
<section>
<h3>Right Stuff</h3>
<p>Our Mobile Coffee Cart has been used at markets, festivals, picnics,
corporate functions, weddings, sports events, local rugby club days, field
days, product launches, special events, sporting days, training sessions,
trade days, real estate promotions, exhibitions, outdoor music events and
more.</p>
</section>
</footer>
</body>
</html>
29 | P a g e
Contact Us
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
<p>Coffee Cool is focused on providing high-quality service
and customer satisfaction - we will do everything we can to meet your
expectations.
With a variety of offerings to choose from, we're sure you'll be happy
working with us. Look around our website and if you have any comments or
questions, please feel free to contact us. </p>
30 | P a g e
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Contact Us:
</td>
</tr>
<tr>
<td>
<b> Enrollment No. : .....................</b><br/><br/>
<b> Student
Name : .....................</b><br/><br/>
Phone:
(011)
28012195<br/><br/>
Mobile:
9810102908<br/><br/>
Email:
anily2021@gmail.<br/><br/>
Address:
RZ-B/28, Gopal
Nagar, Najafgarh Road Industrial Area, Delhi- 110043<br/><br/>

</td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
<p> Coffee Hut is conveniently located at 119 wareham Road (On the
corner of Route 6 and Point Road) in Marion, MA.
31 | P a g e
We are a 'diverse shelter
and friends.
We offer breakfast and lunch sandwichwes made to order along
with the best Organic and Fair trade coffees. </p>

</section>
<section>
difference.
If you are looking for quality espresso coffee served on site at your next
Community, or Corporate event, then the Coffee Hut has the solution for
you.</p>
</section>
<section>
<p>Our Mobile Coffee Cart has been used at markets, festivals, picnics,
corporate functions, weddings, sports events, local rugby club days, field
days, product launches, special events,
sporting days, training sessions,
trade days, real estate promotions, exhibitions, outdoor music events and
more.</p>
</section>
</footer>
</body>
</html>
Booking Form
<!doctype html>
<html lang="en">
<head>
32 | P a g e

media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
<p>Coffee Cool is focused on providing high-quality service and
customer satisfaction - we will do</br> everything we can to meet your
expectations.</br>
With a variety of offerings to choose from, we're sure you'll
be happy working with us. </br>Look around our website and if you have any
comments or questions, please feel free to contact us. </p>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
33 | P a g e
<tr>
Booking Form...
</td>
</tr>
<tr>
<td
height="40px"
class="text">Registration Here....</td>
</tr>
<tr>
<td
height="40px" id="label">User Name
:</td>
<td>
<input type="text"
name="txtUserName" id="txtUserName" size="33" class=""/>
</td>
<td height="40px" id="label">Full
Name :</td>
<td>
<input type="text"
name="txtFullName" id="txtFullName" size="33" class=""/>
</td>
</tr>
<tr>
<td height="40px" id="label">
Password :</td>
<td>
<input type="password"
name="txtPassword" id="txtPassword"size="33"/>
</td>
<td height="40px" id="label">Confirm
Password :</td>
<td>
<input type="password"
name="ConfPass" id="ConfPass"size="33"onblur="return validatepassword();"/>
</td>
</tr>
<tr>
34 | P a g e
<td height="40px" id="label">Date of

Birth :</td>
<td>
<input type="text"
name="DateOfBirth" id="DateOfBirth"size="33"readonly
onclick="scwShow(this,event);" />
</td>
<td height="40px" id="label">Gender
:</td>
<td>
<select name="cmbgender"
id="cmbgender" style="width: 215px;">
<option value="1">Select</option>
<option
value="Male">Male</option>
<option
value="Female">Female</option>
</select>
</td>
</tr>
<tr>
<td height="40px" id="label">Email
Id :</td>
<td>
<input type="text" name="EmailID"
id="EmailID"size="33" onblur="return validateEmail();" />
</td>
<td height="40px" id="label">Contact No
:</td>
<td>
<input type="text" name="txtCnctNo"
id="txtCnctNo" class=""size="33" onkeyup="CheckForIntegers(this)"/>
</td>
</tr>
<tr>
<td height="40px"
id="label">Full Address :</td>
<td>
<input type="text" name="txtbname"
id="txtbname"size="33"/>
35 | P a g e
</td>
<td id="label">City:</td>
<td>
<select id="cmbcity"
name="cmbcity" style="width: 180px;">
<option value="Select"> Select
</option>
<option value="Delhi">
Delhi
</option>
<option value="Gurgoan">
Gurgoan </option>
<option value="Noida"> Noida
</option>
</select>
</td>
</tr>
<tr>
<td height="40px"
id="label">Country :</td>
<td>
<select id="cmbcountry"
name="cmbcountry" style="width: 180px;">
<option value="Select"> Select
</option>
<option value="Delhi">
Delhi
</option>
<option value="Gurgoan">
Gurgoan </option>
<option value="Noida"> Noida
</option>
<option value="Basrah"> Basrah
</option>
</select>
</td>
<td height="40px"
id="label">Pin Code :</td>
<td>
<input type="text" name="txtpin"
id="txtpin"size="33"/>
</td>
36 | P a g e
</tr>
<tr>
<td colspan="2" align="right"
valign="bottom">
<a
href="thanku.html"><h3>Submit</h3></a>
</td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
<p> Coffee Hut is conveniently located at 119 wareham Road (On
the corner of Route 6 and Point Road) in Marion, MA.
We are a 'diverse
shelter for the enjoyment of coffee, lite fare and leisure activities with
family and friends.
We offer breakfast and lunch sandwichwes made to order
along with the best Organic and Fair trade coffees. </p>
</section>
<section>
difference.
If you are looking for quality espresso coffee served on
site at your next Community, or Corporate event, then the Coffee Hut has
the solution for you.</p>
</section>
<section>
<p>Our Mobile Coffee Cart has been used at markets, festivals,
picnics, corporate functions, weddings, sports events, local rugby club
days, field days, product launches, special events,
37 | P a g e
sporting days,
training sessions, trade days, real estate promotions, exhibitions, outdoor

music events and more.</p>
</section>
</footer>
</body>
</html>
Thank You
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
38 | P a g e
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Thank You...
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ThankYou.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
</table>
</div>
</div>
</ul>
</section>
39 | P a g e
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Product page
<!doctype html>
40 | P a g e
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
41 | P a g e

<h2></h2>
<table>
<tr>
Product List
</td>
</tr>
<tr>
<td>
<a
href="chococinno.html"><h3>Chococinno</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Espresso.html"><h3>Espresso</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Irish.html"><h3>Irish
Coffee</h3></a>
</td>
</tr>
<tr>
<td>
<a
href="Macchiato.html"><h3>Macchiato</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Chill.html"><h3>Chill-OCoffee</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Kaapi.html"><h3>Kaapi
Nirvana</h3></a>
42 | P a g e
</td>
</tr>
<tr>
<td>
<a href="Assam.html"><h3>Assam Tea</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Lemon.html"><h3>Lemon Iced
Tea</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Strawberry.html"><h3>Strawberry iced
tea</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Black.html"><h3>Black Currant
Blast</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Cool.html"><h3>Cool Blue</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Aztec.html"><h3>Aztec</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Aztec.html"><h3>Aztec</h3></a>
</td>
</tr>
<tr>
43 | P a g e
<td>
<a href="Green.html"><h3>Green Jasmine
Tea</h3></a>
</td>
</tr>
<tr>
<td>
<a href="CRUNCHY.html"><h3>CRUNCHY
FRAPPE</h3></a>
</td>
</tr>
<tr>
<td>
<a href="Cucumber.html"><h3>Cucumber Lemon
</h3></a>
</td>
</tr>
<tr>
<td>
<a href="CrunchyFrappe.html"><h3>Crunchy
Frappe</h3></a>
</td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
44 | P a g e
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Chococinno
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
45 | P a g e

</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Chococinno
</td>
46 | P a g e
</tr>
<tr>
<td colspan="2">
<img src="img/ccdchococinno.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Our Special king-size cappuccino with the
richest chocolate sauce. Disturbingly delicious.
</td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
47 | P a g e
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Espresso
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
48 | P a g e
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Espresso
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccdespresso.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
The original Italian classic-strong dark. </td>
49 | P a g e
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
50 | P a g e
</html>
Irish Coffee
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
51 | P a g e

</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Irish Coffee
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-irishcoffee.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Coffee, sugar, cream and the smooth flavour of nonalcoholic whiskey.. </td>
</tr>
<tr>
Rs:125 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
52 | P a g e
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Macchiato
53 | P a g e
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
54 | P a g e
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Macchiato
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccdmacchiato.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Macchiato
Espresso's punch smoothened and mellowed by a dollop of foamed milk.</td>
</tr>
<tr>
Rs:100 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
55 | P a g e
We are a 'diverse
family and friends.
</section>
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Chill-O-Coffee
<!doctype html>
<html lang="en">
56 | P a g e
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
57 | P a g e
<h2></h2>
<table>
<tr>
Chill-O-Coffee
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-chill-ocoffee.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Chill-O-Coffee
Savour rich and delightful coffee tones iced to perfection</td>
</tr>
<tr>
Rs:100 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
58 | P a g e
</section>
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Kaapi Nirvana
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
59 | P a g e

</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Kaapi Nirvana
</td>
60 | P a g e
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-kaapinirvana.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
A prize winner at the WBC in Norway! A chilled out espresso
with subtle Caribbean flavours topped with whipped cream and chocolate
vermicelli.</td>
</tr>
<tr>
Rs:110 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
61 | P a g e

</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Assam Tea
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
62 | P a g e
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Assam Tea
</td>
</tr>
<tr>
<td colspan="2">
63 | P a g e
<img src="img/ccd-assamtea.jpg" width="300px" height="300px" alt=""/>

</td>
</tr>
<tr>
Only the finest tea leaves from Assam can give you the sweet,
intense and deep-bodied taste of Assam tea. Served in a tea bag. Can be
served either with milk or lemon.
</tr>
<tr>
Rs:110 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
64 | P a g e
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Lemon Iced Tea
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
65 | P a g e

</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Assam Tea
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-lemoniced-tea.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
66 | P a g e
Ice cold, lemon flavoured tea, the ultimate refresher.
<tr>
Rs:110 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
</section>
<section>
sporting days,

67 | P a g e
</section>
</footer>
</body>
</html>
Strawberry iced tea
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
68 | P a g e
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Strawberry iced tea
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccdstrawberry-iced-tea.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Ice cold, strawberry flavoured tea.
<tr>
Rs:110 </td>
</tr>
</table>
</div>
</div>
</ul>
69 | P a g e
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
family and friends.
</section>
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
70 | P a g e
Black Currant Blast
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
71 | P a g e
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Black Currant Blast
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-blackcurrant-blast.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Black currant flavoured milkshake blended with ice cream.
<tr>
Rs:120 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
We are a 'diverse
72 | P a g e
family and friends.
</section>
<section>
difference.
</section>
<section>
sporting days,

</section>
</footer>
</body>
</html>
Cool Blue
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
73 | P a g e
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Cool Blue
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-coolblue.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Bright blue and tangy ice slush.
<tr>
Rs:120 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
74 | P a g e
<h3>Left Stuff</h3>
the corner of Route 6 and Point Road) in Marion, MA. We are a 'diverse
family and friends. We offer breakfast and lunch sandwichwes made to order
</section>
<section>
difference.
</section>
<section>
days, field days, product launches, special events, sporting days,
</section>
</footer>
</body>
</html>
Aztec
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
75 | P a g e
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Aztec
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccdaztec.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
A delightful American coffee blend. International gourmet blends. A double
shot of espresso brewed from a blend of imported coffee beans topped with
steamed and foamed milk. <tr>
Rs:120 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
76 | P a g e
</section>
<section>
difference.
</section>
<section>
</section>
</footer>
</body>
</html>
Green Jasmine Tea
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
77 | P a g e
</ul>
</nav>
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Green Jasmine Tea
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-greenjasmine-tea.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
A Sweet, aromatic and healthy tea. The leaves are mixed with Jasmine flower
bits that give a distinct fragrance and flavour. Can be served either with
milk or lemon. <tr>
Rs:120 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
</section>
78 | P a g e
<section>
difference.
</section>
<section>
</section>
</footer>
</body>
</html>
CRUNCHY FRAPPE
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
79 | P a g e
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
CRUNCHY FRAPPE
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-crunchyfrappe.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
A Sweet, aromatic and healthy tea. The leaves are mixed with Jasmine flower
bits that give a distinct fragrance and flavour. Can be served either with
milk or lemon.
</td>
</tr>
<tr>
Rs:120 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
</section>
80 | P a g e
<section>
difference.
</section>
<section>
</section>
</footer>
</body>
</html>
CRUNCHY FRAPPE
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
81 | P a g e
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
CRUNCHY FRAPPE
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-cucumberlemon.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
Lemon iced tea with cucumber flavour and a hint of mint.
</td>
</tr>
<tr>
Rs:120 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
</section>
<section>
82 | P a g e
difference.
</section>
<section>
</section>
</footer>
</body>
</html>
Crunchy Frappe
<!doctype html>
<html lang="en">
<head>
media="screen" />
media="print" />
</head>
<body>
<header>
<h1>CoffeeCols</h1>
</header>
<nav>
<ul>
</ul>
</nav>
83 | P a g e
<header>
</header>
expectations.</br>
</section>
<ul class="column">
<div>
<h2></h2>
<table>
<tr>
Crunchy Frappe
</td>
</tr>
<tr>
<td colspan="2">
<img src="img/ccd-beveragecrunchy-frappe.jpg" width="300px" height="300px" alt=""/>
</td>
</tr>
<tr>
I'm full of crunchy Oreos dunked in a rich and creamy chocolaty meltdown.
</td>
</tr>
<tr>
Rs:120 </td>
</tr>
</table>
</div>
</div>
</ul>
</section>
<footer>
<section>
<h3>Left Stuff</h3>
</section>
<section>
84 | P a g e
difference.
</section>
<section>
</section>
</footer>
</body>
</html>
85 | P a g e
OUTPUT
Home page
CONTACT US
86 | P a g e
Booking Form
Thank You
87 | P a g e
Product page
Chococinno
88 | P a g e
Espresso
Irish Coffee
Macchiato
89 | P a g e
Chill-O-Coffee
Kaapi Nirvana
90 | P a g e
Assam Tea
Lemon Iced Tea

91 | P a g e
Strawberry iced tea
Strawberry iced tea

92 | P a g e
Cool Blue
Aztec
93 | P a g e
Green Jasmine Tea
CRUNCHY FRAPPE
94 | P a g e
CRUNCHY FRAPPE
Crunchy Frappe
95 | P a g e
BIBLIOGRAPHY
96 | P a g e
The following books and manuals provided a lot of help to us in making this
project a reality.
HTML COMPLETE REFERENCE
PATRICK NAUGHTON,
HERBERT SCHILDT
HTML HOW TO DESIGN
DEITERL & DEITEL
JAVA UNLEASHED
HTML PROGRAMMING
ORELLY
SOFTWARE ENGINEERING
R. E. FAIRELY
SOFTWARE ENGINEERING
PRESSMAN
AN INTEGRATED APPROACH TO SOFTWARE
ENGINNERING
PANKAJ JALOTE
97 | P a g e

Deepika

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Deepika

Uploaded by

Copyright:

Available Formats

A

UNDER THE GUIDANCE OF

Registration No.: 928773

OBJECTIVE ABOUT ONLINE

Place: New Delhi

Signature of Guide / Supervisor

A cup of black coffee

Hot or cold (usually hot)

(possible consumption of roasted

Approx. 15th century

major computers at universities in the southwestern US (UCLA, Stanford Research Institute,

According to a CNN transcript of an interview with Wolf Blitzer, Al Gore said,"During my

Marc AndreessenThe development in 1993 of the graphical browser Mosaic by Marc

ADVANTAGES OF HTML / INTERNET

OBJECTIVE OF COFFEE COOL

<div class="heading" align="justify">

Nagar, Najafgarh Road Industrial Area, Delhi- 110043<br/><br/>

We are a 'diverse shelter

We offer breakfast and lunch sandwichwes made to order along

with the best Organic and Fair trade coffees. </p>

sporting days, training sessions,

<link rel="stylesheet" href="styles.css" type="text/css"

height="40px" id="label">User Name

<td height="40px" id="label">Date of

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

<div class="heading" align="justify">

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

<script type="text/javascript" src="js/equalcolumns.js"></script>

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

With a variety of offerings to choose from, we're sure you'll

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

<script type="text/javascript" src="js/equalcolumns.js"></script>

We offer breakfast and lunch sandwichwes made to order

If you are looking for quality espresso coffee served on

training sessions, trade days, real estate promotions, exhibitions, outdoor

<img src="img/ccd-assamtea.jpg" width="300px" height="300px" alt=""/>

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

Lemon Iced Tea

<li class="selected"><a href="index.html">Home</a></li>

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

Strawberry iced tea

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

Black Currant Blast

family and friends.

We offer breakfast and lunch sandwichwes made to order

training sessions, trade days, real estate promotions, exhibitions, outdoor

Green Jasmine Tea

Lemon Iced Tea