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

Leeds-Shima adnan-Html-css-coursework-week1 #211

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

Leeds-Shima adnan-Html-css-coursework-week1 #211

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
1 change: 1 addition & 0 deletions HTML-CSS-Coursework-Week1
Open in desktop
Submodule HTML-CSS-Coursework-Week1 added at ef3d73
19 changes: 19 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,22 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
/*hearder*/

header {text-align: center;
font-size: large;}
.header_description{
font-family: 'Courier New', Courier, monospace;
;
}
/* main*/
article{
display:flex;
box-shadow: 5px 10px 18px green;
}
img{width:300px;
margin:2rem;}

/*footer*/
footer{font-size: medium;
text-align: center;}
43 changes: 43 additions & 0 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,6 +6,7 @@
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link rel="stylesheet" href="C:\Users\shima\OneDrive\Documents\GitHub\HTML-CSS-Coursework-Week1\css\style.css" />
<title>My Blog</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
Expand All @@ -16,7 +17,49 @@
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
</head>
<body>
<header><strong>Coding School</strong>
<p class="header_description"><b> What do we do in our school</b></p>
</header>
<main>
<article>
<section class="article__image">
<img src="https://images.pexels.com/photos/5474295/pexels-photo-5474295.jpeg?auto=compress&cs=tinysrgb&w=600" alt="html">
</section>
<section class="article__explanation">
<h2>HTML</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, in? Accusantium ab excepturi facilis natus magnam voluptates maxime, autem, nihil consequuntur, officia maiores fuga aliquid cupiditate nisi alias quo libero!</p>
<a href="https://www.w3schools.com/html/default.asp" target="blank">Visit W3Schools.com!</a>
</section>
</article>

<article>
<section>
<img src="https://images.pexels.com/photos/256502/pexels-photo-256502.jpeg?auto=compress&cs=tinysrgb&w=600" alt="css">
</section>
<section>
<h2>CSS</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laborum quae repudiandae voluptatem optio laudantium praesentium, quasi in obcaecati, et doloribus ullam saepe? Et a est obcaecati enim blanditiis aliquam nihil.</p>
<a href="https://www.w3schools.com/css/default.asp" target="blank">Visit W3Schools.com!</a>
</section>
</article>

<article>
<section>
<img src="https://images.pexels.com/photos/4584830/pexels-photo-4584830.jpeg?auto=compress&cs=tinysrgb&w=600" alt="javascript" >
</section>
<section>
<h2>Java Script</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequatur, maxime! Labore incidunt quibusdam maxime nam non itaque facilis enim aspernatur quaerat culpa, placeat quis officia deserunt impedit velit, excepturi accusantium.</p>
<a href="https://www.w3schools.com/js/default.asp">Visit W3Schools.com!</a>
</section>
</article>
</main>

<!-- Add your HTML markup here -->
<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
<footer>
<p>Send your requests to:</p>
<a href="" class="footer__link" target="blank">shimaadnanbasmenj@gmail.com</a>
</footer>
</body>
</html>
1 change: 1 addition & 0 deletions week-1
Open in desktop
Submodule week-1 added at 0cc3d2