Reactstrap Core Pre Footers

-
Pro Component

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

Copy
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

Copy
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

Copy
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

Copy
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

Copy
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

Copy
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.