feature/wireframe

AlexandraClincu28 · AlexandraClincu28 · commit 5871fbbe966a · 2026-05-20T18:14:43.000+01:00
diff --git a/Wireframe/index.html b/Wireframe/index.html
@@ -8,25 +8,40 @@
   </head>
   <body>
     <header>
-      <h1>Wireframe</h1>
+      <h1>Learning Git and Wireframe</h1>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        This webpage explains README files, wireframes and Git branches.
       </p>
     </header>
     <main>
       <article>
         <img src="placeholder.svg" alt="" />
-        <h2>Title</h2>
+        <h2>What is the purpose of a README file?</h2>
         <p>
-          Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
-          voluptates. Quisquam, voluptates.
+          A README file is a text file that provides information about a project and how to use it.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>What is the purpose of a Wireframe?</h2>
+        <p>
+          A wireframe is a visual plan used to organise the structure of a website.
+        </p>
+        <a href="">Read more</a>
+      </article>
+      <article>
+        <img src="placeholder.svg" alt="" />
+        <h2>What is the purpose of a Git branch?</h2>
+        <p>
+          A Git branch is a separate line of development in a Git repository that allows developers to work on different features or bug fixes without affecting the main codebase.
         </p>
         <a href="">Read more</a>
       </article>
     </main>
     <footer>
       <p>
-        This is the default, provided code and no changes have been made yet.
+        Created by Alexandra Clincu.
       </p>
     </footer>
   </body>
diff --git a/Wireframe/style.css b/Wireframe/style.css
@@ -87,3 +87,21 @@ article {
     grid-column: span 3;
   }
 }
+
+
+header{
+  text-align: center;
+}
+main{
+  width: 80%;
+  margin: auto ;
+
+}
+article{
+  border: 1px solid black;
+  padding: 10px;
+  margin-bottom: 20px;
+}
+footer{
+  text-align: center; 
+}
