diff --git a/src/pages/posts/PostsPage.js b/src/pages/posts/PostsPage.js
new file mode 100644
index 0000000..bb5b0b4
--- /dev/null
+++ b/src/pages/posts/PostsPage.js
@@ -0,0 +1,25 @@
+import React from "react";
+
+import Form from "react-bootstrap/Form";
+import Col from "react-bootstrap/Col";
+import Row from "react-bootstrap/Row";
+import Container from "react-bootstrap/Container";
+
+import appStyles from "../../App.module.css";
+import styles from "../../styles/PostsPage.module.css";
+
+function PostsPage() {
+  return (
+    <Row className="h-100">
+      <Col className="py-2 p-0 p-lg-2" lg={8}>
+        <p>Popular profiles mobile</p>
+        <p>List of posts here</p>
+      </Col>
+      <Col md={4} className="d-none d-lg-block p-0 p-lg-2">
+        <p>Popular profiles for desktop</p>
+      </Col>
+    </Row>
+  );
+}
+
+export default PostsPage;
diff --git a/src/styles/PostsPage.module.css b/src/styles/PostsPage.module.css
new file mode 100644
index 0000000..6aea95a
--- /dev/null
+++ b/src/styles/PostsPage.module.css
@@ -0,0 +1,18 @@
+.SearchBar input {
+  border-radius: 20px;
+  color: #242a3d;
+  padding-left: 40px;
+  margin-bottom: 16px;
+}
+
+.SearchIcon {
+  position: absolute;
+  font-size: 1.2rem;
+  padding: 9px;
+  padding-left: 15px;
+}
+
+.SearchIcon:hover {
+  cursor: default;
+  color: #cfced3;
+}