The document is a website project for a juice bar called Daily Juice. It includes the following sections:
1. Navigation bar and header image for the homepage
2. Introduction text about Daily Juice's mission and products
3. Sections for Menu, About, and Contact
4. Customer testimonial
5. Footer with copyright information
The menu page includes images and descriptions of various juices, smoothies, and bowls available. The design uses a responsive layout for different screen sizes and includes a navigation bar on all pages.
The project gutenberg e book, fairy tales from brazil, by elsie spicerAndrei Hortúa
This document is the full text of the book "Fairy Tales from Brazil" by Elsie Spicer Eells. It contains 18 folk tales from Brazilian folklore that explain natural phenomena or aspects of the natural world. The stories are introduced as if they are being told by an "ama" or maid named Theresa to children under mango trees in a Brazilian garden at story time.
This document provides instructions for tracking web pages using Google Analytics. It includes JavaScript code to insert the Google Analytics tracking script onto web pages. The code initializes tracking using a specific Google Analytics profile ID and tracks basic page views and load times. Privacy settings are not tracked.
Make More Money With Advanced Custom Fields - WordCampYYC 2015buildstudio
The document discusses using a content management system (CMS) to create customizable call-out sections on a website. It provides examples of global fields that could be set up as options to customize things like background images, headlines, text, call-to-action buttons, and button links for different call-out sections. It also provides examples of code for rendering call-outs using the values from the global fields.
The document discusses ASP.NET 2.0 web application security features including user authentication, authorization, and profile management. It describes how ASP.NET 2.0 provides built-in controls and APIs for user login, password recovery, role management, and storing user profiles and membership data in a database using SQL Server providers. It also provides code examples for creating new user accounts, validating user logins, and retrieving user information.
The document is a blog post that includes the following elements:
1) A sidebar with information about the author, navigation links, and social media links.
2) Styling and script elements to control the layout and appearance of the page.
3) The main content area which displays a series of blog posts with text, photos, quotes, audio, and other common post elements.
4) Pagination links at the bottom to navigate between blog posts.
The document is a webpage displaying a Naruto and Bleach anime music video set to the song "Falling Apart" by Zebrahead. It includes an embedded YouTube video of the AMV, as well as information about the video including the creator's YouTube channel and contact email. Below this, instructions are given to editors submitting videos, requesting they include the YouTube channel, email, MSN, website, Orkut, a comment about the video, and production details. The contact email provided is leandro_pegasus7@hotmail.com.
The document discusses Ruby on Rails and Web 2.0 applications. It introduces Rails as a web application framework for Ruby that makes it easy to build database-backed web applications according to the MVC pattern. It provides features like automatic form generation and active records that simplify common development tasks. The document also gives examples of how Rails has been used to build popular Web 2.0 applications like Twitter and Basecamp that allow users to connect and share information easily.
The document describes the registration and login pages for a website called Coaches Best Friend. The registration page collects user information such as name, address, email, username, and password and validates the inputs before inserting the data into a database. The login page allows users to enter their username and password which are then checked against the database to authenticate the user. Both pages have links to allow users to switch between registration and login as needed.
The project gutenberg e book, fairy tales from brazil, by elsie spicerAndrei Hortúa
This document is the full text of the book "Fairy Tales from Brazil" by Elsie Spicer Eells. It contains 18 folk tales from Brazilian folklore that explain natural phenomena or aspects of the natural world. The stories are introduced as if they are being told by an "ama" or maid named Theresa to children under mango trees in a Brazilian garden at story time.
This document provides instructions for tracking web pages using Google Analytics. It includes JavaScript code to insert the Google Analytics tracking script onto web pages. The code initializes tracking using a specific Google Analytics profile ID and tracks basic page views and load times. Privacy settings are not tracked.
Make More Money With Advanced Custom Fields - WordCampYYC 2015buildstudio
The document discusses using a content management system (CMS) to create customizable call-out sections on a website. It provides examples of global fields that could be set up as options to customize things like background images, headlines, text, call-to-action buttons, and button links for different call-out sections. It also provides examples of code for rendering call-outs using the values from the global fields.
The document discusses ASP.NET 2.0 web application security features including user authentication, authorization, and profile management. It describes how ASP.NET 2.0 provides built-in controls and APIs for user login, password recovery, role management, and storing user profiles and membership data in a database using SQL Server providers. It also provides code examples for creating new user accounts, validating user logins, and retrieving user information.
The document is a blog post that includes the following elements:
1) A sidebar with information about the author, navigation links, and social media links.
2) Styling and script elements to control the layout and appearance of the page.
3) The main content area which displays a series of blog posts with text, photos, quotes, audio, and other common post elements.
4) Pagination links at the bottom to navigate between blog posts.
The document is a webpage displaying a Naruto and Bleach anime music video set to the song "Falling Apart" by Zebrahead. It includes an embedded YouTube video of the AMV, as well as information about the video including the creator's YouTube channel and contact email. Below this, instructions are given to editors submitting videos, requesting they include the YouTube channel, email, MSN, website, Orkut, a comment about the video, and production details. The contact email provided is leandro_pegasus7@hotmail.com.
The document discusses Ruby on Rails and Web 2.0 applications. It introduces Rails as a web application framework for Ruby that makes it easy to build database-backed web applications according to the MVC pattern. It provides features like automatic form generation and active records that simplify common development tasks. The document also gives examples of how Rails has been used to build popular Web 2.0 applications like Twitter and Basecamp that allow users to connect and share information easily.
The document describes the registration and login pages for a website called Coaches Best Friend. The registration page collects user information such as name, address, email, username, and password and validates the inputs before inserting the data into a database. The login page allows users to enter their username and password which are then checked against the database to authenticate the user. Both pages have links to allow users to switch between registration and login as needed.
This reference is intended to help those familiar with the Bootstrap 3 CSS framework to quickly see how to write the classes properly. For a clickable index please visit:
https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/
In this class we go deeper into the corking of CSS and look and the novelties in HTML 5, more specifically concerning the integration of media files, creation of forms, and optimisation for responsive design
headings, images , anchor tag,use of special character ,table,span in table, image hyperlinks , feedback form , DIV tag,descendent selector via div and para tag, child selector, javascript , internal links , drag and drop
This document contains HTML code and CSS styling for a web page informing Zynga players that their account has been banned. The page includes a header with navigation links, an announcement section with styled text explaining the ban, and buttons to view the lobby or purchase chips despite the ban.
This document contains HTML code and CSS styling for a page notifying Zynga players that their account has been banned. The page includes a header with navigation links, content explaining the ban and providing options to request an investigation or reactivation, and buttons to access the lobby or purchase chips despite the ban. Styling is included to control layout, colors, fonts and positioning of elements.
This document contains HTML code and CSS styling for a page notifying Zynga players that their account has been banned. The page includes a header with navigation links, content explaining the ban and reasons for it, and buttons to request account reactivation or investigate the ban. Styling is provided for page elements, buttons, and formatting text.
Rodic's Delivery website welcomes visitors and provides an order form for customers to fill out to have food delivered from their main location at the UP-Diliman campus. The order form requests contact and address information and allows the customer to select the branch and items to order before submitting. The website thanks visitors for using their online delivery service and requests feedback.
The document contains HTML code for the header of a webpage. It includes metadata tags for the page title, description, and keywords as well as links to style sheets and JavaScript files.
This document provides an overview of HTML tags for formatting text, images, links, lists, tables, forms and other content on web pages. It explains common tags like <p>, <strong>, <img>, <a>, <ul>, <ol>, <table>, and <form> and shows examples of how to use them to add specific formatting, images, links, lists and tables. It also covers other tags for things like frames, meta data, comments and more. The document is intended as a hands-on reference for using HTML tags to structure and style web page content.
This document provides an overview of Bootstrap, a popular front-end framework for building responsive and mobile-first websites. It discusses how Bootstrap uses media queries and a mobile-first approach to achieve responsiveness across different devices. The document also covers getting started with Bootstrap, its grid system, layouts, forms, and workshops for using Bootstrap components. Finally, it lists some advantages and disadvantages of Bootstrap as well as resources for using and customizing it.
The document contains metadata tags that provide information about a SlideShare presentation titled "History of Christmas" by Michael Susi. The metadata includes descriptions, images, and information for sharing on social media platforms.
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LABpriya Nithya
The document contains code for several ASP.NET web pages that demonstrate using request and response objects to work with query strings, browser details, and cookies. The home page links to pages for querying query strings, accessing browser details, and setting/reading cookies. The query string and browser pages display values from the respective request objects. The cookies page uses cookies to set the background color for 10 seconds when a color is selected from a dropdown.
Index of jquery template 2 Minuteman Summer Web Dev.Daniel Downs
This document contains the code for a multi-page mobile app template created with jQuery Mobile. It includes five "pages" with unique IDs that can link to each other. The first page serves as the home page and links to the other pages for tutorials, a dialog popup, course information, and important links. Each page has a consistent header, content area, and footer structure but can specify different themes.
This document contains code snippets from a PHP web application using the Kohana framework. It includes a controller for managing configuration data with actions for listing, editing, and deleting configurations. It also includes JavaScript code for loading forms into modals via jQuery.
This document contains code snippets from a PHP web application using the Kohana framework. It includes a controller for managing configuration data with actions for listing, editing, and deleting configurations. It also includes JavaScript code for loading forms into modals using jQuery.
The document provides an introduction to HTML and CSS for beginners. It discusses what HTML is, basic HTML tags like headings, paragraphs, lists, links and images. It then covers CSS and how it can be used to style HTML elements. The presentation includes examples and output for many common HTML tags and CSS properties. The overall purpose is to teach the fundamentals of HTML and CSS in a beginner-friendly way through examples and demonstrations.
This document discusses using layouts and partials in a Ruby on Rails application. It demonstrates how to create a new layout file, assign it to a controller action, and use content_for and partials to include common elements like menus and footers across views. Code examples are provided for setting up the layouts, partials and integrating them using yield and content_for. The document also covers configuring stylesheets and JavaScript includes for the layouts.
The document provides information about uploading, sharing, and discovering content on the SlideShare platform. It includes instructions for uploading different file formats up to 100MB in size, as well as details about private and public sharing options. The summary also notes that users should not upload copyrighted materials and includes links for help and support.
jQuery Mobile - Desenvolvimento para dispositivos móveisPablo Garrido
The document discusses jQuery Mobile, a framework for building mobile web applications. It provides an overview of jQuery Mobile, including its support for multiple devices and platforms, real-time updates, and HTML5 capabilities. It also covers common jQuery Mobile elements like toolbars, buttons, lists, and forms; themes; and when to use jQuery Mobile for a project.
DEEP LEARNING FOR SMART GRID INTRUSION DETECTION: A HYBRID CNN-LSTM-BASED MODELijaia
As digital technology becomes more deeply embedded in power systems, protecting the communication
networks of Smart Grids (SG) has emerged as a critical concern. Distributed Network Protocol 3 (DNP3)
represents a multi-tiered application layer protocol extensively utilized in Supervisory Control and Data
Acquisition (SCADA)-based smart grids to facilitate real-time data gathering and control functionalities.
Robust Intrusion Detection Systems (IDS) are necessary for early threat detection and mitigation because
of the interconnection of these networks, which makes them vulnerable to a variety of cyberattacks. To
solve this issue, this paper develops a hybrid Deep Learning (DL) model specifically designed for intrusion
detection in smart grids. The proposed approach is a combination of the Convolutional Neural Network
(CNN) and the Long-Short-Term Memory algorithms (LSTM). We employed a recent intrusion detection
dataset (DNP3), which focuses on unauthorized commands and Denial of Service (DoS) cyberattacks, to
train and test our model. The results of our experiments show that our CNN-LSTM method is much better
at finding smart grid intrusions than other deep learning algorithms used for classification. In addition,
our proposed approach improves accuracy, precision, recall, and F1 score, achieving a high detection
accuracy rate of 99.50%.
This reference is intended to help those familiar with the Bootstrap 3 CSS framework to quickly see how to write the classes properly. For a clickable index please visit:
https://bootstrapcreative.com/resources/bootstrap-3-css-classes-index/
In this class we go deeper into the corking of CSS and look and the novelties in HTML 5, more specifically concerning the integration of media files, creation of forms, and optimisation for responsive design
headings, images , anchor tag,use of special character ,table,span in table, image hyperlinks , feedback form , DIV tag,descendent selector via div and para tag, child selector, javascript , internal links , drag and drop
This document contains HTML code and CSS styling for a web page informing Zynga players that their account has been banned. The page includes a header with navigation links, an announcement section with styled text explaining the ban, and buttons to view the lobby or purchase chips despite the ban.
This document contains HTML code and CSS styling for a page notifying Zynga players that their account has been banned. The page includes a header with navigation links, content explaining the ban and providing options to request an investigation or reactivation, and buttons to access the lobby or purchase chips despite the ban. Styling is included to control layout, colors, fonts and positioning of elements.
This document contains HTML code and CSS styling for a page notifying Zynga players that their account has been banned. The page includes a header with navigation links, content explaining the ban and reasons for it, and buttons to request account reactivation or investigate the ban. Styling is provided for page elements, buttons, and formatting text.
Rodic's Delivery website welcomes visitors and provides an order form for customers to fill out to have food delivered from their main location at the UP-Diliman campus. The order form requests contact and address information and allows the customer to select the branch and items to order before submitting. The website thanks visitors for using their online delivery service and requests feedback.
The document contains HTML code for the header of a webpage. It includes metadata tags for the page title, description, and keywords as well as links to style sheets and JavaScript files.
This document provides an overview of HTML tags for formatting text, images, links, lists, tables, forms and other content on web pages. It explains common tags like <p>, <strong>, <img>, <a>, <ul>, <ol>, <table>, and <form> and shows examples of how to use them to add specific formatting, images, links, lists and tables. It also covers other tags for things like frames, meta data, comments and more. The document is intended as a hands-on reference for using HTML tags to structure and style web page content.
This document provides an overview of Bootstrap, a popular front-end framework for building responsive and mobile-first websites. It discusses how Bootstrap uses media queries and a mobile-first approach to achieve responsiveness across different devices. The document also covers getting started with Bootstrap, its grid system, layouts, forms, and workshops for using Bootstrap components. Finally, it lists some advantages and disadvantages of Bootstrap as well as resources for using and customizing it.
The document contains metadata tags that provide information about a SlideShare presentation titled "History of Christmas" by Michael Susi. The metadata includes descriptions, images, and information for sharing on social media platforms.
HTTP REQUEST RESPONSE OBJECT - WEB APPLICATION USING C# LABpriya Nithya
The document contains code for several ASP.NET web pages that demonstrate using request and response objects to work with query strings, browser details, and cookies. The home page links to pages for querying query strings, accessing browser details, and setting/reading cookies. The query string and browser pages display values from the respective request objects. The cookies page uses cookies to set the background color for 10 seconds when a color is selected from a dropdown.
Index of jquery template 2 Minuteman Summer Web Dev.Daniel Downs
This document contains the code for a multi-page mobile app template created with jQuery Mobile. It includes five "pages" with unique IDs that can link to each other. The first page serves as the home page and links to the other pages for tutorials, a dialog popup, course information, and important links. Each page has a consistent header, content area, and footer structure but can specify different themes.
This document contains code snippets from a PHP web application using the Kohana framework. It includes a controller for managing configuration data with actions for listing, editing, and deleting configurations. It also includes JavaScript code for loading forms into modals via jQuery.
This document contains code snippets from a PHP web application using the Kohana framework. It includes a controller for managing configuration data with actions for listing, editing, and deleting configurations. It also includes JavaScript code for loading forms into modals using jQuery.
The document provides an introduction to HTML and CSS for beginners. It discusses what HTML is, basic HTML tags like headings, paragraphs, lists, links and images. It then covers CSS and how it can be used to style HTML elements. The presentation includes examples and output for many common HTML tags and CSS properties. The overall purpose is to teach the fundamentals of HTML and CSS in a beginner-friendly way through examples and demonstrations.
This document discusses using layouts and partials in a Ruby on Rails application. It demonstrates how to create a new layout file, assign it to a controller action, and use content_for and partials to include common elements like menus and footers across views. Code examples are provided for setting up the layouts, partials and integrating them using yield and content_for. The document also covers configuring stylesheets and JavaScript includes for the layouts.
The document provides information about uploading, sharing, and discovering content on the SlideShare platform. It includes instructions for uploading different file formats up to 100MB in size, as well as details about private and public sharing options. The summary also notes that users should not upload copyrighted materials and includes links for help and support.
jQuery Mobile - Desenvolvimento para dispositivos móveisPablo Garrido
The document discusses jQuery Mobile, a framework for building mobile web applications. It provides an overview of jQuery Mobile, including its support for multiple devices and platforms, real-time updates, and HTML5 capabilities. It also covers common jQuery Mobile elements like toolbars, buttons, lists, and forms; themes; and when to use jQuery Mobile for a project.
DEEP LEARNING FOR SMART GRID INTRUSION DETECTION: A HYBRID CNN-LSTM-BASED MODELijaia
As digital technology becomes more deeply embedded in power systems, protecting the communication
networks of Smart Grids (SG) has emerged as a critical concern. Distributed Network Protocol 3 (DNP3)
represents a multi-tiered application layer protocol extensively utilized in Supervisory Control and Data
Acquisition (SCADA)-based smart grids to facilitate real-time data gathering and control functionalities.
Robust Intrusion Detection Systems (IDS) are necessary for early threat detection and mitigation because
of the interconnection of these networks, which makes them vulnerable to a variety of cyberattacks. To
solve this issue, this paper develops a hybrid Deep Learning (DL) model specifically designed for intrusion
detection in smart grids. The proposed approach is a combination of the Convolutional Neural Network
(CNN) and the Long-Short-Term Memory algorithms (LSTM). We employed a recent intrusion detection
dataset (DNP3), which focuses on unauthorized commands and Denial of Service (DoS) cyberattacks, to
train and test our model. The results of our experiments show that our CNN-LSTM method is much better
at finding smart grid intrusions than other deep learning algorithms used for classification. In addition,
our proposed approach improves accuracy, precision, recall, and F1 score, achieving a high detection
accuracy rate of 99.50%.
Blood finder application project report (1).pdfKamal Acharya
Blood Finder is an emergency time app where a user can search for the blood banks as
well as the registered blood donors around Mumbai. This application also provide an
opportunity for the user of this application to become a registered donor for this user have
to enroll for the donor request from the application itself. If the admin wish to make user
a registered donor, with some of the formalities with the organization it can be done.
Specialization of this application is that the user will not have to register on sign-in for
searching the blood banks and blood donors it can be just done by installing the
application to the mobile.
The purpose of making this application is to save the user’s time for searching blood of
needed blood group during the time of the emergency.
This is an android application developed in Java and XML with the connectivity of
SQLite database. This application will provide most of basic functionality required for an
emergency time application. All the details of Blood banks and Blood donors are stored
in the database i.e. SQLite.
This application allowed the user to get all the information regarding blood banks and
blood donors such as Name, Number, Address, Blood Group, rather than searching it on
the different websites and wasting the precious time. This application is effective and
user friendly.
Applications of artificial Intelligence in Mechanical Engineering.pdfAtif Razi
Historically, mechanical engineering has relied heavily on human expertise and empirical methods to solve complex problems. With the introduction of computer-aided design (CAD) and finite element analysis (FEA), the field took its first steps towards digitization. These tools allowed engineers to simulate and analyze mechanical systems with greater accuracy and efficiency. However, the sheer volume of data generated by modern engineering systems and the increasing complexity of these systems have necessitated more advanced analytical tools, paving the way for AI.
AI offers the capability to process vast amounts of data, identify patterns, and make predictions with a level of speed and accuracy unattainable by traditional methods. This has profound implications for mechanical engineering, enabling more efficient design processes, predictive maintenance strategies, and optimized manufacturing operations. AI-driven tools can learn from historical data, adapt to new information, and continuously improve their performance, making them invaluable in tackling the multifaceted challenges of modern mechanical engineering.
Digital Twins Computer Networking Paper Presentation.pptxaryanpankaj78
A Digital Twin in computer networking is a virtual representation of a physical network, used to simulate, analyze, and optimize network performance and reliability. It leverages real-time data to enhance network management, predict issues, and improve decision-making processes.
Height and depth gauge linear metrology.pdfq30122000
Height gauges may also be used to measure the height of an object by using the underside of the scriber as the datum. The datum may be permanently fixed or the height gauge may have provision to adjust the scale, this is done by sliding the scale vertically along the body of the height gauge by turning a fine feed screw at the top of the gauge; then with the scriber set to the same level as the base, the scale can be matched to it. This adjustment allows different scribers or probes to be used, as well as adjusting for any errors in a damaged or resharpened probe.
Home security is of paramount importance in today's world, where we rely more on technology, home
security is crucial. Using technology to make homes safer and easier to control from anywhere is
important. Home security is important for the occupant’s safety. In this paper, we came up with a low cost,
AI based model home security system. The system has a user-friendly interface, allowing users to start
model training and face detection with simple keyboard commands. Our goal is to introduce an innovative
home security system using facial recognition technology. Unlike traditional systems, this system trains
and saves images of friends and family members. The system scans this folder to recognize familiar faces
and provides real-time monitoring. If an unfamiliar face is detected, it promptly sends an email alert,
ensuring a proactive response to potential security threats.
Discover the latest insights on Data Driven Maintenance with our comprehensive webinar presentation. Learn about traditional maintenance challenges, the right approach to utilizing data, and the benefits of adopting a Data Driven Maintenance strategy. Explore real-world examples, industry best practices, and innovative solutions like FMECA and the D3M model. This presentation, led by expert Jules Oudmans, is essential for asset owners looking to optimize their maintenance processes and leverage digital technologies for improved efficiency and performance. Download now to stay ahead in the evolving maintenance landscape.
Accident detection system project report.pdfKamal Acharya
The Rapid growth of technology and infrastructure has made our lives easier. The
advent of technology has also increased the traffic hazards and the road accidents take place
frequently which causes huge loss of life and property because of the poor emergency facilities.
Many lives could have been saved if emergency service could get accident information and
reach in time. Our project will provide an optimum solution to this draw back. A piezo electric
sensor can be used as a crash or rollover detector of the vehicle during and after a crash. With
signals from a piezo electric sensor, a severe accident can be recognized. According to this
project when a vehicle meets with an accident immediately piezo electric sensor will detect the
signal or if a car rolls over. Then with the help of GSM module and GPS module, the location
will be sent to the emergency contact. Then after conforming the location necessary action will
be taken. If the person meets with a small accident or if there is no serious threat to anyone’s
life, then the alert message can be terminated by the driver by a switch provided in order to
avoid wasting the valuable time of the medical rescue team.
Mechatronics is a multidisciplinary field that refers to the skill sets needed in the contemporary, advanced automated manufacturing industry. At the intersection of mechanics, electronics, and computing, mechatronics specialists create simpler, smarter systems. Mechatronics is an essential foundation for the expected growth in automation and manufacturing.
Mechatronics deals with robotics, control systems, and electro-mechanical systems.
Tools & Techniques for Commissioning and Maintaining PV Systems W-Animations ...Transcat
Join us for this solutions-based webinar on the tools and techniques for commissioning and maintaining PV Systems. In this session, we'll review the process of building and maintaining a solar array, starting with installation and commissioning, then reviewing operations and maintenance of the system. This course will review insulation resistance testing, I-V curve testing, earth-bond continuity, ground resistance testing, performance tests, visual inspections, ground and arc fault testing procedures, and power quality analysis.
Fluke Solar Application Specialist Will White is presenting on this engaging topic:
Will has worked in the renewable energy industry since 2005, first as an installer for a small east coast solar integrator before adding sales, design, and project management to his skillset. In 2022, Will joined Fluke as a solar application specialist, where he supports their renewable energy testing equipment like IV-curve tracers, electrical meters, and thermal imaging cameras. Experienced in wind power, solar thermal, energy storage, and all scales of PV, Will has primarily focused on residential and small commercial systems. He is passionate about implementing high-quality, code-compliant installation techniques.
4. !<DOCTYPE html>
<html>
<head>
<meta charset="utf-8>"
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no>"
<meta http-equiv="x-ua-compatible" content="ie=edge>"
<link href="css/bootstrap.css" rel="stylesheet>/ "
<link href="css/style.css" rel="stylesheet>/ "
<title>Daily Juice</title>
/<head>
<body>
!<--Navigation Bar start... This is the header of the main page-->
<nav class="navbar navbar-light bg-faded navbar-fixed-top>"
<button class="navbar-toggler hidden-sm-up" type="button" data-toggle="collapse" data-target="#CollapseNavbar" aria-
controls="CollapseNavbar" aria-expanded="false" aria-label="Toggle Navigation">☰</button>
<div class="collapse navbar-toggleable-xs" id="CollapseNavbar>"
!<--this is the logo of the website in the top nav-->
<a class="navbar-brand" href="#"><img src="img/logo1.jpg" alt="Event logo" height="40"></a>
<div class="collapse navbar-toggleable-xs>"
<ul class="nav navbar-nav pull-lg-right>"
!<--the index paage is always active means that its highlighted-->
<li class="nav-item active>"
<a class="nav-link" href="index.html">Home</a>
/<li>
<li class="nav-item>"
<a class="nav-link" href="menu.html">Menu</a>
/<li>
<li class="nav-item>"
<a class="nav-link" href="about.html">About</a>
/<li>
<li class="nav-item>"
<a class="nav-link" href="contact.html">Contact</a>
/<li>
/<ul>
/<div>
/<nav>
!<--Navigation Bar End-->
<div class="container-fluid"><br><br><br>
/<div>
<div class="container-fluid>"
<img src="img/main.png" alt="Event logo" width="100%>"
/<div>
5. <br><br>
!<--Title Start... the introdution-->
<section>
<div class="container>"
<h1 class="text-lg-center display-4">juice, smoothies <small class="text-muted">and more!</small></h1>
<p class="text-lg-center">Daily Juice is on a mission to create great tasting and nutritious juices, smoothies, bowls and bites. our
menu is full of fresh offerings that are equally craveable and guilt-free. </p>
<p class="text-lg-center>"
we take a lot of pride in serving products that are high in nutritional value. our juices are made fresh to order, and our sm oothies are
made with frozen fruit instead of ice – which is commonly used by other companies as a filler ingredient.
we want your drinks to be full of nourishment, not fillers. best of all, we have created a juice bar experience built
on convenience. we believe healthy food should be as accessible as fast food.
so beyond our made-to-order menu, all of our stores are stocked with grab-and-go options that are perfect for a
quick, healthy bite or sip.
/<p>
<p class="text-lg-center">whether you are a juicing novice or you're a smoothie pro, we've crafted unique recipes that are packed with
nutrition, taste amazing and are a quick way to fuel up on healthy ingredients!</p>
/<div>
<br><br><hr>
!<--the three options-->
<div class="container>"
<div class="col-md-4>"
<div class="figure>"
<a href="menu.html" ><img class="figure-img img-fluid img-rounded" src="img/1.jpg" alt="Concert Category>"
<div class="centered"><h1>Menu</h1></div>
/<a>
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<a href="about.html> "
<img class="figure-img img-fluid img-rounded" src="img/2.jpg" alt="Book Fair Category>"
<div class="centered"><h1>About us</h1></div>
/<a>
/<div>
/<div>
<div class="col-md-4>"
<div class="figure>"
<a href="contact.html> "
<img class="figure-img img-fluid img-rounded" src="img/4.jpg" alt="Football Category>"
<div class="centered"><h1>Contacts </h1></div>
/<a>
/<div>
/<div>