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

London-10-Ahmed -Adam | HTML-CSS-Coursework-Week1 #335

Open
ahmedsaif2002 wants to merge 4 commits into
base: master
Choose a base branch
from
Open

London-10-Ahmed -Adam | HTML-CSS-Coursework-Week1 #335

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
91666e6
adding face one
ahmedsaif2002 Feb 13, 2023
ce8dc3d
add articles
ahmedsaif2002 Feb 13, 2023
9336a4b
face two
ahmedsaif2002 Feb 13, 2023
a6e35ea
CW week 1 V1
ahmedsaif2002 Feb 13, 2023
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
43 changes: 35 additions & 8 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,35 @@
/**
* Add your custom styles below
*
* Remember:
* - Be organised, use comments and separate your styles into meaningful chunks
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/

body {
font-family: Arial;
padding: 20px;
background: #f1f1f1;
width: 95%;
}

/* Header/Blog Title */
.header {
padding: 30px;
font-size: 15px;
text-align: center;
background: white;
border-bottom: black;
}
footer{
padding: 30px;
font-size: 15px;
text-align: center;
background: white;
width: 95%;

}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
.leftcolumn, .rightcolumn {
width: 100%;
padding: 0.1;
}
}



30 changes: 28 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,6 +7,7 @@
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"
Expand All @@ -16,7 +17,32 @@
<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 -->
<div class="header">
<h2>Code Your Future</h2>
</div>
<div class="card">
<h2>CYF London 9</h2>
<h5>London, Oct 2022</h5>
<img src = "https://codeyourfuture.io/wp-content/uploads/2020/08/FullStack.jpg" alt""></div>

<p>GLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
<div class="card">
<h2>CYF London 10</h2>
<h5>London Jan 2023</h5>
<div class="img">
<img src = "https://codeyourfuture.io/wp-content/uploads/2021/05/outreach.jpg" alt""></div>

</div>
<p>GLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
</div>
</div>


</body>

<footer>
<p> codeyourfuture@2023 <a href="https://www.lipsum.com/">More info</a></p>
</footer>

</html>