Skip to content

images folder #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
thewelltemperedclavier merged 2 commits into from
Jan 17, 2026
Merged

images folder #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
a4e184b
images folder
Jan 17, 2026
624080b
final website
Jan 17, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added first-website/images/.DS_Store
View file
Open in desktop
Binary file not shown.
Binary file added first-website/images/icon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
64 changes: 33 additions & 31 deletions first-website/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,38 +4,40 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>My FireFox Website</title>

<link href="styles/style.css" rel="stylesheet" />

<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
</head>

<body>
<h1>Welcome to My Firefox Website</h1>
<h1>Mozilla is cool</h1>

<img src="images/icon.png" alt="Firefox Icon Image" />

<h2>What is Firefox?</h2>
<p>Firefox is a free and open-source web browser developed by Mozilla. It is designed to be fast, private, and secure, giving users control over their online experience.</p>

<h2>Why Choose Firefox?</h2>

<h3>Privacy First</h3>
<p>Firefox prioritizes your privacy by blocking many trackers by default and giving you control over your data.</p>
<a href="https://www.mozilla.org/en-US/about/manifesto/">
Mozilla Manifesto
</a>

<h3>Speed and Performance</h3>
<p>With its efficient engine, Firefox loads web pages quickly and handles multiple tabs smoothly without slowing down your computer.</p>

<h3>Customization</h3>
<p>You can customize Firefox with thousands of extensions and themes to make it your own. Personalize your browser however you like.</p>

<h2>Getting Started</h2>
<p>Download Firefox today and experience a better browsing experience. It's available on Windows, Mac, Linux, iOS, and Android.</p>
<p>At Mozilla, we're a global community of</p>

<ul>
<li>technologists</li>
<li>thinkers</li>
<li>builders</li>
</ul>

<p>working together…</p>
</body>

<p>At Mozilla, we’re a global community of</p>

<ul>
<li>technologists</li>
<li>thinkers</li>
<li>builders</li>
</ul>

<p>
working together to keep the Internet alive and accessible, so people worldwide can be
informed contributors and creators of the Web. We believe this act of human collaboration
across an open platform is essential to individual growth and our collective future.
</p>

<p>
Read the
<a href="https://www.mozilla.org/en-US/about/manifesto/">Mozilla Manifesto</a>
to learn even more about the values and principles that guide the pursuit of our mission.
</p>
</body>
</html>
28 changes: 28 additions & 0 deletions first-website/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
/* styles/style.css */

html {
font-size: 10px;
font-family: "Roboto", sans-serif;
}

body {
margin: 0;
padding: 20px;
}

h1 {
font-size: 60px;
text-align: center;
}

p,
li {
font-size: 16px;
line-height: 2;
letter-spacing: 1px;
}

/* Leave the image on the left like your screenshot */
img {
display: block;
}
Loading