replace

aliramezani747 · May 6, 2024 · f815ba3 · f815ba3
1 parent 4ef23bd
commit f815ba3
Show file tree

Hide file tree

Showing 5 changed files with 80 additions and 4 deletions.
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
diff --git a/font/IRANSansX-Regular.woff b/font/IRANSansX-Regular.woff
diff --git a/font/IRANSansX-Regular.woff2 b/font/IRANSansX-Regular.woff2
diff --git a/index.html b/index.html
@@ -105,7 +105,30 @@
                             <button class="btn"> خرید سرویس </button>
                         </div>
                     </div>
-                    <p class="text">برای خرید سرویس فرم زیر را پر کنید</p>
+            </section>
+            <section class="fifth1">
+                <p class="text">برای خرید سرویس فرم زیر را پر کنید</p>
+                <div class="form">
+                    <div>
+                        <label for="fname">نام</label><br>
+                        <input type="text"><br>
+                    </div>
+                    <div>
+                        <label for="fname"> تلفن همراه </label><br>
+                        <input type="text"><br>
+                    </div>
+                    <div>
+                        <label for="fname"> نام خانوادگی </label><br>
+                        <input type="text"><br>
+                    </div>
+                    <div>
+                        <label for="fname"> استان </label><br>
+                        <input type="text"><br>
+                    </div>
+                </div>
+                <div>
+                    <button class="button4 btn"> ثبت اطلاعات و ادامه  </button>
+                </div>
             </section>
             <section class="fifth">
                 <div class="accordion">

diff --git a/style.css b/style.css
@@ -6,7 +6,7 @@ body {
 
 @font-face {
     font-family: 'MyCustomFont';
-    src: url('./font/IRANYekanWebRegular.woff') format('woff');
+    src: url('./font/IRANSansX-Regular.woff') format('woff');
     font-size: 16px;
 
 }
@@ -174,6 +174,7 @@ main .Fourth div p {
     background-color: #E9E8EB;
     justify-content: center;
     align-items: center;
+    font-weight: bold;
 }
 
 main .Fourth p {
@@ -183,11 +184,56 @@ main .Fourth p {
     padding: 1% 1%;
 }
 
-main .fifth {
+main .fifth1 {
     background-color: #E9E8EB ;
+    text-align: center;
+    justify-content: center;
+    align-items: center;
 }
 
+main .fifth1 .text {
+    font-size: 2evm;
+    font-weight: bold;
+    margin-top: 0px;
+}
 
+main .fifth1 .form {
+    display: grid;
+    grid-template-columns: repeat(2,1fr);
+    justify-content: center;
+    padding: 0px;
+    margin-right: 15%;
+    text-align: right;
+}
+
+main  .fifth1 .form input {
+    border-radius: 30px;
+    border: 1px solid #000;
+    width: 65%;
+    padding: 10px 10px;
+    margin: 2% 2%;
+    background-color: #F5F5F5;
+}
+
+main .fifth1 .form label {
+    margin-right: 20px;
+}
+
+main .fifth1 .button4 {
+    padding: 0%;
+    border-radius: 30px;
+    background-color: #286444;
+    color: #ffffff;
+    font-family: 'MyCustomFont';
+    padding: 2px 18px;
+    border: 0px;
+    padding: 8px 15px;
+    margin: 1% 0%;
+}
+
+main .fifth {
+    background-color: #E9E8EB;
+}
 
 .accordion {
     display: flex;
@@ -288,6 +334,7 @@ footer p {
     padding: 1% 8%;
     border-radius: 0px 0px 30px 30px;
     text-align: center;
+    margin: 5% 3%;
 }
 
 /* media query */
@@ -448,6 +495,8 @@ footer p {
     main .Fourth .image5 {width: 35%;}
     main .Fourth .text4 {font-size: 0.7em;}
 
+    main .fifth1 .form label {margin-right: 10px;}
+
     footer p {font-size: 0.7em;}
 
 
@@ -478,7 +527,8 @@ footer p {
 
     main .Fourth .image5 {width: 40%;}
     main .Fourth .text4 {font-size: 0.9em;}
-
+
+    main .fifth1 .form label {margin-right: 10px;}
 
     footer p {font-size: 0.5em;}