diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx index f9a7df0..c81cf53 100644 --- a/src/components/Footer.jsx +++ b/src/components/Footer.jsx @@ -1,67 +1,93 @@ import React, { Component } from 'react'; import './Footer.scss'; -import SubscribeButton from "../components/SubscribeButton" -import FeedbackButtons from "../components/FeedbackButtons" -import { useLocation } from "@reach/router"; - -const Footer = ()=> { - const { pathname } = useLocation(); - const pathRoute = pathname.slice(0, -1); - return ( - <> - - {/* */} -
-
-

Learn how to execute low code tests across 3000+ device / browser environments.

- Schedule a free demo -
-
-
- - - - - - -

- Want to contribute or report missing content? -

-
-

edit this page on github

-

contributing - guidelines

-

report an - issue

-
-

Testsigma is - open source. See license

-
-
-
-

- www.testsigma.com -

-
-
-

- ©2023 Copyright , Testsigma Technologies Inc -

-
-
- - ); - } +import SubscribeButton from '../components/SubscribeButton'; +import FeedbackButtons from '../components/FeedbackButtons'; +import { useLocation } from '@reach/router'; +import tsLogo from '../components/images/testsigma-logo-v3-dark.svg'; +const Footer = () => { + const { pathname } = useLocation(); + const pathRoute = pathname.slice(0, -1); + return ( + <> + + {/* */} +
+
+

+ Learn how to execute low code tests across 3000+ device / browser + environments. +

+ + Schedule a free demo + +
+
+
+ Testsigma +

Want to contribute or report missing content?

+ +

+ + {' '} + Testsigma{' '} + {' '} + is open source.{' '} + + See license + +

+
+
+ +
+

+ ©2023 Copyright , Testsigma Technologies Inc +

+
+
+ + ); +}; export default Footer; diff --git a/src/components/Footer.scss b/src/components/Footer.scss index 968875c..44bb70a 100644 --- a/src/components/Footer.scss +++ b/src/components/Footer.scss @@ -117,8 +117,8 @@ margin-left: 0px; position: relative; right: 15px; - background: #03A973 !important; - border: 1px solid #03A973 !important; + background: #00b2bd !important; + border: 1px solid #00b2bd !important; min-width: 150px; height: 40px; border-radius: 4px; @@ -160,7 +160,7 @@ flex-basis: 40%; align-items: center; h4 { - color: #03A973; + color: #00b2bd; } } } @@ -218,8 +218,8 @@ color: #FFF; margin-top: 11px; margin-left: 0px; - background: #03A973 !important; - border: 1px solid #03A973 !important; + background: #00b2bd !important; + border: 1px solid #00b2bd !important; max-width: 100%; width: 97%; height: 40px; @@ -252,7 +252,7 @@ margin-top: 30px; background-color: #F6F7F9; padding: 30px 15px 15px 15px; - svg{ + img{ margin: auto; display: block; } @@ -277,7 +277,7 @@ height: auto; } a{ - color: #03A973; + color: #00b2bd; text-decoration: underline; } } @@ -288,7 +288,7 @@ .p_0{ margin-top: 0px!important; a{ - color: #03A973; + color: #00b2bd; } } .link_underline{ diff --git a/src/components/LeftNav.scss b/src/components/LeftNav.scss index c8564d2..0e4f620 100644 --- a/src/components/LeftNav.scss +++ b/src/components/LeftNav.scss @@ -51,17 +51,17 @@ button { font-weight: 600; &:hover{ - color: #1AA874; + color: #00b2bd; } } } .parent:hover button{ - color: #1AA874; + color: #00b2bd; } .parent:hover svg path{ - fill: #1AA874; + fill: #00b2bd; } .parent { @@ -97,7 +97,7 @@ outline: inherit; text-transform: capitalize; &:hover{ - color: #1AA874; + color: #00b2bd; } @media (max-width: 576px) { font-size: 13px; @@ -153,7 +153,7 @@ &.currentUrl{ font-weight: 700; - color: #1AA874; + color: #00b2bd; margin-left: 0px!important; > * { @@ -178,7 +178,7 @@ &:hover { background-color: inherit; border-radius: 3px; - color: #1AA874; + color: #00b2bd; } } } @@ -287,7 +287,7 @@ } .text_green{ - color: #1AA874; + color: #00b2bd; } .float_left{ float:left; diff --git a/src/components/SubNav.jsx b/src/components/SubNav.jsx index b7422f7..0a85c1e 100644 --- a/src/components/SubNav.jsx +++ b/src/components/SubNav.jsx @@ -1,101 +1,165 @@ import React from 'react'; -import web from "./images/box.svg"; -import mobile from "./images/mobile_line.svg"; -import ios from "./images/ios.svg"; -import android from "./images/android.svg"; -import SearchInputBox from "./SearchInputBox"; -import LeftNav from "./LeftNav"; +import web from './images/box.svg'; +import mobile from './images/mobile_line.svg'; +import ios from './images/ios.svg'; +import android from './images/android.svg'; +import SearchInputBox from './SearchInputBox'; +import LeftNav from './LeftNav'; class SubNav extends React.Component { - state = { - searchcontainer:false, - } - render() { - const ColoredLine = ( {color} ) => ( -
- ); + state = { + searchcontainer: false, + }; + render() { + const ColoredLine = ({ color }) => ( +
+ ); - const clickChange = (e) => { - this.setState({searchcontainer:!this.state.searchcontainer}); - } - const x = this.state.searchcontainer; + const clickChange = (e) => { + this.setState({ searchcontainer: !this.state.searchcontainer }); + }; + const x = this.state.searchcontainer; - return ( - <> -
-
-
- - -
-
-
- - - - - -
- -
-
-
- - - ) - } + return ( + <> +
+
+
+ + +
+
+
+ + + + + +
+ +
+
+
+ + + ); + } } -export default SubNav; \ No newline at end of file +export default SubNav; diff --git a/src/components/header.jsx b/src/components/header.jsx index e82519d..76f5f43 100644 --- a/src/components/header.jsx +++ b/src/components/header.jsx @@ -1,5 +1,6 @@ import React, { useEffect, useState } from 'react'; import SearchInputBox from './SearchInputBox'; +import tsLogo from '../components/images/testsigma-logo-v3-dark.svg'; const Header = () => { const [isHomepage, setIsHomepage] = useState(false); @@ -8,98 +9,74 @@ const Header = () => { setIsHomepage(window.location.pathname === '/tutorials/'); }, []); return ( -
-
- - - - - - - +
+
+ + Testsigma -