add files via upload

first try

saeid/README.md

@@ -0,0 +1 @@
+# saied

saeid/fonts/css/font.css

@@ -0,0 +1,78 @@
+/**
+*
+*	Name:			IRAN Sans-Serif Font
+*	Version:		5.0
+*	Author:			Moslem Ebrahimi (moslemebrahimi.com)
+*	Created on:		Dec 25, 2012
+*	Updated on:		Sep 01, 2017
+*	Website:		             http://fontiran.com
+*	Copyright:		Commercial/Proprietary Software
+--------------------------------------------------------------------------------------
+فونت های ایران سن سریف یک نرم افزار مالکیتی محسوب می شود. جهت آگاهی از قوانین استفاده از این فونت ها لطفا به وب سایت (فونت ایران دات کام) مراجعه نمایید
+--------------------------------------------------------------------------------------
+IRAN Sans-serif fonts are considered a proprietary software. To gain information about the laws regarding the use of these fonts, please visit www.fontiran.com 
+--------------------------------------------------------------------------------------
+This set of fonts are used in this project under the license: (.....)
+--------------------------------------------------------------------------------------
+*	
+**/
+@font-face {
+	font-family: IRANSans;
+	font-style: normal;
+	font-weight: 900;
+	src: url('../fonts/eot/IRANSansWeb_Black.eot');
+	src: url('../fonts/eot/IRANSansWeb_Black.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
+		 url('../fonts/woff2/IRANSansWeb_Black.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
+		 url('../fonts/woff/IRANSansWeb_Black.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+		 url('../fonts/ttf/IRANSansWeb_Black.ttf') format('truetype');
+}
+@font-face {
+	font-family: IRANSans;
+	font-style: normal;
+	font-weight: bold;
+	src: url('../fonts/eot/IRANSansWeb_Bold.eot');
+	src: url('../fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
+		 url('../fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
+		 url('../fonts/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+		 url('../fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
+}
+@font-face {
+	font-family: IRANSans;
+	font-style: normal;
+	font-weight: 500;
+	src: url('../fonts/eot/IRANSansWeb_Medium.eot');
+	src: url('../fonts/eot/IRANSansWeb_Medium.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
+		 url('../fonts/woff2/IRANSansWeb_Medium.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
+		 url('../fonts/woff/IRANSansWeb_Medium.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+		 url('../fonts/ttf/IRANSansWeb_Medium.ttf') format('truetype');
+}
+@font-face {
+	font-family: IRANSans;
+	font-style: normal;
+	font-weight: 300;
+	src: url('../fonts/eot/IRANSansWeb_Light.eot');
+	src: url('../fonts/eot/IRANSansWeb_Light.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
+		 url('../fonts/woff2/IRANSansWeb_Light.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
+		 url('../fonts/woff/IRANSansWeb_Light.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+		 url('../fonts/ttf/IRANSansWeb_Light.ttf') format('truetype');
+}
+@font-face {
+	font-family: IRANSans;
+	font-style: normal;
+	font-weight: 200;
+	src: url('../fonts/eot/IRANSansWeb_UltraLight.eot');
+	src: url('../fonts/eot/IRANSansWeb_UltraLight.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
+		 url('../fonts/woff2/IRANSansWeb_UltraLight.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
+		 url('../fonts/woff/IRANSansWeb_UltraLight.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+		 url('../fonts/ttf/IRANSansWeb_UltraLight.ttf') format('truetype');
+}
+@font-face {
+	font-family: IRANSans;
+	font-style: normal;
+	font-weight: normal;
+	src: url('../fonts/eot/IRANSansWeb.eot');
+	src: url('../fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
+		 url('../fonts/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
+		 url('../fonts/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
+		 url('../fonts/ttf/IRANSansWeb.ttf') format('truetype');
+}

saeid/index.html

@@ -0,0 +1,143 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="stylesheet" href="/fonts/css/font.css" />
+    <meta charset="UTF-8" />
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
+    />
+    <link rel="icon" type="png" href="/assets/logo-transparent.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>HAVEN</title>
+    <link rel="stylesheet" href="/style.css" />
+  </head>
+  <body>
+    <div class="head-wrapper">
+      <header class="container row cy cw">
+        <div class="logo row">
+          <img src="assets/logo.svg" alt="haven design" />
+          <div class="col">
+            <h4>گروه طراحی</h4>
+            <h3>سعید</h3>
+          </div>
+        </div>
+        <div class="searchbar row cy">
+          <input placeholder="جستجوی در نمونه کارها" type="search" />
+          <div class="icon">
+            <i class="fa fa-search fa-lg"></i>
+          </div>
+        </div>
+        <nav>
+          <a href="#">خانه </a>
+          <a href="#">گالری </a>
+          <a href="#">ارتباط با ما </a>
+          <a href="#">مقالات </a>
+          <a href="#">همکاری با ما</a>
+        </nav>
+      </header>
+    </div>
+    <main>
+      <div class="wrapper shadow">
+        <img src="assets/banner/purple-banner1.jpg" alt="" />
+        <div class="info-hero">
+          <h1>طراحی خانه گرمتان را</h1>
+          <h2>به گروه تخصصی ما بسپارید</h2>
+          <button>مشاهده نمونه کارها</button>
+        </div>
+      </div>
+      <!-------- counselling secion -------->
+      <div class="counsel-section shadow row">
+        <div class="left col">
+          <h3>دکوراسیون داخلی</h3>
+          <h4>
+            کار ما طراحی و اجرای کابینت آشپزخانه است. ما هم مثل شما کم در مورد
+            این شغل نشنیده‌ایم؛ از بدقولی صنف کابینت‌ساز بگیرید تا تفاوت قیمت
+            هنگام سفارش و هنگام تحویل کار، دردسرهای نصب و سروصدا و گردوخاک، دقت
+            در اجرا و تمیزی کار و برخی غل و غش‌ها. ما منکر تعهد اخلاقی نیستیم
+            اما علاوه بر تعهد اخلاقی، کار را چنان سامان داده‌ایم که هیچ‌گونه
+            نگرانی پدید نیاید.
+          </h4>
+          <button>نیاز به مشاوره دکوراسیون داخلی دارم !</button>
+        </div>
+
+        <div class="right">
+          <img class="shadow" src="assets/banner/purple-banner.jpg" alt="" />
+        </div>
+      </div>
+      <div class="best-product">
+        <h4>برگزیده ها ...</h4>
+
+        <div class="grid-container">
+          <div class="product-card">
+            <img src="assets/product/product01.jpg" alt="" />
+
+            <div class="row seperate">
+              <button>استعلام قیمت آنلاین</button>
+              <h3>طرح مندولیکا</h3>
+            </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product2.webp" alt="" />
+            <div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح کاریمیلا</h3>
+              </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product3.webp" alt="" />
+            <div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح علی کاکا</h3>
+              </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product4.webp" alt="" />
+            <div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح ممدرضا</h3>
+              </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product5.webp" alt="" />
+            <div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح غلامرضا</h3>
+              </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product7.jpg" alt="" />
+            <div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح هوتن شکیبا</h3>
+              </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product01.jpg" alt="" />
+            <div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح شادمهر</h3>
+              </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product2.webp" alt="" />
+            <div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح یا صاحب سبک</h3>
+              </div>
+          </div>
+          <div class="product-card">
+            <img src="assets/product/product3.webp" alt="" /><div class="row seperate">
+                <button>استعلام قیمت آنلاین</button>
+                <h3>طرح میان</h3>
+              </div>
+          </div>
+        </div>
+      </div>
+    </main>
+
+    <!-------- footer -------->
+
+    <footer>this is footer</footer>
+  </body>
+</html>