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

London-10-Abubakar-Meigag-HTML-CSS-Coursework-Week1 #322

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

London-10-Abubakar-Meigag-HTML-CSS-Coursework-Week1 #322

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
62 changes: 62 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,65 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
body{
background-color: rgb(155, 82, 223);
}

.header{
display: flex;
border-radius: 0;
border: 0;
justify-content: center;
color: #fff;
}
.main{
padding: 50px;
color: bisque;

}
h2{
display: flex;
justify-content: center;
align-content: center;
color: bisque;

}
.main p{
display: flex;
font-size: 1.2rem;
font-style: oblique;
text-align: center;
justify-content: center;
}
section p{
display: flex;
font-size: 1.2rem;
font-style: oblique;
text-align: center;
justify-content: center;
color: bisque;
}
section h3{
display: flex;
justify-content: center;
align-content: center;
color: bisque;
}
.sec {
padding: 40px;
}
.nav1 {
padding: 30px;
color: gold;
}
.foot{
padding: 30px;
color: gold;
}
.foot a{
display: flex;
justify-content: center;
align-content: center;
padding-top: 40px;
color: #fff;
}
117 changes: 97 additions & 20 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,22 +1,99 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
rel="stylesheet"
type="text/css"
/>
<link rel="stylesheet" href="css/style.css" />
<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 -->
</body>
</html>

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<title>My Blog</title>
<link href="//fonts.googleapis.com/css?family=Roboto:400,500,300" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/style.css" />
<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 -->

<header class="header">
<h1>Code Your Futuer</h1>
</header>

<main class="main">
<article>
<h2> one of my dream was I becom professional coder</h2>
<p>As a software developer student, I have always been fascinated
by the limitless potential of technology. With the rapid advancement
of technology, there is a growing demand for professionals who can design,
develop, and implement software applications that solve real-world problems.
Full stack development is an area of software development that has particularly
captured my interest, as it provides a comprehensive understanding of all
aspects of software development, from front-end user interfaces to back-end
databases and servers. My dream is to become a professional full stack developer
and make a significant impact on the world through technology. To achieve my goal,
I started to change my career path and I was luky to find CodeYourFuture program
for good start learning and support teaching me in every knowledge and skills I
need to continue this journey. I am passionate about delivering high-quality code
and am constantly seeking feedback to improve my skills. I am aware that the journey
to becoming a professional full stack developer requires dedication, perseverance,
and continuous learning. However, I am confident in my abilities and am eager to
take on new challenges and continue to grow as a developer. I am also committed to
staying up-to-date with the latest technologies and trends, and believe that continuous
learning is essential to staying relevant and competitive in the industry. In conclusion,
my dream of becoming a professional full stack developer is driven by my passion for
technology and my desire to use my skills to make a positive impact on the world.
I am confident in my abilities and am dedicated to continuously learning and growing as
a developer. I am excited about the possibilities that technology holds and am eager
to take on the challenges and opportunities that come with being a full stack developer
</p>
</article>
</main>
<nav>
<article>
<div class="nav1">
<h3>Basic tools for learning:</h3>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>React</li>
<li>node</li>
<li>SQL</li>
</ul>
</div>
</article>
</nav>
<section class="sec">
<article>
<h3>Expectation in this journey</h3>
<p>Learning to code can be challenging, but with dedication and persistence, it is possible to master. Some common
difficulties include understanding the syntax, debugging, and problem-solving. It can also be overwhelming to
learn a
new programming language, especially if it is the first one. Moreover, the lack of hands-on experience and
finding the
right resources can also pose difficulties. However, these difficulties can be overcome with practice, patience,
and
seeking help from online communities or mentors. Remember that learning to code is a valuable skill and the
rewards
are worth the effort.</p>
</article>
</section>

<footer class="foot">
<ul>
<h3>My Info:</h3>
<li>Name: Beko Meigag</li>
<li>Your City: London</li>
<li>Slack: Beko Meigag</li>
</ul>
<a href="https://github.com/Abubakar-Meigag?tab=repositories">GitHub</a>
<a href="https://codeyourfuture.io/">codeyourfuture</a>
</footer>






</body>

</html>