|
1 | | -<!DOCTYPE html> |
2 | | -<html lang="en"> |
3 | | - <head> |
4 | | - <meta charset="UTF-8" /> |
5 | | - <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
6 | | - <title>Wireframe</title> |
7 | | - <link rel="stylesheet" href="style.css" /> |
8 | | - </head> |
9 | | - <body> |
10 | | - <header> |
11 | | - <h1>Wireframe</h1> |
12 | | - <p> |
13 | | - This is the default, provided code and no changes have been made yet. |
14 | | - </p> |
15 | | - </header> |
16 | | - <main> |
17 | | - <article> |
18 | | - <img src="placeholder.svg" alt="" /> |
19 | | - <h2>Title</h2> |
20 | | - <p> |
21 | | - Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, |
22 | | - voluptates. Quisquam, voluptates. |
23 | | - </p> |
24 | | - <a href="">Read more</a> |
25 | | - </article> |
26 | | - </main> |
27 | | - <footer> |
28 | | - <p> |
29 | | - This is the default, provided code and no changes have been made yet. |
30 | | - </p> |
31 | | - </footer> |
32 | | - </body> |
33 | | -</html> |
| 1 | +<!DOCTYPE html> |
| 2 | +<html lang="en"> |
| 3 | + <head> |
| 4 | + <meta charset="UTF-8" /> |
| 5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0" /> |
| 6 | + <title>Wireframe</title> |
| 7 | + <link rel="stylesheet" href="style.css" /> |
| 8 | + </head> |
| 9 | + <body> |
| 10 | + <header> |
| 11 | + <h1>WIREFRAME</h1> |
| 12 | + <p class="description"> |
| 13 | +A wireframe is a simple visual outline of a webpage or app screen. Think of it like a blueprint for a house; it shows the structure, not the decoration. </p> |
| 14 | + </header> |
| 15 | + <main> |
| 16 | + <article> |
| 17 | + <img src="https://cdn-thumbnails.huggingface.co/social-thumbnails/spaces/StabRise/README.png" alt="ReadMe file Image" /> |
| 18 | + <h2>README file</h2> |
| 19 | + <p> |
| 20 | + A README is the first file people read when they open a project. It explains what the project is, how to install it, how to use it, and any important notes. It helps users and contributors understand the project quickly without reading all the code. |
| 21 | + </p> |
| 22 | + <a href="">Read more</a> |
| 23 | + </article> |
| 24 | + <article> |
| 25 | + <img src="placeholder.svg" alt="" /> |
| 26 | + <h2>Title</h2> |
| 27 | + <p> |
| 28 | + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, |
| 29 | + voluptates. Quisquam, voluptates. |
| 30 | + </p> |
| 31 | + <a href="">Read more</a> |
| 32 | + </article> |
| 33 | + <article> |
| 34 | + <img src="placeholder.svg" alt="" /> |
| 35 | + <h2>Title</h2> |
| 36 | + <p> |
| 37 | + Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, |
| 38 | + voluptates. Quisquam, voluptates. |
| 39 | + </p> |
| 40 | + <a href="">Read more</a> |
| 41 | + </article> |
| 42 | + |
| 43 | + </main> |
| 44 | + <footer> |
| 45 | + <p> |
| 46 | + This is the default, provided code and no changes have been made yet. |
| 47 | + </p> |
| 48 | + </footer> |
| 49 | + </body> |
| 50 | +</html> |
0 commit comments