Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

Glasgow_6- Tosin_odunuga-HTML/CSS-Week 1 #287

Open
fowobi wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Glasgow_6- Tosin_odunuga-HTML/CSS-Week 1 #287

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
10 changes: 5 additions & 5 deletions .github/pull_request_template.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,14 +16,14 @@ Please complete the details below this message

# Your Details

- Your Name:
- Your City:
- Your Slack Name:
- Your Name: Tosin Odunuga
- Your City:Glasgow
- Your Slack Name:Tosin

# Homework Details

- Module:
- Week:
- Module:HTML/CSS
- Week:2

# Notes

Expand Down
3 changes: 3 additions & 0 deletions .vscode/settings.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
{
"liveServer.settings.port": 5501
}
39 changes: 39 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,42 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
ody {
margin: 20px;width:100%;background-color: rgb(230, 184, 173);border-style: solid;
border-color: green;
height: 100%;font-family: Arial, Helvetica, sans-serif;border-radius: 20px;
}
h1 {
color: white;
text-align: center;box-sizing: border-box;
background-color: #666;
padding: 30px;
text-align: center;
font-size: 35px;
color: white;border-style: solid;
border-color: green;}
pody {
margin: 20px;width:100%;background-color: rgb(230, 184, 173);border-style: solid;
border-color: green;
height: 100%;font-family: Arial, Helvetica, sans-serif;border-radius: 20px;
}
p {

font-size: 20px; text-align: center;
margin-right: 150px;
margin-left: 80px;

}
navbar {
width: 100%;
background-color: #555;
overflow: auto;}

.navbar a {
float: center;
text-align: center;
padding: 12px;
color: rgb(79, 26, 114);
text-decoration: none;
font-size: 24px;
}
59 changes: 57 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,62 @@
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<main>
<body class="main-content">
<header class="c-site-header"></header>
<h1> MY Page</h1>
<nav>
<ul>
<div class="container">
<nav class="navbar" aria-label="Main Site Links.">
<ul>
<li><a class="nav-link" href="#about_me">About Me</a</li>
<li><a class="nav-link" href="#contact">Contact</a></li>
<li><a class="nav-link" href="#myInterest">My Interest</a></li>

</li>
</ul>

</div>

</nav>
</main>

</header>
<main id="about_me">
<article>
<h1>About Me</h1>
<p> My name is Tosin Odunuga, I live in Glasgow Scotland, United Kingdom, I had my first degree in Banking and Finance from Olabisi Onabanjo University Ogun state,Nigeria, also I am a CodeYourFuture’s trainee.

My Favourite Sport is Football, I love Playing football, and I support Manchester United. Compared to other sports, there is no sport that can cause suspense and excitement for players like football. In this regard, football clearly has the effect of relieving stress and bringing people together, as a remedy to help me temporarily forget the worries and worries of daily life.

I love manchester United football,It is one of the greatest football club in the world,I had been following this football club since when i was 10year old back in Nigeria.

My love for this Club is second to none.
</p>
<h1>
<img width="550"height="450"src="https://i2-prod.manchestereveningnews.co.uk/incoming/article23387908.ece/ALTERNATES/s615/0_GettyImages-1384570282.jpg"/>
</h1>
</article>
<footer class="c-site-footer">
<h2>Contact</h2>
<div class="navbar">
<nav aria-label="Main Site Links.">
<main id="contact"></main>
<h3>
<a>FOLLOW ME ON:</a>
<a id="twitter" class="fa fa-twitter" target="_blank" href="https://www.twitter.com/@fowobi21/"> Twitter</a>
<a id="instagram" class="fa fa-instagram" target="_blank" href="https://www.instagram.com/fowobi21_/"> Instagram</a>
<a id="linkedln" class="fa fa-linkedln" target="_blank" href="https://www.linkedin.com/in/tosin-undefined-355054247/_/"> linkedln</a>
</h3>

</nav>
</div>
<nav aria-label="Main Site Links.">
copyright &copy;2023 Tosin</footer>
</main>



</body>
</html>