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 @@
- - - + +