all predefined styles

alirezatayebinejad · alirezatayebinejad · commit 26e708ef7f67 · 2022-06-02T23:38:29.000+04:30
diff --git a/indext.html b/indext.html
@@ -5,8 +5,31 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Ecommerce website</title>
+    <link rel="stylesheet" href="style.css">
 </head>
 <body>
     
+    <!--header section-->
+
+    <header>
+
+    </header>
+
+    <!--main section-->
+
+    <main>
+
+    </main>
+
+    <!--footer section-->
+
+    <footer>
+
+    </footer>
+
+
+
+
+    <script src="script.js"></script>
 </body>
 </html>
diff --git a/style.css b/style.css
@@ -0,0 +1,43 @@
+@import url("https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap");
+
+/* global styles */
+
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    font-family: 'League Spartan', sans-serif;
+}
+
+h1{
+    font-size:50px;
+    line-height: 64px;
+    color:#222;
+}
+h2{
+    font-size:46px;
+    line-height: 54px;
+    color:#222;
+}
+h4{
+    font-size:20px;
+    color:#222;
+}
+h6{
+    font-weight: 700;
+    font-size: 12px;
+}
+p{
+    font-size: 16px;
+    color: #465b52;
+    margin:15px 0 20px 0;
+}
+.section-p1{
+    padding: 40px 0;
+}
+.section-m1{
+    margin: 40px 0;
+}
+body{
+    width: 100%;
+}
