Module-Onboarding/Wireframe/martinWireFrame.html at 26e3edeba2852430d7ddfce1f8f842eebfa6502a · mjm-git185/Module-Onboarding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Wireframe cyf first sprint building a web page using Wireframe provided</title>
    <link rel="stylesheet" href="martinStyle.css" />
    <h1>Wireframe cyf first sprint</h1>
    <p> As part of the first sprint, we are building a web page using the provided wireframe. </p>
</head>
<body>
<article id ="readMe">
    <h2><a href="#">Read Me</a></h2>
    <img src="education-concept-with-book.jpg" alt="a red book " />
    <p> This is my first sprint project for the Code Your Future web development course. The objective of this sprint is to create a web page based on a provided wireframe design. The project involves using HTML and CSS to replicate the layout and styling of the wireframe as closely as possible. This exercise will help me improve my front-end development skills and gain practical experience in building web pages from design mockups. </p>
</article>

<article id = "wireFrame">
    <img src="low-angle-shot-barbed-wire-fence-clear-blue-sky.jpg" alt="a barbed wire fence " />
    <h2><a href="#">Wire Frame</a></h2>
    <p> The wireframe provided for this sprint is a simple layout with a header, main content area, and footer. The main content area contains an article with an image, title, description, and a link to read more. The footer contains a simple paragraph. </p>

</article>

<article id = "branch">
    <img src="branch.jpg" alt="a tree branch " />
    <h2><a href="#">Branch</a></h2>
    <p> I have created a branch named "martin-wireframe" for this project. This branch contains all the code and files related to the wireframe project. I will be committing my changes to this branch as I work on the project. </p>

</article>
</body>
<footer>
</footer>

</html>