senaduka/old-v2-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

CSS fix and change of texts

Browse Source
This commit is contained in:
Moris Zen
2018-07-07 10:43:29 +02:00
parent 5219d13b3a
commit 945c93027d
3 changed files with 43 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/Header.js
View File

@@ -11,44 +11,44 @@ let menuClasses =
class Header extends Component {
render() {
return (
<header className="bg-saburly-indigo">
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
<Link to="/">
<div className="max-w-xs mr-8">
<img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
</div>
</Link>
<div className="side-toggle">
<button className="menu_icon visible lg:invisible">
<span className="menu_bar-top" />
<span className="menu_bar-mid" />
<span className="menu_bar-bot" />
</button>
<header className="bg-saburly-indigo">
<nav className="container mx-auto flex items-center justify-between lg:p-6 p-4">
<Link to="/">
<div className="max-w-xs mr-8">
<img src={LogoSaburly} className="w-full" alt="Saburly Logo" />
</div>
</Link>
<div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
<ul className="list-reset text-sm">
<Link to="/services">
<li className={menuClasses}>What We Do</li>
</Link>
<Link to="/about">
<li className={menuClasses}>Team</li>
</Link>
<Link to="/blog">
<li className={menuClasses}>Blog</li>
</Link>
<div className="side-toggle">
<button className="menu_icon visible lg:invisible">
<span className="menu_bar-top" />
<span className="menu_bar-mid" />
<span className="menu_bar-bot" />
</button>
</div>
<Button
text="Contact"
standard
classes="rounded-full text-white hover:shadow"
url="/contact"
/>
</ul>
</div>
</nav>
</header>
<div className="hidden lg:visible w-full block flex-grow lg:flex lg:items-right lg:w-auto justify-end lg:flex-grow">
<ul className="list-reset text-sm">
<Link to="/services">
<li className={menuClasses}>What We Do</li>
</Link>
<Link to="/about">
<li className={menuClasses}>Who We Are</li>
</Link>
<Link to="/blog">
<li className={menuClasses}>Blog</li>
</Link>
<Button
text="Contact"
standard
classes="rounded-full text-white hover:shadow"
url="/contact"
/>
</ul>
</div>
</nav>
</header>
)
}
}

8
src/pages/index.js
View File

@@ -19,12 +19,12 @@ const IndexPage = ({ ...props }) => (
<div>
<PageIntro
button
buttonText="Let's Build Something Awesome"
buttonText="Let's Connect"
url="/contact"
buttonClasses="text-white shadow-md hover:shadow-lg rounded-full mt-4 font-light btn-saburly-green mb-20"
intro="Welcome To Saburly"
headline="We build the right software for your needs"
text="We are a team of creative, open minded, skilled and passionate engineers that ship success daily"
headline="We build the right software for your business goals"
text="We are a team of highly experienced, creative, open-minded and passionate engineers. Our mission is clear: to make you clients stand out and gain competitive advantages with the help of modern technologies."
image={ImgIntro}
/>
@@ -49,7 +49,7 @@ const IndexPage = ({ ...props }) => (
<Service
img={ImgDesign}
title="UX & UI Design"
title="User Experience Design"
text="Our approach is simple: focus on how people will actually use the products. We offer prototyping, UI and UX design for web and mobile products. We shape UX through research, data & content analysis"
/>

8
src/styles/general.css
View File

@@ -1,11 +1,11 @@
html {
overflow: hidden;
height: 100%;
overflow: hidden;
height: 100%;
}
body {
height: 100%;
overflow: auto;
height: 100%;
overflow: auto;
}
.bg-saburly-indigo {