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

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

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

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

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.