Joseph rony
MYP3A
Hello this is my computer science report. I chose to make a website about
new 2025 models of bmw. I needed help with setting the idea of the website and
how to make it so I asked fadi and he helped me get the idea and how to make a
website.I did some research on bmw websites and the new models of the 5 siers
and the X6m. I saw the new models and I took two pictures and put them on my
website. I put links on the website on the bmw the 5 series and the x6m comp. The
links take you to the website of bmw or the customer service,car reviews,car
listings,about us,car news and more. I put nice colors to make the website pop.
To change some design I would add more 2025 models or bmw like the
I7,x3m comp,and more. There are so many bmw’s to choose from like the
x4,m2,m3,x7 and more.i chose a simple design i put two pictures of the m5 and
x6m and put the link to learn more about them below the picture. If i had time i
would plan to add more options of new models and maybe their motorcycles like
the s1000rr which is bmw's fastest motorcycle. I would also change the design to
add more color, not only white add more pictures and more links for the
cars/motorcycles.
First my plan was to make a puzzle game but then I realized it was too hard
so I decided to make a webpage about 2025 models of bmw.
1. title name: BMW M Motorsport
2. The background is white
3. Two pictures that are the new 2025 5 series and the new 2025 x6m comp
4. There are
● Car Reviews
● Car News
● About Us
● Contact Us
5. You can even learn more about the cars below the pictures.
I used <title> for the title and <li><a href= “#”</a></li> for the links to the more
websites of bmw like the car listings,about the car and more. I first made my
webpage. I did the title then added pictures of two of the new models then added
links to more bmw websites and the websites to learn more about the cars. I
changed my plan from doing a puzzle to making a webpage about bmw new
models.
I tested the links with my mom and dad. I tested all the links of bmw
websites. One of the links didn't work because I coded it wrong but then I
corrected it. It can help people choose their new car and make their own design. I
can improve it by adding more new models and videos about the new models.
When i add more pictures and modes and videos people can have a more variety of
new models.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>BMW M Motersport</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header>
<div class="container">
<h1>BMW M Motorsport</h1>
<nav>
<ul>
<li><a href="https://www.bmw.com/en/index.html/"
target="_blank">Visit BMW!</a>
</li>
<li><a href="https://www.bmw-iraq.com/models/them5competition/?
utm_source=google&utm_medium=paid-search&utm_content=EN-
BMWM5Competition-Evaluating&utm_campaign=Iraq-Prosp-
Models&&source=google&medium=paid-
search&content=M5_Competition_EN&campaign=M-
Family_Evaluating&gad_source=1&gclid=EAIaIQobChMI9sL3uaPshQMVIjsGA
B3tTA0oEAAYASAAEgKTNvD_BwE&gclsrc=aw.ds">Car Listings</a></li>
<li><a href="https://www.bmw-iraq.com/models/them5competition/?
utm_source=google&utm_medium=paid-search&utm_content=EN-
BMWM5Competition-Evaluating&utm_campaign=Iraq-Prosp-
Models&&source=google&medium=paid-
search&content=M5_Competition_EN&campaign=M-
Family_Evaluating&gad_source=1&gclid=EAIaIQobChMI9sL3uaPshQMVIjsGA
B3tTA0oEAAYASAAEgKTNvD_BwE&gclsrc=aw.ds">Car Reviews</a></li>
<li><a
href="https://www.bmwusa.com/vehicles/m-models/x6-m/sports-activity-coupe/
overview.html">Car News</a></li>
<li><a href="https://www.bmw-iraq.com/?
utm_source=google&utm_medium=paid-search&utm_content=EN-BMW-
Evaluating&utm_campaign=Iraq-Prosp-
PureBrand&&source=google&medium=paid-
search&content=BMW_EN&campaign=Brand_Evaluating&gad_source=1&gclid=
EAIaIQobChMI2Y6U8qLshQMVsGZBAh2RLQW-
EAAYASAAEgJuC_D_BwE&gclsrc=aw.ds">About Us</a></li>
<li><a href="https://www.bmwusa.com/contact-us.html">Contact
Us</a></li>
</ul>
</nav>
</div>
</header>
<section id="new 2024 models">
<div class="container">
<h2>New 2025 models</h2>
<div class="car">
<img src="C:\Users\ALARABY KARBALA\OneDrive\2024 m5.jpg"
alt="Car 1" width="700" heigh="700">
<h3>Car 1</h3>
<p>The M5 Compation</p>
<a
href="https://www.bmwusa.com/vehicles/5-series/sedan/overview.html">Learn
More</a>
</div>
<div class="car">
<img src="C:\Users\ALARABY KARBALA\OneDrive\x6m.jpg"
alt="Car 2" width="700" heigh="700">
<h3>Car 2</h3>
<p>The X6M Compation</p>
<a href="https://www.bmwusa.com/vehicles/m-models/x6-m/sports-
activity-coupe/overview.html">Learn More</a>
</div>
<!-- Add more featured cars here -->
</div>
</section>
<footer>
<div class="container">
<p>© 2024 Car World</p>
</div>
</footer>
</body>
</html>
