Reactstrap Core Pre Footers
-For your social part of the bottom website, we’ve made the bellow pre-footers examples.
Description
We’ve made the following pre-footer components using various
reactstrap
components, and
Bootstrap
classes and also some custom
scss
/css
classes.
Example
Since these components were created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here.
PreFooter1
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import PreFooter1 from "components/pre-footers/PreFooter1.js";
function Example() {
return (
<>
<PreFooter1 />
</>
);
}
export default Example;
PreFooter2
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import PreFooter2 from "components/pre-footers/PreFooter2.js";
function Example() {
return (
<>
<PreFooter2 />
</>
);
}
export default Example;
PreFooter3
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import PreFooter3 from "components/pre-footers/PreFooter3.js";
function Example() {
return (
<>
<PreFooter3 />
</>
);
}
export default Example;
PreFooter4
Get Tips & Tricks every Week!
Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import PreFooter4 from "components/pre-footers/PreFooter4.js";
function Example() {
return (
<>
<PreFooter4 />
</>
);
}
export default Example;
PreFooter5
Subscribe to our Newsletter
Join our newsletter and get news in your inbox every week! We hate spam too, so no worries about this.
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import PreFooter5 from "components/pre-footers/PreFooter5.js";
function Example() {
return (
<>
<PreFooter5 />
</>
);
}
export default Example;
PreFooter6
Subscribe to our Newsletter
You'll be informed about updates, special offers and planned changes..
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import PreFooter6 from "components/pre-footers/PreFooter6.js";
function Example() {
return (
<>
<PreFooter6 />
</>
);
}
export default Example;
Note
You should note, that none of the bellow components are dynamic, as we do not know what your end use case will be. Feel free to change it, add your own props and dynamic code.