Skip to content

Commit c3263d5

Browse files
committed
Add divider
1 parent 79c1c06 commit c3263d5

File tree

3 files changed

+32
-0
lines changed

3 files changed

+32
-0
lines changed

src/components/Divider/index.js

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
import React from "react";
2+
import * as styles from "./styles.module.css";
3+
4+
const Divider = () => (
5+
<div className={styles.divider}>
6+
<div className={[styles.dividerLine, styles.light].join(' ')}></div>
7+
</div>
8+
)
9+
10+
export default Divider;
Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
.divider {
2+
margin-top: 32px;
3+
padding: 8px 0;
4+
width: 100%;
5+
}
6+
7+
.dividerLine {
8+
width: 80%;
9+
margin: 0 auto;
10+
height: 1px;
11+
}
12+
13+
.dark {
14+
background: #4f5a7d;
15+
}
16+
17+
.light {
18+
background: #b2bad1;
19+
}

src/pages/index.js

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -8,15 +8,18 @@ import MainFeatures from "../components/MainFeatures"
88
import AboutTelenor from "../components/AboutTelenor"
99
import Seo from "../components/seo"
1010
import Layout from "../components/Layout"
11+
import Divider from "../components/Divider"
1112

1213
const Index = () => (
1314
<Layout className={styles.main}>
1415
<Container>
1516
<MainFeatures />
1617
</Container>
18+
<Divider />
1719
<Container>
1820
<MainTechnologies />
1921
</Container>
22+
<Divider />
2023
<Container>
2124
<MainDataPlatformFeatures />
2225
</Container>

0 commit comments

Comments
 (0)