From 1ba80978f7f66091689660e6ab7587263e4ea6d5 Mon Sep 17 00:00:00 2001 From: alirezashafiun Date: Wed, 26 Jul 2023 17:18:47 +0330 Subject: [PATCH] nav section created --- respiveProject/assests/css/_contact.css | 41 +++++++++++++++++++++ respiveProject/assests/css/style.css | 47 ++++++++++++++++++++++++- respiveProject/assests/js/main.js | 0 respiveProject/index.html | 41 ++++++++++++++++----- 4 files changed, 119 insertions(+), 10 deletions(-) create mode 100644 respiveProject/assests/css/_contact.css create mode 100644 respiveProject/assests/js/main.js diff --git a/respiveProject/assests/css/_contact.css b/respiveProject/assests/css/_contact.css new file mode 100644 index 0000000..62accf1 --- /dev/null +++ b/respiveProject/assests/css/_contact.css @@ -0,0 +1,41 @@ +.container-fluid-custom { + background-color: rgb(1, 1, 126); + color: #fff; + height: 40px; +} + +.contact { + font-size: 15px; +} + +.contact i { + color: orange; + vertical-align: -10px; + margin-right: 15px; +} + +.contact span { + color: #fff; + margin: 5px; + vertical-align: -1px; +} + +.social-media i { + vertical-align: -10px; + padding: 10px; + width: 40px; +} + +.social-media i:hover { + background-color: orange; +} + +.social-media a { + color: #fff; +} + +@media (max-width: 1000px) { + .xs-hidden { + display: none !important; + } +} \ No newline at end of file diff --git a/respiveProject/assests/css/style.css b/respiveProject/assests/css/style.css index 4bd4ce0..4b9e6d6 100644 --- a/respiveProject/assests/css/style.css +++ b/respiveProject/assests/css/style.css @@ -1,14 +1,59 @@ +@import url(./_contact.css); + @font-face { font-family: "iranSans"; - src: url('../fonts/IRANSansXFaNum-Medium.ttf') ; + src: url('../fonts/IRANSansXFaNum-Medium.ttf'); font-weight: normal; font-size: normal; } +html { + direction: rtl; +} + *, body { font-family: iranSans; margin: 0; padding: 0; box-sizing: border-box; + direction: rtl; +} + +.nav { + display: block; + background-color: #efefef; + overflow: hidden; +} + +.nav a { + float: right; + color: #333; + text-align: center; + padding: 14px 16px; + font-size: 16px; +} + +.active { + border-bottom: 2px solid orange; +} + +.nav a:hover { + border-bottom: 2px solid orange; + text-decoration: none; +} + +.icon { + display: none; +} + +@media screen and (max-width: 1000px) { + .nav a:not(:first-child) { + display: none; + } + + .nav a.icon { + display: block; + float: left !important; + } } \ No newline at end of file diff --git a/respiveProject/assests/js/main.js b/respiveProject/assests/js/main.js new file mode 100644 index 0000000..e69de29 diff --git a/respiveProject/index.html b/respiveProject/index.html index cae0981..1d4772e 100644 --- a/respiveProject/index.html +++ b/respiveProject/index.html @@ -4,24 +4,47 @@ - - - + + صفحه اصلی - -
+ +
-
-

- تست -

+
+
+
+ alirezashafiun@gmail.com + 09135951242 +
+ +
+ + + + + \ No newline at end of file