Skip to content

Add files via upload #1

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

Open
Fisraiagan wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Add files via upload #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
104 changes: 104 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
<!DOCTYPE html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Your page description here">
<meta name="author" content="Chris Hagan">

<!-- Title -->
<title>Assignment_1</title>
<!-- External CSS -->
<link rel="stylesheet" href="css/styles.css">

<!-- Optional: Google Fonts -->
<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=Chela+One&family=Libre+Baskerville:ital,wght@0,400..700;1,400..700&display=swap" 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=Permanent+Marker&display=swap" rel="stylesheet">
</head>

<body>
<!-- Header -->
<header>
<h1>Married To The Game</h1>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<!-- Main Content -->
<main>
<section>
<h2>Artist who wrote "Married To The Game"</h2>
<p>The artist i will be reviewing is known as Future</p>
<p>He is a rapper and songwriter known for his unique style and innovative approach to hip-hop music.
This song was a hit single from his album "Project E.T," released in 2016. Future has won several awards
throughout his career,
including BET Awards and Billboard Music Awards plus three grammy's.
</p>
</section>
<article>
<h2>Lyrics to song_title: Married To The Game</h2>
<a href="https://www.youtube.com/watch?v=zLZrytzKRLs">Watch the music video</a>
<p>
[Intro: DJ Esco]
DJ Esco
E.T
Esco Terrestrial

<p>[Verse: Future]</p>
More money, more problems
More guns, more violence
I beat a couple cases, I feel like John Gotti
Hop out a Benz baby, I feel like thug life
I feel like taking some drink right now and pouring it up with my n***as
We ain't never turned down, I'm a Big Dipper
Big tipper</p> <P>
You wanted your bag?, you get it
Cash on deliver, Rosé on my liver
Headshots, head shots for my enemies
She got a money machine clicking
You know how I kick it, hey
Even the witness gon' send you the penitentiary
The way he get it, she get it, they get it too
Lay on ya, spray on ya, hop in the Coupe
You didn't know about Molly world 'til I introduced you
You can be sober as f**, this money is gon' seduce you
My hustle is gonna seduce you
</P>
<p>
My vibe, ain't none of these n***as comparing to me
No none of these n***as compare to me
Most of these n***as are fans of me
I really appreciate it
I really, I really, I really, I really I do
Majority of these b**hes ain't loyal to y'all, done been ran through
I stay at it, get at it, work on it, count up and count up and count up
Payback, the Maybach, I sit back and lay back and flip through the channels
I flip through the channels, I'm watching the streets and I know I ain't Desiigner
I'm seeing the animosity, the riots is on CNN
I got some homies that just got out, some ones that just went in
[Outro: Future]
The deeper the ocean, the deeper the pain
Blow out their brains, switch through lanes
Ain't gotta call out no names
They know I'm married to the game
</p>
</article>
</main>

<!-- Footer -->
<footer>
<p>&copy; 2026 Chris_Hagan. All rights reserved.</p>
</footer>
</body>

</html>
104 changes: 104 additions & 0 deletions styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,104 @@
@charset "utf-8";

html {
box-sizing: border-box;

}
*, *::before, *::after {
box-sizing: inherit;
}
body{

background: url("../../images/Project_et.jpg") no-repeat top left;
float:left;
display:flow-root;
}
main{
margin: 0 auto;
width: 80%;
border: 2px solid black;
padding: 10px;
background-color: rgba(8, 201, 211, 0.8);

}

header{
margin: 0 auto;
border: 2px dashed black;
width: 80%;
display:flex;
text-align: center;
justify-content: space-around;
font-family: Georgia, 'Times New Roman', Times, serif;
background-color: rgba(97, 154, 17, 0.652);

}

header nav ul li{
list-style-type: none;
padding: 0;
text-align: right;
display:inline;
/* float: right; */
}
h1{
margin: 20px auto;
text-align: center;
}

h2{
text-align: center;
margin-top: 20px;
}
section h2{
text-align: center;
margin-top: 20px;
font-family: Chela One;
}
section p{
margin: 20px auto;
width: 80%;
display: flex;
flex-direction: column;
align-items: center;
font-family: Georgia, 'Times New Roman', Times, serif;
}

section p:nth-of-type(1) {
background-color: rgba(255, 255, 255, 0.8);
text-decoration-style: wavy;
text-decoration: underline wavy rgba(8, 201, 211, 0.8);
}
section p:nth-of-type(1){
text-align: justify;
line-height: 1.4;
font-family: Libre Baskerville, serif;
flex-direction: column;
border-top: 5px solid black;
padding: 0 20px;


}
section p:nth-of-type(2) {
font-weight: 200;
font-family: Chela One;
text-align: justify;
border-top: 5px solid black;
padding: 0 20px;
background-color:lightblue ;
}


article {
border: 2px solid black;
margin: 20px auto;
width: 80%;
padding: 10px;
line-height: 1.8;
font-family: permanent marker;
background-color: goldenrod;
}
article h2{
text-align: center;
margin-bottom: 20px;
}