diff --git a/index.html b/index.html index 128443c..1fe371e 100755 --- a/index.html +++ b/index.html @@ -1,64 +1,64 @@ - - - - Ruby - Responsive Corporate Tempalte - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -

Ruby Color

-
- - - - - - - - - -
-
+ + + + Ruby - Responsive Corporate Tempalte + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ +

Ruby Color

+
+ + + + + + + + + +
+
- -
-
-
-
-
-
-
-

- awesome creative - + +
+
+
+
+
+
+
+

+ awesome creative + design Theme codes -

-

Lorem Ipsum is simply dummy text of the printing and printing and typesetting industry.
Lorem Ipsum has been the industry's

-
-
- - Load More -
-
-
-
-
-
-
-
- - - -
-
-
-
-
-

Our Feautes

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

-
-
-
-
-
-
- # -
-
-
-
-
- -
-

UX design

-

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

-
-
-
- -
-

UI design

-

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

-
-
-
- -
-

SEO Services

-

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

-
-
-
- -
-

Web Development

-

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

-
-
-
-
-
-
-
- - - -
-
-
-
-
-

Exclusive Services

-

We create exclusive & creative Stuffs for our awesome clients

-
-
-
-
-
-
- -

Web Design

-

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

-
-
-
-
- -

Web Development

-

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

-
-
-
-
- -

Investment Plan

-

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

-
-
-
-
- -

Finance Support

-

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

-
-
-
-
- -

World Marketing

-

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

-
-
-
-
- -

Perfect Solution

-

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

-
-
+

+

Lorem Ipsum is simply dummy text of the printing and printing and typesetting industry.
Lorem Ipsum has been the industry's

+
+
+ + Load More +
+
+
+
+
+
+
+
+ - - - - - - -
-
-
-
-
-

Latest Works

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

-
-
-
-
-
- -
-
    -
  • All Works
    • -
  • Print
    • -
  • Identity
    • -
  • Branding
    • -
  • Web
    • -
  • Wordpress
    • -
-
- -
-
-
-
-
- -
- -
-

Project Name

 - - -
-
- -
-
- -
- -
-

Project Name

 - - -
-
- -
-
- -
- -
-

Project Name

 - - -
-
- -
-
- -
- # -
-

Project Name

 - - -
-
- -
-
- -
- # -
-

Project Name

 - - -
-
- -
-
- -
- # -
-

Project Name

 - - -
-
- -
-
-
-
-
-
-
- - Load More -
-
-
-
-
-
- + +
+
+
+
+
+

Our Feautes

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

+
+
+
+
+
+
+ # +
+
+
+
+
+ +
+

UX design

+

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

+
+
+
+ +
+

UI design

+

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

+
+
+
+ +
+

SEO Services

+

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

+
+
+
+ +
+

Web Development

+

Backed by some of the biggest names in the industry, Firefox OS is an open platform that fosters greater

+
+
+
+
+
+
+
+ - -
-
-
-
-
-
-
- # -

What Clients Says

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.

- -Naimur Rahman -
-
- # -

What Clients Says

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.

- -Rakib Hasan -
-
- # -

What Clients Says

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.

- -Sabbir Ahmed -
+ +
+
+
+
+
+

Exclusive Services

+

We create exclusive & creative Stuffs for our awesome clients

+
+
+
+
+
+
+ +

Web Design

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

+
+
+
+
+ +

Web Development

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

+
+
+
+
+ +

Investment Plan

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

+
+
+
+
+ +

Finance Support

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

+
+
+
+
+ +

World Marketing

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

+
+
+
+
+ +

Perfect Solution

+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,

+
+
+
+
+
+ -
-
-
-
-
-
- -
Collect from 网站模板
- - -
-
-
-
-
-

latest News

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

-
-
-
-
-
-
-
- # -
-
-

25nov

-

give us that

-
adminaccess no comment
-

Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

- Read More -
-
-
-
-
-
- # -
-
-

30nov

-

consisting with technology

-
adminaccess no comment
-

Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

- Read More -
-
-
-
-
-
- # -
-
-

05dec

-

the inline product

-
adminaccess no comment
-

Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

- Read More -
-
-
-
-
-
-
-
- - Load More -
-
-
-
-
-
- + +
+
+
+
+
+

Latest Works

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

+
+
+
+
+
+ +
+
    +
  • All Works
    • +
  • Print
    • +
  • Identity
    • +
  • Branding
    • +
  • Web
    • +
  • Wordpress
    • +
+
+ +
+
+
+
+
+ +
+ +
+

Project Name

 + + +
+
+ +
+
+ +
+ +
+

Project Name

 + + +
+
+ +
+
+ +
+ +
+

Project Name

 + + +
+
+ +
+
+ +
+ # +
+

Project Name

 + + +
+
+ +
+
+ +
+ # +
+

Project Name

 + + +
+
+ +
+
+ +
+ # +
+

Project Name

 + + +
+
+ +
+
+
+
+
+
+
+ + Load More +
+
+
+
+
+
+ - -
-
-
-
-
- -
- - 3468 -

Project Finished

-
- -
-
- -
- - 468 -

Happy Clients

-
- -
-
- -
- - 4368 -

Hourse Work

-
- -
-
- -
- - 3468 -

Cups of coffes

-
- -
-
-
-
-
- - - -
-
-
-
-
-

our creative team

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

-
-
-
-
-
- -
-
- -
- -
-
-
-

naimur rahmanBranding

-
-
- -
-
- -
-
- -
- -
-
-
-

rakib hassanDesigner

-
-
- -
-
- -
-
- -
- -
-
-
-

afsana mimiPhotographer

-
-
- -
-
- -
-
- -
- -
-
-
-

saiful abirDeveloper

-
-
- -
-
-
-
- - - -
-
-
-
-
-

Pricing Table

-

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

-
-
-
-
- -
-
- -
-
-

Basic

-
-
-

$19

-
-
- -
    -
  • Responsive( Mobile Website)
    • -
  • 24/7 Technic Support
    • -
  • 1 Year Hosting Free
    • -
  • Image slider (Animation)
    • -
  • Unlimited Email Account
    • -
  • Free Domain Name
    • -
-
-
- - buy now -
-
- -
-
- - -
-
- -
-
-

Medium

-
-
-

$25

-
-
- -
    -
  • Responsive( Mobile Website)
    • -
  • 24/7 Technic Support
    • -
  • 1 Year Hosting Free
    • -
  • Image slider (Animation)
    • -
  • Unlimited Email Account
    • -
  • Free Domain Name
    • -
-
-
- - buy now -
-
- -
-
- - -
-
- -
-
-

Advanced

-
-
-

$55

-
-
- -
    -
  • Responsive( Mobile Website)
    • -
  • 24/7 Technic Support
    • -
  • 1 Year Hosting Free
    • -
  • Image slider (Animation)
    • -
  • Unlimited Email Account
    • -
  • Free Domain Name
    • -
-
-
- - buy now -
-
- -
-
- -
-
-
- + +
+
+
+
+
+
+
+ # +

What Clients Says

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.

+ -Naimur Rahman +
+
+ # +

What Clients Says

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.

+ -Rakib Hasan +
+
+ # +

What Clients Says

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua sed do eiusmod tempor incididunt ut labore et dolore aliqua.

+ -Sabbir Ahmed +
- -
-
-
-
-
-
-

Contact us now

-

Aercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

-

Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.

+
+
+
+
+
+
+ +
Collect from 网站模板
- - -
-
-
-
-
-
- -
-
- -
-
- -
-
-
-
- -
- -
-
-
- -
-
- - - -
- - - -
-
-
-
-
- -
- # -
- - -
- # -
- - -
- # -
- - -
- # -
- - -
- # -
- - -
- # -
- - -
- # -
- - -
- # -
- - -
- # -
- -
-
-
-
-
- + +
+
+
+
+
+

latest News

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

+
+
+
+
+
+
+
+ # +
+
+

25nov

+

give us that

+
adminaccess no comment
+

Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

+ Read More +
+
+
+
+
+
+ # +
+
+

30nov

+

consisting with technology

+
adminaccess no comment
+

Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

+ Read More +
+
+
+
+
+
+ # +
+
+

05dec

+

the inline product

+
adminaccess no comment
+

Lorem ipsum dolor a sit ameti, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et

+ Read More +
+
+
+
+
+
+
+
+ + Load More +
+
+
+
+
+
+ - - - - - - - - - - - - - - - - - - - - - - - - + +
+
+
+
+
+

our creative team

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

+
+
+
+
+
+ +
+
+ +
+ +
+
+
+

naimur rahmanBranding

+
+
+ +
+
+ +
+
+ +
+ +
+
+
+

rakib hassanDesigner

+
+
+ +
+
+ +
+
+ +
+ +
+
+
+

afsana mimiPhotographer

+
+
+ +
+
+ +
+
+ +
+ +
+
+
+

saiful abirDeveloper

+
+
+ +
+
+
+
+ + + +
+
+
+
+
+

Pricing Table

+

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

+
+
+
+
+ +
+
+ +
+
+

Basic

+
+
+

$19

+
+
+ +
    +
  • Responsive( Mobile Website)
    • +
  • 24/7 Technic Support
    • +
  • 1 Year Hosting Free
    • +
  • Image slider (Animation)
    • +
  • Unlimited Email Account
    • +
  • Free Domain Name
    • +
+
+
+ + buy now +
+
+ +
+
+ + +
+
+ +
+
+

Medium

+
+
+

$25

+
+
+ +
    +
  • Responsive( Mobile Website)
    • +
  • 24/7 Technic Support
    • +
  • 1 Year Hosting Free
    • +
  • Image slider (Animation)
    • +
  • Unlimited Email Account
    • +
  • Free Domain Name
    • +
+
+
+ + buy now +
+
+ +
+
+ + +
+
+ +
+
+

Advanced

+
+
+

$55

+
+
+ +
    +
  • Responsive( Mobile Website)
    • +
  • 24/7 Technic Support
    • +
  • 1 Year Hosting Free
    • +
  • Image slider (Animation)
    • +
  • Unlimited Email Account
    • +
  • Free Domain Name
    • +
+
+
+ + buy now +
+
+ +
+
+ +
+
+
+ + + + +
+
+
+
+
+
+

Contact us now

+

Aercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore.

+

Lorem ipsum dolor sit amet consectetur adipiscing elitsed do eiusmod tempor incididunt utlabore et dolore magna aliqua.

+ +
+
+
+
+
+
+
+
+ +
+
+ +
+
+ +
+
+
+
+ +
+ +
+
+
+ +
+
+
+
+
+
+ + + +
+
+
+
+
+ +
+ # +
+ + +
+ # +
+ + +
+ # +
+ + +
+ # +
+ + +
+ # +
+ + +
+ # +
+ + +
+ # +
+ + +
+ # +
+ + +
+ # +
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/style.css b/style.css index 1f0a07e..6a0edcb 100755 --- a/style.css +++ b/style.css @@ -305,11 +305,11 @@ a:hover{ margin:0; } .header .nav li a { - color:#fff; - font-size: 16px; + color:#333; + font-size: 14px; font-weight: 400; text-transform: uppercase; - padding: 30px 18px; + padding: 30px 10px; position: relative; display: inline-block; } @@ -2153,170 +2153,50 @@ a:hover{ /*=================== Footer CSS =====================*/ -.footer{ - padding:0; - background-color:#F6F6F6; -} -.footer .footer-top{ - padding:50px 0px; - -} -.footer .logo{ - margin-bottom:23px; -} -.footer .logo img{} - -.footer .single-footer{} -.footer .single-footer .contact { - margin-top: 15px; -} -.footer .single-footer .contact p{ - margin-top:10px; -} -.footer .single-footer .contact i{ - margin-right:10px; -} -.footer .single-footer .contact .location{ - color:#868585; -} -.footer .single-footer .contact .mail-add{ - color:#868585; -} -.footer .single-footer .contact .call{ - color:#868585; -} - - - -.footer .single-footer span i{ - margin-right:5px; -} -.footer .single-footer span{ - display:block; - color:#868585; - margin: 12px 0px; - text-transform:capitalize; - -webkit-transition:all 0.4s ease; - -moz-transition:all 0.4s ease; - transition:all 0.4s ease; -} -.footer .single-footer span:hover{ - cursor:pointer; -} -.footer .single-footer h2{ - color:#333; - font-size:20px; - font-weight:600; - text-transform:capitalize; - margin-bottom:20px; - text-transform:uppercase; -} -.footer .single-footer h2 i{ - margin-right:10px; - padding-right:5px; - border-right:2px solid; -} -.footer .single-footer p{ - color:#333; -} -.footer .single-footer .mail{ - margin-top:20px; -} -.footer .single-footer .mail input{ - background: transparent; - border: 1px solid #868585; - height: 45px; - line-height: 45px; - width: 245px; - margin-right: 15px; - color: #868585; - padding-left: 18px; - display: inline-block; - float: left; -} -.footer input::-webkit-input-placeholder { - opacity: 1; - color: #868585 !important; -} - -.footer input::-moz-placeholder { - opacity: 1; - color: #868585 !important; -} - -.footer input::-ms-input-placeholder { - opacity: 1; - color: #868585 !important; -} -.footer input::input-placeholder { - opacity: 1; - color: #868585 !important; -} -.footer .single-footer .button { - height: 37px; - width: 109px; - box-shadow: none; - text-shadow: none; - border: none; - margin-top: 10px; - margin-left: 0; - font-size: 15px; - text-transform: capitalize; -} -.footer .single-footer .button a{ - color:#fff; -} -.footer .single-footer .button:hover{ - background:#555; - color:#c8c8c8; -} -.footer .single-footer .mail i { - position: absolute; - left: 0; - color: #333; - top: 230px; -} -.footer .single-footer .mail p{ - margin-top:10px; -} -.footer .copyright{ - text-align:center; - padding:20px 0; - -} -.footer .copyright .copyright-content{ - float:left; -} - -.footer .copyright .copyright-content p{ - color:#fff; -} - -.footer .copyright .social{ - float:right; - margin-right:15px; - -} -.footer .copyright .social{} -.footer .copyright .social li{ - display:inline-block; - margin-right:5px; -} -.footer .copyright .social li a{ - background:#fff; - width:25px; - height:25px; - line-height:25px; - display:block; - -} -.footer .copyright .social li a:hover{ - color:#fff; - background:#333; +.footer_cont{ + height:352px; + width: 100%; + margin: 0 auto; + background:rgba(46,48,51,1); } -.footer .copyright .social ul li a i{ - font-size:15px; - +.footer{ + margin-top: 57px; + font-size:16px; + height: 178px; + font-family:PingFang-SC-Medium; + font-weight:500; + color:rgba(255,255,255,1); + margin-bottom: 48px; +} +.footer-title{ + margin-bottom: 38px; +} +.footer-links li a,.footer-links li{ + font-size:16px; + font-family:PingFang-SC-Medium; + font-weight:500; + color:rgba(255,255,255,.5); +} +.footer-links li{ + height: 18px; + line-height: 18px; + margin-bottom: 16px; +} +.footer-links li:last-of-type{ + margin-bottom: 0; +} +.bottom-footer{ + width: 1200px; + margin: 0 auto; + border-top: 1px solid rgba(255,255,255,.2); +} +.copyright{ + /*width:230px;*/ + height:12px; + font-size:12px; + font-family:PingFang-SC-Medium; + font-weight:500; + color:rgba(255,255,255,.5); } /*=================== End Footer CSS