Scribd
Upload
11 views52 pages

Index For Boat Colon Website

The document outlines the structure and content of a website for showcasing Boat products, including key sections like the homepage, features, product showcase, testimonials, and FAQs. It emphasizes design considerations such as responsive design, a consistent color scheme, and SEO elements. Additionally, it provides an example folder structure for organizing website files.

Uploaded by

Pankaj Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
11 views52 pages

Index For Boat Colon Website

The document outlines the structure and content of a website for showcasing Boat products, including key sections like the homepage, features, product showcase, testimonials, and FAQs. It emphasizes design considerations such as responsive design, a consistent color scheme, and SEO elements. Additionally, it provides an example folder structure for organizing website files.

Uploaded by

Pankaj Yadav
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

INDEX FOR BOAT COLON WEBSITE

[Link] Name
1 File Name
2 Purpose
3 key sec on
4 Features sec on
5 Product showcase
6 Tes monials
7 FAQ sec on
8 Footer
9 Design Considera ons
10 SEO Elements
11 Example folder structure
Index Report for Sta c HTML and CSS Website
File Name
 [Link]
 [Link]
Purpose
 The homepage of the website for showcasing Boat
products, features, and details.
Key Sec ons
1. Header:
o Logo
o Naviga on menu (e.g., Home, Features,
Pricing, About Us, Contact)
o Call-to-ac on bu on (e.g., "Buy Now" or
"Learn More")
2. Hero Sec on:
o Featured image or video of the latest Boat
model.
o Key tagline (e.g., "Experience Innova on with
Boat.")
o A call-to-ac on bu on (e.g., "Shop Now" or
"Discover More").
Features Sec on:
o Highlight the Boat's standout features (e.g.,
camera, performance, ba ery life).
o Use icons, images, and short descrip ons.
Product Showcase
o Display different Boat models with pricing and
key specs.
o Include op ons for viewing details or
purchasing.
Tes monials
o User reviews or tes monials to build trust.
FAQs Sec on
o Commonly asked ques ons about Boats (e.g.,
warranty, compa bility).
Footer
o Contact informa on.
o Social media links.
o Legal informa on (Privacy Policy, Terms &
Condi ons).
Design Considera ons:
 Responsive design for mobile and desktop devices.
 Consistent color scheme, reflec ng the Apple
brand (white, black, minimalis c).
 High-quality images and fonts for premium
branding.
SEO Elements:
 Title Tag: "Explore Boat | Innova on Redefined"
 Meta Descrip on: "Discover the latest Boat models
with cu ng-edge technology, superior
performance, and stunning design."
 Keywords: Boat, Apple Boat, Latest Boat, Buy Boat
Example Folder Structure:
Project/Boat/
├── [Link]
├── css/
│ └── [Link]
├── images/
│ ├── [Link]
│ ├── [Link]
│ └── [Link]
└── assets└── fonts/
Project Screen
code Section
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="[Link]">
<link rel="stylesheet"
href="[Link]
awesome/6.5.2/css/[Link]">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" id="checkbtn"><i class="fa fa-bars"
aria-hidden="true"></i></label>
<label class="logo"><i class="fa-brands fa-
apple"></i></label>
<ul>
<li><a
href="[Link]
%20website/[Link]" style="text-decoration: none;color:
black;">Store</a></li>
<li><a
href="[Link]
%20website/[Link]"style="text-decoration: none;color:
black;">Mac</a></li>
<li><a
href="[Link]
%20website/[Link]"style="text-decoration: none;color:
black;">iPad</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Boat</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Watch</a></li>
<li><a href=""style="text-decoration: none;color:
black;">AirPods</a></li>
<li><a href=""style="text-decoration: none;color:
black;">TV & Home</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Entertainment</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Accessories</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Support</a></li>
<li class><i class="fa fa-search" aria-
hidden="true"></i></li>
<li class="i"><i class="fas fa-shopping-bag"></i></li>
</ul>

<div style=" padding: 13px; margin-top: 10px; background-


color:#e8e8ed; animation: text1 2s linear;"><p style="text-align:
center; font-family: SF Pro Text, SF Pro Icons, Helvetica Neue,
Helvetica, Arial, sans-serif; font-size: 14px; color: black; font-
weight: 100; ">Get up to 24 months No Cost EMI on all Boat
models from most leading banks. <a href="##" style="color:
#0071e3;">Learn more</a></p></div>
</nav>
<h1 style="text-align: left; margin-top: 80px; font-size: 75px;
margin-left: 30px; font-weight: 500;">
Boat
</h1>
<h2 style="text-align: right; margin-right: 40px; margin-
bottom: 100px; font-weight: 500;"> Designed to be loved.
</h2>

<div class="video1">
<video width="80%" autoplay loop
controls style="border-radius: 40px; margin-bottom: 50px; ">
<source
src="[Link]
fec3e0-8619-4684-a57e-
6e2310394f08/anim/welcome/large_2x.mp4">
</video>
</div>
<br><br><br><br>
<h1 style="text-align: justify; margin-left: 80px; font-size:
50px;">
Get to know Boat.
</h1> <br>
<div class="menu1">
<ul class="ul1">
<li class="card1">
<div class="img1">
<h3 style="text-align: justify; margin: 30px; color:
#fafafc;">
Getting Started
</h3>
<h1 style="text-align: justify; color: #fafafc; font-size:
22px; margin-left: 10px;">
Easy to use. Easy to love.
</h1>
</div>
</li>
<li class="card1">
<div class="img2">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: #fafafc;">
Performance and Battery Life
</h3><br>
<h1 style="text-align: justify; color: #fafafc;
font-size: 22px; margin-left: 30px;">
Go fast. Go far.
</h1>

</div>
</li>
<li class="card1">
<div class="img3">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: #fafafc;">
Mac and Boat
</h3><br>
<h1 style="text-align: justify; color: #fafafc;
font-size: 22px; margin-left: 30px;">
Dream team.
</h1>

</div>
</li>
<li class="card1">
<div class="img4">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: white">
Compatibility
</h3><br>
<h1 style="text-align: justify; color: white; font-
size: 22px; margin-left: 30px;">
Mac runs your <br> favourite apps.
</h1>
</div>
</li>
<li class="card1">
<div class="img5">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: white">
Apple Values
</h3><br>
<h1 style="text-align: justify; color: white; font-
size: 22px; margin-left: 30px;">
Our values drive <br> everything we do.
</h1>
</div>
</li>

</ul>
</div>

<br><br><br><br>
<div class="menu2">
<h1 style=" text-align: left; margin-top: 150px;
margin-left: 40px; font-size: 45px;font-weight: 500;">
Explore the line-up.
</h1>
<br><br><br><br><br><br>
<div class="menu3">
<div class="laptop1">
<div class="img11"> </div>
<h1 style="font-weight: 500; margin-top:
5px;">Boat 15</h1>
<h2 style="font-weight: 450; font-size: 18px; color:
rgba(0,0,0,.72);">A total powerhouse.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹3329.00/mo. for 24 mo.‡ <br> or
₹79900.00*</h3>
<div style="margin-top: 40px; float: left; margin-
left: 50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
<div class="laptop1">
<div class="img12">
</div>

<h1 style="font-weight: 500; margin-top:


5px;">Boat 15</h1>
<h2 style="font-weight: 450; font-size: 18px; color:
rgba(0,0,0,.72); ">A total powerhouse.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹3329.00/mo. for 24 mo.‡ <br> or
₹79900.00*</h3>
<div style="margin-top: 40px; float: left; margin-left:
50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
<div class="laptop1">
<div class="img13">
</div>

<h1 style="font-weight: 500;">Boat 14</h1>


<h2 style="font-weight: 450; font-size: 18px; color:
rgba(0,0,0,.72);">As amazing as ever.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹2496.00/mo. for 24 mo.‡ <br> or
69900.00*.00*</h3>
<div style="margin-top: 40px; float: left; margin-
left: 50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
<div class="laptop1">
<div class="img14">
</div>

<h1 style="font-weight: 500; margin-top:


5px;">Boat 13</h1>
<h2 style="font-weight: 450; font-size:
18px;color: rgba(0,0,0,.72);">All kinds of awesome.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹2496.00/mo. for 24 mo.‡ <br> or
₹59900.00*</h3>
<div style="margin-top: 40px; float: left; margin-
left: 50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
</div>
<hr width="100%">
<br><br><br><br>
<h1 style="text-align: justify; margin-left:
100px; margin-top: 30px; font-size: 50px;">
Take a closer look at <br>
our latest models.
</h1>
<br><br>
<div class="photo">

</div>

<br><br>
<h1 style="text-align: justify; margin-left:
100px; margin-top: 60px; font-size: 50px;">
Why Apple is the best <br>
place to buy Boat.
</h1>
<div class="menu4">
<ul class="ul4">
<li class="card4">
<h1 style="text-align: justify ; margin-top:
100px; font-size: 30px;">
Monthly payment <br> options
available.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">
Choose the easy way to finance
with <br>
convenient monthly payment <br>
options. </h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Save with <br> Apple Trade In.
</h1>
<h3 style="text-align: justify;
margin-top: 20px; font-weight: 300;">
Get credit towards your next Mac
<br> when you trade in an eligible <br> device at an Apple
Store.4</h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Customise Your <br> Boat.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">
Choose your chip, memory, <br>
storage, even colour.
</h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Get flexible delivery <br> and easy
pickup.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">

Get free delivery or pickup at your


<br> Apple Store.
</h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Get to know your <br> new Boat.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">
Learn how to get the most out of
<br> your new Mac with a free one-on <br>-one Personal
Session.
</h3>
</li></ul></div> </div>><br><br>
</div>
</div>
<br>
<h1 style="margin-top: 2550px; text-align:
justify ; margin-left: 60px; font-size: 50px;">
Boat essentials.
</h1>
<br><br><br><br>
<div class="menu5"> <br><br>
<h1 style="font-weight: 500; font-size:
25px;">AirTag</h1>
<h3 style="font-weight: 100; font-size:
16px; margin-top: 10px;">Attach one to your keys. Put another
in your backpack. If <br> they’ re misplaced, just use the Find
My app.</h3>
<h3 style="margin-top: 10px; "><a
href="###" style="text-decoration: none; color: rgb(0, 102,
204);">buy ></a></h3>
<img
src="[Link]
ssentials/airtag__b5lt0bcbd9ua_large_2x.jpg" width="100%"
height="68%" alt="" style="margin-top: 50px; border-radius:
20px;">
</div>
<div class="menu6"> <br><br>
<h1 style="font-weight: 500; font-size:
25px;">MagSafe</h1>
<h3 style="font-weight: 100; font-size:
16px; margin-top: 10px;">Snap on a magnetic case, wallet or
both. And get fast, efficient <br> wireless charging.</h3>
<h3 style="margin-top: 10px; "><a
href="###" style="text-decoration: none; color: rgb(0, 102,
204);">shop ></a></h3>
<img
src="[Link]
ssentials/magsafe__bfji5hb1mqsy_large_2x.jpg" width="100%"
height="68%" alt="" style="margin-top: 50px; border-radius:
20px;">
</div><br><br><br><br><br><br><br>
<h1 style="font-size:50px; text-align: justify;
margin-left: 60px; font-weight: 500;">
Significant others.
</h1><br><br><br>
<img src="[Link]" alt="###"
width="95%"><br><br><br><br><br><br><br>
<div class="menu8"><br><br><br><br>
<p style="text-align: justify; font-size: 13px;
margin-left: 100px; color: rgba(0,0,0,.72); ">

◊◊ Monthly pricing is after purchase using


EMI with qualifying cards at 15% pa over a 24 month tenure.
Monthly pricing is rounded to the nearest rupee. Exact pricing
will be <br> provided by your bank, subject to your bank’s
terms and conditions.
<br><br>
Representative example: <br>
Based on purchase of ₹79900.00. Total
amount payable ₹92978.00 paid over 24 months as 24 monthly
payments of ₹3874.00 at an interest rate of 15% pa. Total
interest paid <br> to bank: ₹13078.00.

§ No Cost EMI is available with the purchase


of an eligible product made using qualifying cards on 3 or 6
month tenures from most leading banks. Until 26 June
2024,<br>
No Cost EMI is available with the purchase
of an eligible Boat made using qualifying cards on 3, 6, 9, 12,
18, 24 month tenures from most leadings banks. Monthly
pricing is rounded to <br>
the nearest rupee. Exact pricing will be
provided by your bank, subject to your bank's terms and
conditions. Minimum order spend applies as per your card
issuing bank <br>
threshold. Offer cannot be combined with
Apple Store for Education or Corporate Employee Purchase
Plan pricing. Card eligibility is subject to terms and conditions
between <br>
you and your card issuing bank. Offer may
be revised or withdrawn at any time without any prior notice.
Terms apply.
<br><br>
Representative examples: <br>
Based on a 6 month tenure. ₹79900.00 total
cost includes 15% pa and No Cost EMI savings of ₹3380.00,
paid over 6 months as 6 monthly payments of ₹13317.00. <br>
Based off a 24 month tenure. ₹79900.00 total
cost includes 15% pa and No Cost EMI savings of ₹11242.00,
paid over 24 months as 24 monthly payments of ₹3329.00.
<br>
<br>
* Trade-in values will vary based on the
condition, year and configuration of your eligible trade-in
device. Not all devices are eligible for credit. You must be at
least the age of <br> majority to be eligible to trade in for credit.
Trade-in value may be applied towards a qualifying new device
purchase. Actual value awarded is based on receipt of a
qualifying <br> device matching the description provided when
estimate was made. Sales tax may be assessed on full value of
a new device purchase. In-store trade-in requires presentation
of <br> a valid photo ID (local law may require saving this
information). Offer may not be available in all stores, and may
vary between in-store and online trade-in. Some stores may
have <br> additional requirements. Apple or its trade-in
partners reserve the right to refuse, cancel or limit the quantity
of any trade-in transaction for any reason. More details are
available <br> from Apple’s trade-in partner for trade-in and
recycling of eligible devices. Restrictions and limitations may
apply. <br><br>

° Apple TV+ offer available to new and


qualified returning subscribers only. ₹99/month after free trial.
Only one offer per Apple ID and only one offer per family if
you’re part of a <br> Family Sharing group, regardless of the
number of devices that you or your family purchase. This offer
is not available if you or your Family have previously accepted
an <br> Apple TV+ three-months-free or one-year-free offer.
Offer valid for three months after eligible device is activated.
Plan automatically renews until cancelled. Restrictions and
<br> other terms apply. <br><br>

1. Special pricing available to qualified


customers. To learn more about how to start qualifying for
special pricing, talk to an Apple Specialist in a store or give us a
call on 000800 <br> 040 1966. <br><br>

⁺ Apple Music offer available to new


subscribers only. ₹99/month after trial. Offer available for a
limited time to new subscribers who connect an eligible device
to an Apple <br> device running iOS 15 or iPadOS 15 or later.
Offer valid for three months after eligible device pairing. No
audio product purchase necessary for current owners of eligible
devices. <br> Plan automatically renews until cancelled.
Restrictions and other <u>terms</u> apply. <br><br>

‡ Listed pricing is Maximum Retail Price


(inclusive of all taxes). <br><br>

We use your location to show you delivery


options faster. We found your location using your IP address or
because you entered it during a previous visit to Apple. <br>
</p>
<hr width="80%" style="margin-left: 80px;
margin-top: 10px;">
<br>
<div class="menu">
<i class="fa-brands fa-apple"></i> <font
style="font-size: 12px; margin-left: 10px; font-weight:
100;">Apple Store Online</font>
</div>
<br> <br> <dl style="float: left; margin-left:
100px; list-style: none; font-size: 13px; font-weight: 100;">
<li><b> shop and Learn </b></li><br>
<li>Store</li><br>
<li>Mac</li><br>
<li>iPad</li><br>
<li>Boat</li><br>
<li>Watch</li><br>
<li>AirPods</li><br>
<li> TV & Home </li><br>
<li> AirTag</li><br>
<li> Accessories</li><br>
<li> Gift Cards</li><br><br><br>
<li> <b>Apple Wallet</b> </li><br>
<li>Wallet </dl>
<dl style="float: left; margin-left: 100px; list-style: none; font-
size: 13px; font-weight: 100;">
<li><b> Account</b></li><br>
<li>Manage Your Apple ID </li><br>
<li>Apple Store Account</li><br>
<li>[Link]</li><br><br>
<li> <b>Entertainment </b></li><br>
<li>Apple One</li><br>
<li>Apple Tv+</li><br>
<li> Apple music </li><br>
<li> Apple Arcade</li><br>
<li> Apple Podcasts</li><br>
<li> Apple Books</li><br>
<li> App Books</li><br>

</dl>
<dl style="float: left; margin-left: 100px; list-style: none; font-
size: 13px; font-weight: 100;">
<li><b> Apple Store</b></li><br>
<li>Find a Stoke </li><br>
<li> Genius Bar</li><br>
<li>Today at Apple</li><br>
<li> Apple Summer Camp</li><br>
<li>Ways to Buy</li><br>
<li>Apple Trade in</li><br>
<li> Recycling Programme </li><br>
<li>Order Status </li><br>
<li> Shopping Help</li><br>
</dl>
<dl style="float: left; margin-left: 100px; list-style: none; font-
size: 13px; font-weight: 100;">
<li><b> For Business</b></li><br>
<li>Apple and Business </li><br>
<li> For Education</li><br>
<li>Apple and Education</li><br>
<li> Shop for Education</li><br>
<li>Shop for University</li><br><br>
<li><b>For Healthcare</b></li><br>
<li> Apple in Healthcare </li><br>
<li> Health on Apple Watch </li><</dl>
<dl style="float: left; margin-left: 100px; list-style: none; font-
size: 13px; font-weight: 100;">
<li><b> Apple Values</b></li><br>
<li>Accessibility </li><br>
<li> Enviroment</li><br>
<li>Privacy</li><br>
<li> Supply Chain</li><br><br>
<li><b>About Apple</b></li><br><br>
<li>Newsroom</li><br>
<li> Apple leadership</li><br>
<li> Career Opportunities </li><br>
<li> Investors </li><br>
<li> Ethics & Compliance </li><br>
<li> Events </li><br>
<li> Contact Apple </li><br>
</dl> <br>
<hr width="80%" style="margin-left: 80px; margin-top: 10px;">
<br><br>
</div>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="[Link]">
<link rel="stylesheet"
href="[Link]
awesome/6.5.2/css/[Link]">
</head>
<body>
<nav>
<input type="checkbox" id="check">
<label for="check" id="checkbtn"><i class="fa fa-bars"
aria-hidden="true"></i></label>
<label class="logo"><i class="fa-brands fa-
apple"></i></label>
<ul>
<li><a
href="[Link]
%20website/[Link]" style="text-decoration: none;color:
black;">Store</a></li>
<li><a
href="[Link]
%20website/[Link]"style="text-decoration: none;color:
black;">Mac</a></li>
<li><a
href="[Link]
%20website/[Link]"style="text-decoration: none;color:
black;">iPad</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Boat</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Watch</a></li>
<li><a href=""style="text-decoration: none;color:
black;">AirPods</a></li>
<li><a href=""style="text-decoration: none;color:
black;">TV & Home</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Entertainment</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Accessories</a></li>
<li><a href=""style="text-decoration: none;color:
black;">Support</a></li>
<li class><i class="fa fa-search" aria-
hidden="true"></i></li>
<li class="i"><i class="fas fa-shopping-bag"></i></li>
</ul>

<div style=" padding: 13px; margin-top: 10px; background-


color:#e8e8ed; animation: text1 2s linear;"><p style="text-align:
center; font-family: SF Pro Text, SF Pro Icons, Helvetica Neue,
Helvetica, Arial, sans-serif; font-size: 14px; color: black; font-
weight: 100; ">Get up to 24 months No Cost EMI on all Boat
models from most leading banks. <a href="##" style="color:
#0071e3;">Learn more</a></p></div>
</nav>
<h1 style="text-align: left; margin-top: 80px; font-size: 75px;
margin-left: 30px; font-weight: 500;">
Boat
</h1>
<h2 style="text-align: right; margin-right: 40px; margin-
bottom: 100px; font-weight: 500;"> Designed to be loved.
</h2>

<div class="video1">
<video width="80%" autoplay loop
controls style="border-radius: 40px; margin-bottom: 50px; ">
<source
src="[Link]
fec3e0-8619-4684-a57e-
6e2310394f08/anim/welcome/large_2x.mp4">
</video>
</div>
<br><br><br><br>
<h1 style="text-align: justify; margin-left: 80px; font-size:
50px;">
Get to know Boat.
</h1> <br>
<div class="menu1">
<ul class="ul1">
<li class="card1">
<div class="img1">
<h3 style="text-align: justify; margin: 30px; color:
#fafafc;">
Getting Started
</h3>
<h1 style="text-align: justify; color: #fafafc; font-size:
22px; margin-left: 10px;">
Easy to use. Easy to love.
</h1>
</div>
</li>
<li class="card1">
<div class="img2">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: #fafafc;">
Performance and Battery Life
</h3><br>
<h1 style="text-align: justify; color: #fafafc;
font-size: 22px; margin-left: 30px;">
Go fast. Go far.
</h1>

</div>
</li>
<li class="card1">
<div class="img3">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: #fafafc;">
Mac and Boat
</h3><br>
<h1 style="text-align: justify; color: #fafafc;
font-size: 22px; margin-left: 30px;">
Dream team.
</h1>

</div>
</li>
<li class="card1">
<div class="img4">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: white">
Compatibility
</h3><br>
<h1 style="text-align: justify; color: white; font-
size: 22px; margin-left: 30px;">
Mac runs your <br> favourite apps.
</h1>
</div>
</li>
<li class="card1">
<div class="img5">
<h3 style="text-align: justify; margin-left: 30px;
margin-top: 30px; color: white">
Apple Values
</h3><br>
<h1 style="text-align: justify; color: white; font-
size: 22px; margin-left: 30px;">
Our values drive <br> everything we do.
</h1>
</div>
</li>

</ul>
</div>

<br><br><br><br>
<div class="menu2">
<h1 style=" text-align: left; margin-top: 150px;
margin-left: 40px; font-size: 45px;font-weight: 500;">
Explore the line-up.
</h1>
<br><br><br><br><br><br>
<div class="menu3">
<div class="laptop1">
<div class="img11"> </div>

<h1 style="font-weight: 500; margin-top:


5px;">Boat 15</h1>
<h2 style="font-weight: 450; font-size: 18px; color:
rgba(0,0,0,.72);">A total powerhouse.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹3329.00/mo. for 24 mo.‡ <br> or
₹79900.00*</h3>
<div style="margin-top: 40px; float: left; margin-
left: 50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
<div class="laptop1">
<div class="img12">
</div>

<h1 style="font-weight: 500; margin-top:


5px;">Boat 15</h1>
<h2 style="font-weight: 450; font-size: 18px; color:
rgba(0,0,0,.72); ">A total powerhouse.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹3329.00/mo. for 24 mo.‡ <br> or
₹79900.00*</h3>
<div style="margin-top: 40px; float: left; margin-left:
50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
<div class="laptop1">
<div class="img13">
</div>

<h1 style="font-weight: 500;">Boat 14</h1>


<h2 style="font-weight: 450; font-size: 18px; color:
rgba(0,0,0,.72);">As amazing as ever.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹2496.00/mo. for 24 mo.‡ <br> or
69900.00*.00*</h3>
<div style="margin-top: 40px; float: left; margin-
left: 50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
<div class="laptop1">
<div class="img14">
</div>

<h1 style="font-weight: 500; margin-top:


5px;">Boat 13</h1>
<h2 style="font-weight: 450; font-size:
18px;color: rgba(0,0,0,.72);">All kinds of awesome.</h2>
<h3 style="margin-top: 10px; font-weight:
500;">From ₹2496.00/mo. for 24 mo.‡ <br> or
₹59900.00*</h3>
<div style="margin-top: 40px; float: left; margin-
left: 50px;">
<a href="[Link]
air/"> <button style="padding: 10px; width: 120px; border-
radius: 20px; border: none; background-color: #0071e3; color:
white; cursor: pointer; ">Learn More</button></a>
<font style="padding-left: 100px; color:
#0071e3; font-size: 20px;"><a
href="[Link]
air">Buy ></a></font>
</div>
</div>
</div>
<hr width="100%">
<br><br><br><br>
<h1 style="text-align: justify; margin-left:
100px; margin-top: 30px; font-size: 50px;">
Take a closer look at <br>
our latest models.
</h1>
<br><br>
<div class="photo">

</div>

<br><br>
<h1 style="text-align: justify; margin-left:
100px; margin-top: 60px; font-size: 50px;">
Why Apple is the best <br>
place to buy Boat.
</h1>
<div class="menu4">
<ul class="ul4">
<li class="card4">
<h1 style="text-align: justify ; margin-top:
100px; font-size: 30px;">
Monthly payment <br> options
available.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">
Choose the easy way to finance
with <br>
convenient monthly payment <br>
options. </h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Save with <br> Apple Trade In.
</h1>
<h3 style="text-align: justify;
margin-top: 20px; font-weight: 300;">
Get credit towards your next Mac
<br> when you trade in an eligible <br> device at an Apple
Store.4</h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Customise Your <br> Boat.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">
Choose your chip, memory, <br>
storage, even colour.
</h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Get flexible delivery <br> and easy
pickup.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">

Get free delivery or pickup at your


<br> Apple Store.
</h3>
</li>
<li class="card4">
<h1 style="text-align: justify ; margin-
top: 100px; font-size: 30px;">
Get to know your <br> new Boat.
</h1>
<h3 style="text-align: justify; margin-
top: 20px; font-weight: 300;">

Learn how to get the most out of


<br> your new Mac with a free one-on <br>-one Personal
Session.
</h3>
</li></ul></div> </div>><br><br>
</div>
</div>
<br>
<h1 style="margin-top: 2550px; text-align:
justify ; margin-left: 60px; font-size: 50px;">
Boat essentials.
</h1>
<br><br><br><br>
<div class="menu5"> <br><br>
<h1 style="font-weight: 500; font-size:
25px;">AirTag</h1>
<h3 style="font-weight: 100; font-size:
16px; margin-top: 10px;">Attach one to your keys. Put another
in your backpack. If <br> they’ re misplaced, just use the Find
My app.</h3>
<h3 style="margin-top: 10px; "><a
href="###" style="text-decoration: none; color: rgb(0, 102,
204);">buy ></a></h3>
<img
src="[Link]
ssentials/airtag__b5lt0bcbd9ua_large_2x.jpg" width="100%"
height="68%" alt="" style="margin-top: 50px; border-radius:
20px;">
</div>
<div class="menu6"> <br><br>
<h1 style="font-weight: 500; font-size:
25px;">MagSafe</h1>
<h3 style="font-weight: 100; font-size:
16px; margin-top: 10px;">Snap on a magnetic case, wallet or
both. And get fast, efficient <br> wireless charging.</h3>
<h3 style="margin-top: 10px; "><a
href="###" style="text-decoration: none; color: rgb(0, 102,
204);">shop ></a></h3>
<img
src="[Link]
ssentials/magsafe__bfji5hb1mqsy_large_2x.jpg" width="100%"
height="68%" alt="" style="margin-top: 50px; border-radius:
20px;">
</div><br><br><br><br><br><br><br>
<h1 style="font-size:50px; text-align: justify;
margin-left: 60px; font-weight: 500;">
Significant others.
</h1><br><br><br>
<img src="[Link]" alt="###"
width="95%"><br><br><br><br><br><br><br>
<div class="menu8"><br><br><br><br>
<p style="text-align: justify; font-size: 13px;
margin-left: 100px; color: rgba(0,0,0,.72); ">

◊◊ Monthly pricing is after purchase using


EMI with qualifying cards at 15% pa over a 24 month tenure.
Monthly pricing is rounded to the nearest rupee. Exact pricing
will be <br> provided by your bank, subject to your bank’s
terms and conditions.
<br><br>
Representative example: <br>
Based on purchase of ₹79900.00. Total
amount payable ₹92978.00 paid over 24 months as 24 monthly
payments of ₹3874.00 at an interest rate of 15% pa. Total
interest paid <br> to bank: ₹13078.00.

§ No Cost EMI is available with the purchase


of an eligible product made using qualifying cards on 3 or 6
month tenures from most leading banks. Until 26 June
2024,<br>
No Cost EMI is available with the purchase
of an eligible Boat made using qualifying cards on 3, 6, 9, 12,
18, 24 month tenures from most leadings banks. Monthly
pricing is rounded to <br>
the nearest rupee. Exact pricing will be
provided by your bank, subject to your bank's terms and
conditions. Minimum order spend applies as per your card
issuing bank <br>
threshold. Offer cannot be combined with
Apple Store for Education or Corporate Employee Purchase
Plan pricing. Card eligibility is subject to terms and conditions
between <br>
you and your card issuing bank. Offer may
be revised or withdrawn at any time without any prior notice.
Terms apply.
<br><br>
Representative examples: <br>
Based on a 6 month tenure. ₹79900.00 total
cost includes 15% pa and No Cost EMI savings of ₹3380.00,
paid over 6 months as 6 monthly payments of ₹13317.00. <br>
Based off a 24 month tenure. ₹79900.00 total
cost includes 15% pa and No Cost EMI savings of ₹11242.00,
paid over 24 months as 24 monthly payments of ₹3329.00.
<br>
<br>
* Trade-in values will vary based on the
condition, year and configuration of your eligible trade-in
device. Not all devices are eligible for credit. You must be at
least the age of <br> majority to be eligible to trade in for credit.
Trade-in value may be applied towards a qualifying new device
purchase. Actual value awarded is based on receipt of a
qualifying <br> device matching the description provided when
estimate was made. Sales tax may be assessed on full value of
a new device purchase. In-store trade-in requires presentation
of <br> a valid photo ID (local law may require saving this
information). Offer may not be available in all stores, and may
vary between in-store and online trade-in. Some stores may
have <br> additional requirements. Apple or its trade-in
partners reserve the right to refuse, cancel or limit the quantity
of any trade-in transaction for any reason. More details are
available <br> from Apple’s trade-in partner for trade-in and
recycling of eligible devices. Restrictions and limitations may
apply. <br><br>

° Apple TV+ offer available to new and


qualified returning subscribers only. ₹99/month after free trial.
Only one offer per Apple ID and only one offer per family if
you’re part of a <br> Family Sharing group, regardless of the
number of devices that you or your family purchase. This offer
is not available if you or your Family have previously accepted
an <br> Apple TV+ three-months-free or one-year-free offer.
Offer valid for three months after eligible device is activated.
Plan automatically renews until cancelled. Restrictions and
<br> other terms apply. <br><br>

1. Special pricing available to qualified


customers. To learn more about how to start qualifying for
special pricing, talk to an Apple Specialist in a store or give us a
call on 000800 <br> 040 1966. <br><br>

⁺ Apple Music offer available to new


subscribers only. ₹99/month after trial. Offer available for a
limited time to new subscribers who connect an eligible device
to an Apple <br> device running iOS 15 or iPadOS 15 or later.
Offer valid for three months after eligible device pairing. No
audio product purchase necessary for current owners of eligible
devices. <br> Plan automatically renews until cancelled.
Restrictions and other <u>terms</u> apply. <br><br>
‡ Listed pricing is Maximum Retail Price
(inclusive of all taxes). <br><br>

We use your location to show you delivery


options faster. We found your location using your IP address or
because you entered it during a previous visit to Apple. <br>
</p>
<hr width="80%" style="margin-left: 80px;
margin-top: 10px;">
<br>
<div class="menu">
<i class="fa-brands fa-apple"></i> <font
style="font-size: 12px; margin-left: 10px; font-weight:
100;">Apple Store Online</font>
</div>
<br> <br>
<dl style="float: left; margin-left: 100px; list-
style: none; font-size: 13px; font-weight: 100;">
<li><b> shop and Learn </b></li><br>
<li>Store</li><br>
<li>Mac</li><br>
<li>iPad</li><br>
<li>Boat</li><br>
<li>Watch</li><br>
<li>AirPods</li><br>
<li> TV & Home </li><br>
<li> AirTag</li><br>
<li> Accessories</li><br>
<li> Gift Cards</li><br><br><br>
<li> <b>Apple Wallet</b> </li><br>
<li>Wallet </li>

</dl>
<dl style="float: left; margin-left: 100px; list-
style: none; font-size: 13px; font-weight: 100;">
<li><b> Account</b></li><br>
<li>Manage Your Apple ID </li><br>
<li>Apple Store Account</li><br>
<li>[Link]</li><br><br>
<li> <b>Entertainment </b></li><br>
<li>Apple One</li><br>
<li>Apple Tv+</li><br>
<li> Apple music </li><br>
<li> Apple Arcade</li><br>
<li> Apple Podcasts</li><br>
<li> Apple Books</li><br>
<li> App Books</li><br>

</dl>
<dl style="float: left; margin-left: 100px; list-
style: none; font-size: 13px; font-weight: 100;">
<li><b> Apple Store</b></li><br>
<li>Find a Stoke </li><br>
<li> Genius Bar</li><br>
<li>Today at Apple</li><br>
<li> Apple Summer Camp</li><br>
<li>Ways to Buy</li><br>
<li>Apple Trade in</li><br>
<li> Recycling Programme </li><br>
<li>Order Status </li><br>
<li> Shopping Help</li><br>

</dl>
<dl style="float: left; margin-left: 100px;
list-style: none; font-size: 13px; font-weight: 100;">
<li><b> For Business</b></li><br>
<li>Apple and Business </li><br>
<li> For Education</li><br>
<li>Apple and Education</li><br>
<li> Shop for Education</li><br>
<li>Shop for University</li><br><br>
<li><b>For Healthcare</b></li><br>
<li> Apple in Healthcare </li><br>
<li> Health on Apple Watch </li><br>

</dl>
<dl style="float: left; margin-left: 100px;
list-style: none; font-size: 13px; font-weight: 100;">
<li><b> Apple Values</b></li><br>
<li>Accessibility </li><br>
<li> Enviroment</li><br>
<li>Privacy</li><br>
<li> Supply Chain</li><br><br>
<li><b>About Apple</b></li><br><br>
<li>Newsroom</li><br>
<li> Apple leadership</li><br>
<li> Career Opportunities </li><br>
<li> Investors </li><br>
<li> Ethics & Compliance </li><br>
<li> Events </li><br>
<li> Contact Apple </li><br>
</dl> <br>
<hr width="80%" style="margin-left:
80px; margin-top: 10px;"> <br><br>.
</div>

</body>
</html>
Mission and Vision Report for [Boat clone]

Mission Statement:
"To make cutting-edge smartphone technology accessible and
affordable, delivering premium design and functionality without
the premium price tag. We are committed to providing our
customers with devices that combine sleek aesthetics, reliable
performance, and innovative features, ensuring everyone can
stay connected and productive."

Vision Statement:
"To become a global leader in affordable smart technology,
redefining the smartphone experience by blending style,
innovation, and value. We envision a future where high-quality
technology is within everyone’s reach, empowering people to
achieve more, stay connected, and express their individuality."

Core Values:
1. Innovation: Continuously pushing boundaries to offer
advanced features and technology.
2. Affordability: Providing high-quality products at prices
that offer great value.
3. Design Excellence: Crafting devices that are as stylish as
they are functional.
4. Customer Focus: Prioritizing user satisfaction with
reliable products and excellent support.
5. Sustainability: Committing to eco-friendly practices and
sustainable product development.
Strategic Objectives:
1. Expand Market Reach: Penetrate emerging markets with
affordable smartphones.
2. Enhance Product Features: Continuously improve the
software and hardware to meet evolving user needs.
3. Build Brand Trust: Foster customer loyalty through
consistent quality and service.
4. Leverage Technology Partnerships: Collaborate with
tech innovators to integrate the latest advancements.
5. Promote Sustainability: Develop eco-friendly products
and reduce the environmental impact.

You might also like