Add sec lan fa & full fa style

mamadjadali · Nov 30, 2023 · b6d239a · b6d239a
1 parent b7550ab
commit b6d239a
Show file tree

Hide file tree

Showing 6 changed files with 506 additions and 5 deletions.
diff --git a/css/style-grid.css b/css/style-grid.css
@@ -1,5 +1,6 @@
 :root {
   --clr-primary-400: 263 55% 52%;
+  --clr-red : 358 94% 35%;
   --clr-secondary-400: 217 19% 35%;
   --clr-secondary-500: 219 29% 14%;
   --clr-neutral-100: 0 0% 100%;
@@ -119,7 +120,7 @@ h3 {
 }
 
 .bg-primary-400 {
-  background: hsl(var(--clr-primary-400));
+  background: hsl(var(--clr-red));
 }
 .bg-secondary-400 {
   background: hsl(var(--clr-secondary-400));
@@ -252,3 +253,11 @@ h3 {
 .testimonial > p:last-of-type {
   opacity: 0.7;
 }
+.fa-txt {
+  font-family: lalezar, serif;
+  direction: rtl;
+}
+
+.jclean {
+  text-align: justify;
+}
diff --git a/css/style.css b/css/style.css
@@ -17,6 +17,10 @@ body {
   background: #fff;
   overflow-x: hidden;
 }
+@font-face {
+  font-family: "lalezar";
+  src: url('../files/font/Lalezar-Regular.ttf') format('truetype');
+}
 iframe {
   border: none;
 }
@@ -89,6 +93,17 @@ img {
   width: 70%;
   margin-bottom: 20px;
 }
+.fa-txt {
+  font-family: lalezar, serif;
+  direction: rtl;
+}
+.jclean {
+  text-align: justify;
+}
+.fa-txt-o {
+  font-family: lalezar, serif;
+  direction: rtl;
+}
 
 /* Video */
 .video {

diff --git a/files/fa-grid.html b/files/fa-grid.html
@@ -0,0 +1,121 @@
+<!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">
+  <!-- Google font -->
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@500;600&display=swap"
+    rel="stylesheet">
+  <!-- my css -->
+  <link rel="stylesheet" href="../css/style-grid.css">
+  <title>FEM grid</title>
+</head>
+
+<body>
+  <main class="testimonial-grid">
+    <article class="testimonial grid-col-span-2 flow bg-primary-400 quote text-neutral-100">
+      <div class="flex">
+        <!--<div>
+          <img  src="./images/image-daniel.jpg" alt="daniel clifford">
+        </div>-->
+        <!--<div>
+          <h2 class="name">Daniel Clifford</h2>
+          <p class="position">Verified Graduate</p>
+        </div>-->
+      </div>
+      <p class="fa-txt">
+        مـمـنــون بــرای بـازدیـدتون از رپــ !
+      </p>
+      <p class="fa-txt jclean">
+        ما از توجه شما به راه حل‌های قابل اعتماد شرکتی ما برای نیازهای شبکه‌ای و امنیتی‌تان سپاسگزاریم. تیم متخصص ما متعهد به ارائه راه حل‌های سفارشی است که نیازهای خاص مشتریان ما را برآورده می‌کند. ما می‌دانیم که هر کسب و کاری منحصر به فرد است، به همین دلیل به هر پروژه به شیوه‌ای ویژه نگریسته می‌شود. هدف ما افزایش بهره‌وری و کارایی شما است در حالی که امنیت شبکه و داده‌هایتان را تضمین می‌کنیم. اگر سوالی دارید یا مایل به یادگیری بیشتر درباره خدمات و محصولات ما هستید، لطفاً تردید نکنید و با ما تماس بگیرید. منتظر فرصت همکاری با شما هستیم.
+      </p>
+    </article>
+    <article class="testimonial flow bg-secondary-400 text-neutral-100">
+      <div class="flex">
+        <div>
+         <!-- <img src="./images/image-jonathan.jpg" alt="Jonathan Walters">-->
+        </div>
+        <div>
+          <!--<h2 class="name">Jonathan Walters</h2>
+          <p class="position">Verified Graduate</p>-->
+        </div>
+      </div>
+      <p class="fa-txt">
+        شــبــکه
+      </p>
+      <p class="fa-txt jclean">
+        ⭕ساختار شبکه<br>
+        ⭕دوربــیـن مــداربـســتـه<br>
+        ⭕مرکز داده<br>
+        ⭕تـلــفـن بـر روی شـبـکـه<br>
+        ⭕مـجــاز‌ی ســازی<br>
+        ⭕مـســیـریـابـی و سـوئـیـچـیـنـگــ<br>
+      </p>
+    </article>
+    <article class="testimonial flow bg-neutral-100 text-secondary-400">
+      <div class="flex">
+        <div>
+          <!--<img src="./images/image-jeanette.jpg" alt="Jeanette Harmon">-->
+        </div>
+        <div>
+          <!--<h2 class="name">Jeanette Harmon</h2>
+          <p class="position">Verified Graduate</p>-->
+        </div>
+      </div>
+      <p class="fa-txt">
+        امــنـیــتــ
+      </p>
+      <p class="fa-txt jclean">
+        ⭕فایروال<br>
+        ⭕تـشــخـیـص و پـیـشــگـیـری از حـمـلـه سـایـبـری<br>
+        ⭕راه حــل‌هـای شـبـکـه خـصــوصـی مـجـازی<br>
+        ⭕زیـرسـاخـتـ و امـنـیـتـ فـیـزیـکـی<br>
+        ⭕در دسـتـرس و انـعـطـافـ‌پـذیـر<br>
+      </p>
+    </article>
+    <article class="testimonial grid-col-span-2 flow bg-secondary-500 text-neutral-100">
+      <div class="flex">
+        <div>
+          <!--<img class="border-primary-400" src="./images/image-patrick.jpg" alt="Patrick Abrams">-->
+        </div>
+        <div>
+          <!--<h2 class="name">Patrick Abrams</h2>
+          <p class="position">Verified Graduate</p>-->
+        </div>
+      </div>
+      <p class="fa-txt">
+        درباره ما:
+      </p>
+      <p class="fa-txt jclean">
+        رپــ در سال 1392 تأسیس شد. با هدف ارائه راه‌حل‌های قابل اعتماد شرکتی در صنعت شبکه‌های ارتباطی و امنیت. ماموریت ما کمک به کسب‌وکارها برای افزایش بهره‌وری و کارایی است در حالی که امنیت شبکه‌ها و داده‌های آن‌ها را تضمین می‌کنیم. ما یک تیم از متخصصین داریم که متعهد به ارائه راه‌حل‌های سفارشی است که نیازهای خاص مشتریان ما را برآورده می‌کند.
+      </p>
+    </article>
+    <article class="testimonial flow bg-neutral-100 text-secondary-400">
+      <div class="flex">
+        <div>
+         <!-- <img src="./images/image-kira.jpg" alt="Kira Whittle">-->
+        </div>
+        <div>
+         <!-- <h2 class="name">Kira Whittle</h2>
+          <p class="position">Verified Graduate</p>-->
+        </div>
+      </div>
+      <p class="fa-txt">
+        ما چه خدماتی ارائه می‌دهیم؟
+      </p>
+      <p class="fa-txt jclean">
+        در ابـن شرکت ، ما یک مجموعه جامع از خدمات شبکه‌های ارتباطی و امنیت ارائه می‌دهیم که شامل ساختار شبکه، دوربین‌های مداربسته (CCTV)، مرکز داده، VoIP، مجازی‌سازی، مسیریابی و سوئیچینگ می‌باشد. تیم متخصص ما می‌تواند به شما کمک کند تا یک شبکه را طراحی، پیاده‌سازی و نگهداری کنید که به طور ویژه برای نیازهای خاص شما طراحی شده باشد. علاوه بر این، ما مجموعه‌ای از راه‌حل‌های امنیتی ارائه می‌دهیم که شامل دیواره‌های آتش، تشخیص و پیشگیری از تجاوز و راه‌حل‌های شبکه خصوصی مجازی (VPN) می‌باشد تا اطمینان حاصل شود که شبکه و داده‌های شما همیشه ایمن باشند. ما اینجا هستیم تا به شما کمک کنیم، روز و شب، تا کسب‌وکار شما بهترین نور را ببیند. در رپـ ، ما ارزش زمان شما را می‌دانیم، بنابراین همیشه آماده‌ایم با راه‌حل‌های اصلی به شما کمک کنیم.
+      </p>
+    </article>
+  </main>
+
+
+
+
+</body>
+
+</html>