checked HTML

ciehgiordani · Jul 31, 2023 · 4d3a19f · 4d3a19f
1 parent 182916a
commit 4d3a19f
Show file tree

Hide file tree

Showing 16 changed files with 94 additions and 0 deletions.
diff --git a/images/camila.jpg b/images/camila.jpg
diff --git a/images/camilaold.png b/images/camilaold.png
diff --git a/images/daniel.jpg b/images/daniel.jpg
diff --git a/images/danielold.png b/images/danielold.png
diff --git a/images/img1.jpg b/images/img1.jpg
diff --git a/images/img1old.png b/images/img1old.png
diff --git a/images/img2.jpg b/images/img2.jpg
diff --git a/images/img2old.png b/images/img2old.png
diff --git a/images/img3.jpg b/images/img3.jpg
diff --git a/images/img3old.png b/images/img3old.png
diff --git a/images/mark.jpg b/images/mark.jpg
diff --git a/images/markold.png b/images/markold.png
diff --git a/images/tom.jpg b/images/tom.jpg
diff --git a/images/tomold.png b/images/tomold.png
diff --git a/index.html b/index.html
@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>WebStudio - Effective Solutions for Your Business</title>
+
+    <link rel="stylesheet" href="style.css">
+
+  </head>
+  <body>
+    <!-- HEADER -->
+    <header>
+      <!-- logo -->
+      <h3><a href="#">WEB<span>STUDIO</span></a></h3>
+      <!-- Navigation Bar -->
+      <nav>
+        <ul>
+          <li><b><a href="">Studio</a></b></li>
+          <li><b><a href="">Portfolio</a></b></li>
+          <li><b><a href="">Contacts</a></b></li>
+        </ul>
+      </nav>
+      <!-- How to reach -->
+      <div>
+      <a href="mailto:[email protected]">[email protected]</a>
+      <a href="tel:+110001111111">+11 (000) 111-11-11</a>
+      </div>
+      <!-- order a service -->
+      <section>
+      <h1>Effective Solutions<br></h1>
+      <button type="button">Order Service</button>
+      </section> 
+
+    </header>
+
+    <!-- MAIN -->
+    <main>
+      <!-- Goal div -->
+      <div>
+        <ul>
+          <li>Strategy<p>Our goal is to identify the business problem to walk away with the perfect and creative solution.</p>
+          </li>
+          <li>Punctuality<p>Bring the key message to the brand's audience for the best price within the shortest possible time.</p>
+          </li>
+          <li>Diligence<p>Research and confirm brands that present the strongest digital growth opportunities and minimize risk.</p>
+          </li>
+            <li>Technologies<p>Design practice focused on digital experiences. We bring forth a deep passion for problem-solving.</p>
+          </li>
+        </ul>
+      </div>
+
+      <!-- WAWD Section -->
+      <section>
+        <h2>What are we doing</h2>
+        <ul>
+            <li>
+                 <a href="#"><img src="./images/img1.jpg" width= 360  alt="Monitor showing statistics"></a>
+            </li>
+            <li>
+                <a href="#"><img src="./images/img2.jpg" width= 360 alt="Mobile phone showing chat session"></a>
+           </li>
+           <li>
+            <a href="#"><img src="./images/img3.jpg" width= 360 alt="Mobile phone and laptop showing sync action"></a>
+           </li>
+        </ul>
+      </section>
+
+      <!-- Our Team Section -->
+      <section>
+        <h2>Our Team</h2>
+        <ul>
+            <li><img src="./images/mark.jpg" width=264 alt="man holding a laptop"><br><span>Mark Guerrero<br>Product Designer</span>
+            </li>
+            <li><img src="./images/tom.jpg" width=264 alt="man smiling sideways"><br><span>Tom Ford<br>Frontend Developer</span>
+            </li>
+            <li><img src="./images/camila.jpg" width=264 alt="beautiful woman smirking"><br><span>Camila Garcia<br>Marketing</span>
+            </li>
+            <li><img src="./images/daniel.jpg" width=264 alt="man with beard smiling"><br><span>Daniel Wilson<br>UI Designer</span>
+            </li>
+        </ul>
+      </section>
+    </main>
+
+    <!-- FOOTER -->
+    <footer >
+      <!-- logo -->
+      <h3><a href="#">WEB<span>STUDIO</span></a></h3>  
+      <p>Increase the flow of customers and sales for your business with digital marketing & growth solutions.</p>
+    </footer>
+
+  </body>
+
+</html>
diff --git a/style.css b/style.css