|
1 | | -<!DOCTYPE html> |
| 1 | +<!doctype html> |
2 | 2 | <html lang="en"> |
3 | 3 | <head> |
4 | 4 | <meta charset="UTF-8" /> |
|
11 | 11 | <center> |
12 | 12 | <h1>Wireframe</h1> |
13 | 13 | </center> |
14 | | - <p> |
15 | | - A wireframe is a basic, two-dimensional blueprint or outline of |
16 | | - a website or app interface |
17 | | - </p> |
| 14 | + |
| 15 | + <center> |
| 16 | + <p> |
| 17 | + A wireframe is a basic, two-dimensional blueprint or outline of a |
| 18 | + website or app interface. |
| 19 | + </p> |
| 20 | + </center> |
18 | 21 | </header> |
19 | 22 | <main> |
20 | 23 | <article> |
21 | | - |
22 | | - <img src="images/image1.jpg" alt="" /> |
| 24 | + <img |
| 25 | + src="images/Restaurant Wireframe.jpg.jpg" |
| 26 | + alt="picture of restaurant" |
| 27 | + /> |
23 | 28 | <h2>What is the purpose of a README file?</h2> |
24 | 29 | <p> |
25 | 30 | A README file is a document that provides information about a project, |
26 | 31 | including its purpose, how to use it, and any other relevant details. |
27 | | - It serves as a guide for users and developers who want to understand |
| 32 | + It serves as a guide for users and developers who want to understand |
28 | 33 | the project and contribute to it. |
29 | | - |
30 | 34 | </p> |
| 35 | + |
31 | 36 | <a href="">Read more</a> |
32 | | - </article> |
33 | | - |
34 | | - <article> |
35 | | - <img src="images/image2.jpg" alt="" /> |
36 | | - <h2>What is the purpose of a wireframe?</h2> |
37 | | - <p> |
38 | | - A wireframe is a visual representation of a website or app's layout and |
39 | | - structure. It serves as a blueprint for the design and development |
40 | | - process, allowing designers and developers to plan the user interface |
41 | | - and user experience before creating the final product.</p> |
| 37 | + </article> |
| 38 | + |
| 39 | + <article> |
| 40 | + <img |
| 41 | + src="images/shopping wireframe.jpg" |
| 42 | + alt="picture of a shopping cart" |
| 43 | + /> |
| 44 | + <h2>What is the purpose of a wireframe?</h2> |
| 45 | + <p> |
| 46 | + A wireframe is a visual representation of a website or app's layout |
| 47 | + and structure. It serves as a blueprint for the design and development |
| 48 | + process, allowing designers and developers to plan the user interface |
| 49 | + and user experience before creating the final product. |
| 50 | + </p> |
42 | 51 | <a href="">Read more</a> |
43 | | - </article> |
| 52 | + </article> |
44 | 53 |
|
45 | 54 | <article> |
46 | | -<img src="images/image3.jpg" alt="" /> |
47 | | -<h2>What is a branch?</h2> |
48 | | -<p> |
49 | | - A branch in version control is a separate line of development. |
50 | | - It allows you to work on different features or experiments without affecting the main codebase. |
51 | | -</p> |
52 | | -<a href="">Read more</a> |
53 | | - |
| 55 | + <img |
| 56 | + src="images/classroom wireframe.jpg" |
| 57 | + alt=" picture of class room" |
| 58 | + /> |
| 59 | + <h2>What is a branch?</h2> |
| 60 | + <p> |
| 61 | + A branch in version control is a separate line of development. It |
| 62 | + allows you to work on different features or experiments without |
| 63 | + affecting the main codebase. |
| 64 | + </p> |
| 65 | + <a href="">Read more</a> |
54 | 66 | </article> |
55 | | - |
56 | 67 | </main> |
| 68 | + |
57 | 69 | <footer> |
58 | | - <p> |
59 | | - CYF Module Onboarding - Wireframe Exercise 2026 |
60 | | - </p> |
| 70 | + <p>CYF Module Onboarding - Wireframe Exercise 2026</p> |
61 | 71 | </footer> |
62 | 72 | </body> |
63 | 73 | </html> |
0 commit comments