diff --git a/trobber_fe/src/pages/Countries.jsx b/trobber_fe/src/pages/Countries.jsx
new file mode 100644
index 0000000..a538751
--- /dev/null
+++ b/trobber_fe/src/pages/Countries.jsx
@@ -0,0 +1,47 @@
+import Carousel from 'react-bootstrap/Carousel';
+
+function UncontrolledExample() {
+  return (
+    <Carousel>
+      <Carousel.Item>
+        <img
+          className="d-block w-100"
+          src="holder.js/800x400?text=First slide&bg=373940"
+          alt="First slide"
+        />
+        <Carousel.Caption>
+          <h3>First slide label</h3>
+          <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+        </Carousel.Caption>
+      </Carousel.Item>
+      <Carousel.Item>
+        <img
+          className="d-block w-100"
+          src="holder.js/800x400?text=Second slide&bg=282c34"
+          alt="Second slide"
+        />
+
+        <Carousel.Caption>
+          <h3>Second slide label</h3>
+          <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
+        </Carousel.Caption>
+      </Carousel.Item>
+      <Carousel.Item>
+        <img
+          className="d-block w-100"
+          src="holder.js/800x400?text=Third slide&bg=20232a"
+          alt="Third slide"
+        />
+
+        <Carousel.Caption>
+          <h3>Third slide label</h3>
+          <p>
+            Praesent commodo cursus magna, vel scelerisque nisl consectetur.
+          </p>
+        </Carousel.Caption>
+      </Carousel.Item>
+    </Carousel>
+  );
+}
+
+export default UncontrolledExample;
\ No newline at end of file
diff --git a/trobber_fe/src/pages/TimerSetting.css b/trobber_fe/src/pages/TimerSetting.css
new file mode 100644
index 0000000..e669577
--- /dev/null
+++ b/trobber_fe/src/pages/TimerSetting.css
@@ -0,0 +1,7 @@
+img {
+    padding : 20px
+}
+
+.graph{
+    float: right
+}
\ No newline at end of file
diff --git a/trobber_fe/src/pages/TimerSetting.jsx b/trobber_fe/src/pages/TimerSetting.jsx
index b35d705..94c498b 100644
--- a/trobber_fe/src/pages/TimerSetting.jsx
+++ b/trobber_fe/src/pages/TimerSetting.jsx
@@ -1,13 +1,15 @@
 import React from 'react';
+import "./TimerSetting.css";
 
 const TimerSetting = () => {
-    return (
-        <div>
-            <>
-            <h1>타이머 세팅페이지 입니다! (희수 작업)</h1>
-            </>
-        </div>
-    );
+  return (
+    <div>
+      <div className="icons">
+        <img className="menubar" src={require("./pageimg/menubar.png")} />
+        <img className="graph" src={require("./pageimg/graph.png")} />
+      </div>
+    </div>
+  );
 };
 
 export default TimerSetting;
\ No newline at end of file
diff --git a/trobber_fe/src/pages/pageimg/graph.png b/trobber_fe/src/pages/pageimg/graph.png
new file mode 100644
index 0000000..a7f51b7
Binary files /dev/null and b/trobber_fe/src/pages/pageimg/graph.png differ
diff --git a/trobber_fe/src/pages/pageimg/japan.png b/trobber_fe/src/pages/pageimg/japan.png
new file mode 100644
index 0000000..85381fd
Binary files /dev/null and b/trobber_fe/src/pages/pageimg/japan.png differ
diff --git a/trobber_fe/src/pages/pageimg/menubar.png b/trobber_fe/src/pages/pageimg/menubar.png
new file mode 100644
index 0000000..aed869c
Binary files /dev/null and b/trobber_fe/src/pages/pageimg/menubar.png differ