mounikaperi
diff --git a/‎Project-CSSAssessment-1/img/Logo.png‎
1.25 KB b/‎Project-CSSAssessment-1/img/Logo.png‎
1.25 KB
diff --git a/‎Project-CSSAssessment-1/img/image.png‎
77.1 KB b/‎Project-CSSAssessment-1/img/image.png‎
77.1 KB
diff --git a/‎Project-CSSAssessment-1/index.html‎
Lines changed: 41 additions & 0 deletions b/‎Project-CSSAssessment-1/index.html‎
Lines changed: 41 additions & 0 deletions
diff --git a/‎Project-CSSAssessment-1/style.css‎
Lines changed: 30 additions & 0 deletions b/‎Project-CSSAssessment-1/style.css‎
Lines changed: 30 additions & 0 deletions
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CSS WEB PAGE-1</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+
+<body>
+    <header class="container">
+        <nav aria-label="navbar">
+            <div class="navbar__image">
+                <img src="img/Logo.png" alt="Logo">
+            </div>
+            <div class="list__items">
+                <li><a href="#">Home</a></li>
+                <li><a href="#">About</a></li>
+                <li><a href="#">Services</a></li>
+                <li><a href="#">Portfolio</a></li>
+                <li><a href="#">Pricing</a></li>
+                <button class="contactus">Contact Us</button>
+            </div>
+        </nav>
+    </header>
+    <section aria-label="banner">
+        <article class="banner__container">
+            <h1 class="banner__heading"></h1>We Help You <span>Crush</span> Your Competition</h1>
+            <p class="banner__info">Build trust to connect your brand to nillions of users and grow your revenue through
+                SEO.</p>
+            <button class="services">See our services</button>
+        </article>
+        <aside class="banner__image">
+            <img src="img/image.png" alt="image">
+        </aside>
+    </section>
+</body>
+
+</html>
@@ -0,0 +1,30 @@
+nav {
+    display: flex;
+}
+.navbar__image {
+    margin: 50px;
+    padding: 10px;
+    text-align: center;
+}
+.list__items {
+    display: flex;
+    text-decoration: none;
+    list-style-type: none;
+}
+div li {
+    justify-content: space-around;
+    width: 40px;
+    height: 30px;
+    text-align: center;
+    margin: 50px;
+    text-decoration: none;
+    list-style-type: none;
+}
+.contactus {
+    display: inline-block;
+    padding: 10px 20px;
+    border-radius: 10px;
+    border-color:rgba(45, 68, 172, 0.975); ;
+    background-color:rgba(45, 68, 172, 0.975);
+    color: white;
+}