layer5/src/sections/z_other/About-classic/index.js at eadef0ec7334c8eff3fd05ec0371b4d8e26e9b18 · layer5io/layer5 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
import React from "react";

import { Container, Row, Col } from "../../../reusecore/Layout";
import SectionTitle from "../../../reusecore/SectionTitle";

import aboutIcon1 from "../../../assets/images/classic/about/icon-1.svg";
import aboutIcon2 from "../../../assets/images/classic/about/icon-2.svg";
import aboutIcon3 from "../../../assets/images/classic/about/icon-3.svg";

import AboutSectionWrapper from "./about.style";

const AboutClassic = () => {
  return (
    <AboutSectionWrapper id="about">
      <Container>
        <SectionTitle UniWidth="65%">
          <h2>
            Starting with <span>Appion</span> is easier than anything.
          </h2>
        </SectionTitle>
        <Row>
          <Col xs={12} sm={6} lg={4}>
            <div className="single-item">
              <div className="item-head">
                <div className="item-icon">
                  <img src={aboutIcon1} alt="appion app about icon" />
                </div>
                <h3>Be organised</h3>
              </div>

              <p>
                Lorem ipsum dolor sit amet consectetur sed do eiusmod tempor
                incididunt. ut labore et dolore magna aliqua enim
              </p>
            </div>
          </Col>
          <Col xs={12} sm={6} lg={4}>
            <div className="single-item">
              <div className="item-head">
                <div className="item-icon">
                  <img src={aboutIcon2} alt="appion app about icon" />
                </div>
                <h3>Stay focused</h3>
              </div>

              <p>
                Lorem ipsum dolor sit amet consectetur sed do eiusmod tempor
                incididunt. ut labore et dolore magna aliqua enim
              </p>
            </div>
          </Col>
          <Col xs={12} sm={6} lg={4}>
            <div className="single-item">
              <div className="item-head">
                <div className="item-icon">
                  <img src={aboutIcon3} alt="appion app about icon" />
                </div>
                <h3>Get in sync</h3>
              </div>

              <p>
                Lorem ipsum dolor sit amet consectetur sed do eiusmod tempor
                incididunt. ut labore et dolore magna aliqua enim
              </p>
            </div>
          </Col>
        </Row>
      </Container>
    </AboutSectionWrapper>
  );
};

export default AboutClassic;