diff --git a/backend/__pycache__/function.cpython-38.pyc b/backend/__pycache__/function.cpython-38.pyc
index e0789c6..30111a6 100644
Binary files a/backend/__pycache__/function.cpython-38.pyc and b/backend/__pycache__/function.cpython-38.pyc differ
diff --git a/backend/__pycache__/home.cpython-38.pyc b/backend/__pycache__/home.cpython-38.pyc
index 9e2455e..ce184c5 100644
Binary files a/backend/__pycache__/home.cpython-38.pyc and b/backend/__pycache__/home.cpython-38.pyc differ
diff --git a/backend/__pycache__/init.cpython-38.pyc b/backend/__pycache__/init.cpython-38.pyc
index f39e32a..e9c3d9c 100644
Binary files a/backend/__pycache__/init.cpython-38.pyc and b/backend/__pycache__/init.cpython-38.pyc differ
diff --git a/backend/__pycache__/position.cpython-38.pyc b/backend/__pycache__/position.cpython-38.pyc
index 5e9887e..23288bf 100644
Binary files a/backend/__pycache__/position.cpython-38.pyc and b/backend/__pycache__/position.cpython-38.pyc differ
diff --git a/backend/__pycache__/strategy.cpython-38.pyc b/backend/__pycache__/strategy.cpython-38.pyc
new file mode 100644
index 0000000..a6fab68
Binary files /dev/null and b/backend/__pycache__/strategy.cpython-38.pyc differ
diff --git a/backend/home.py b/backend/home.py
index ddbd871..863da55 100644
--- a/backend/home.py
+++ b/backend/home.py
@@ -7,8 +7,8 @@
 from strategys.position import enter_position, exit_position
 from strategys.function import get_cur_price, get_balance, dataFrame, calAmount, VolatilityBreakout, get_symbol_info
 from strategys.env import profit_percent, loss_percent, purchase_percent, con_diffma40_4, timeframe, symbols, k
-from strategys.strategy import strategy_1
-
+from strategys.strategy import strategy_1, strategy_2, strategy_3
+import subprocess
 import time
 
 app = FastAPI()
@@ -37,29 +37,34 @@
 async def init(request: Request):
     return templates.TemplateResponse("home.html", {"request": request})
 
-@app.post("/home", response_class=HTMLResponse)
-async def home(request: Request, symbol : str = Form(...), perchase_percent : str = Form(...), leverage : str = Form(...)):
-    print(symbol)
-    print(perchase_percent)
-    print(leverage)
-    return templates.TemplateResponse("home.html", {"request": request, "symbol":symbol, "perchase_percent":perchase_percent, "leverage":leverage})
-
-
-@app.get("/ETC")
-def ETC():
-    return {"message":"ETC"}
+@app.get("/home", response_class=HTMLResponse)
+async def home(request: Request):
+    return templates.TemplateResponse("home.html", {"request": request})
 
-@app.get("/symbols")
-def symbols():
-    return {"message":"symbols"}
+@app.post("/enter_position", response_class=HTMLResponse)
+async def enter_position(request: Request, symbol: str = Form(...), purchase_percent: float = Form(...), leverage: int = Form(...), strategys:str = Form(...)):
+    if strategys == "strategy_1":
+        strategy_1(symbol, purchase_percent, leverage)
+    elif strategys == "strategy_2":
+        strategy_2(symbol, purchase_percent, leverage)
+    elif strategys == "strategy_3":
+        strategy_3(symbol, purchase_percent, leverage)
+        
+    return templates.TemplateResponse("home.html", {"request": request})
 
-@app.get("/receipt")
-def receipt():
-    return {"message":"receipt"}
+@app.get("/goto", response_class=HTMLResponse)
+async def goto(request: Request):
+    return templates.TemplateResponse("goto.html", {"request": request})
 
-@app.get("/mypage")
-def mypage():
-    return {"message":"mypage"}
+@app.get("/symbols_info", response_class=HTMLResponse)
+async def symbols_info(request: Request):
+    return templates.TemplateResponse("symbols_info.html", {"request": request})
 
+@app.get("/history", response_class=HTMLResponse)
+def history(request: Request):
+    return templates.TemplateResponse("history.html", {"request": request})
 
+@app.get("/mypage", response_class=HTMLResponse)
+def mypage(request: Request):
+    return templates.TemplateResponse("mypage.html", {"request": request})
 
diff --git a/backend/static/goto.css b/backend/static/goto.css
index 4d0e3fe..85800c5 100644
--- a/backend/static/goto.css
+++ b/backend/static/goto.css
@@ -9,6 +9,7 @@ header {
     padding-left: 40px;
     padding-bottom: 5px;
 }
+
 #img_setting {
     float: right;
     width: 35px;
diff --git a/backend/static/home.css b/backend/static/home.css
index 3033f35..7ea069e 100644
--- a/backend/static/home.css
+++ b/backend/static/home.css
@@ -43,7 +43,7 @@ main {
     margin-left: 15px;
 }
 
-#section_input input {
+#section_input .input_info {
     width: 130px;
     height: 30px;
     border-radius: 10px;
@@ -73,8 +73,6 @@ main {
     text-align: center;
 }
 
-
-
 #enter:hover {
     box-shadow: 3px 4px 11px 0px #00000040;
 }
@@ -91,6 +89,7 @@ main {
     overflow: hidden;
     background: rgba(0,0,0,0.5);
 }
+
 .modal #detail_popup {
 /*팝업*/
     position: absolute;
@@ -101,7 +100,7 @@ main {
     background: #ffffff;
     border-radius: 20px;
 }
-.modal_btn_container {
+.modal_btn_container form {
     display: flex;
     flex-direction: row;
     justify-content: space-around;
diff --git a/backend/static/home.js b/backend/static/home.js
index be2fafe..b332884 100644
--- a/backend/static/home.js
+++ b/backend/static/home.js
@@ -7,7 +7,7 @@ document.addEventListener("DOMContentLoaded", function() {
 function update_description() {
     const symbol = document.getElementById('symbol').value;
 
-    const purchase_percent = document.getElementById('perchase_percent').value;
+    const purchase_percent = document.getElementById('purchase_percent').value;
     const leverage = document.getElementById('leverage').value;
     const strategy = document.getElementById('strategy').value;
 
@@ -59,7 +59,7 @@ document.getElementById('strategy').addEventListener('change', update_descriptio
 document.addEventListener("DOMContentLoaded", function() {
     const modal = document.querySelector('.modal');
     const modalOpen = document.querySelector('#enter');
-    const modalClose = document.querySelector('#close_detail');
+    const modalClose = document.querySelector('#no_detail');
     
     // Open modal when the button is clicked
     modalOpen.addEventListener('click', function(){
diff --git a/backend/static/img/history.png b/backend/static/img/history.png
new file mode 100644
index 0000000..6006da4
Binary files /dev/null and b/backend/static/img/history.png differ
diff --git a/backend/static/img/history2.png b/backend/static/img/history2.png
new file mode 100644
index 0000000..a396cb5
Binary files /dev/null and b/backend/static/img/history2.png differ
diff --git a/backend/strategys/__pycache__/env.cpython-38.pyc b/backend/strategys/__pycache__/env.cpython-38.pyc
index 0909b63..6f19bf6 100644
Binary files a/backend/strategys/__pycache__/env.cpython-38.pyc and b/backend/strategys/__pycache__/env.cpython-38.pyc differ
diff --git a/backend/strategys/__pycache__/function.cpython-38.pyc b/backend/strategys/__pycache__/function.cpython-38.pyc
index 3e4ffd4..0e83867 100644
Binary files a/backend/strategys/__pycache__/function.cpython-38.pyc and b/backend/strategys/__pycache__/function.cpython-38.pyc differ
diff --git a/backend/strategys/__pycache__/init.cpython-38.pyc b/backend/strategys/__pycache__/init.cpython-38.pyc
index cf05ed5..cdcb7dd 100644
Binary files a/backend/strategys/__pycache__/init.cpython-38.pyc and b/backend/strategys/__pycache__/init.cpython-38.pyc differ
diff --git a/backend/strategys/__pycache__/strategy.cpython-38.pyc b/backend/strategys/__pycache__/strategy.cpython-38.pyc
index 46a7244..dbae911 100644
Binary files a/backend/strategys/__pycache__/strategy.cpython-38.pyc and b/backend/strategys/__pycache__/strategy.cpython-38.pyc differ
diff --git a/backend/strategys/env.py b/backend/strategys/env.py
index a0e20e7..5a5d004 100644
--- a/backend/strategys/env.py
+++ b/backend/strategys/env.py
@@ -9,7 +9,7 @@
 purchase_percent = 0.5 # 50%
 con_diffma40_4 = 7 # 횡보 조건
 timeframe = "15m"
-symbols = ["ETH/USDT"] # 이더리움
+symbols = "ETH/USDT" # 이더리움
 
 k = 0.5 # VB K 값
 ################################
diff --git a/backend/strategys/strategy.py b/backend/strategys/strategy.py
index 7a19ef1..77a470e 100644
--- a/backend/strategys/strategy.py
+++ b/backend/strategys/strategy.py
@@ -4,6 +4,8 @@
 from .function import get_cur_price, get_balance, dataFrame, calAmount, VolatilityBreakout 
 from .env import profit_percent, loss_percent, purchase_percent, con_diffma40_4, timeframe, symbols, k
 
+
+
 def print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price):
     print("=================================ETH/USDT=============================================")
     print("----BASE----")
@@ -25,29 +27,169 @@ def print_info(df, long_target, short_target, cur_price, diffma40_4, position, e
     print(f"short profit end : {entry_price - entry_price * profit_percent} /// {cur_price}    => {entry_price - entry_price * profit_percent > cur_price}")
     print(f"short loss end : {entry_price + entry_price * loss_percent} /// {cur_price}    => {entry_price + entry_price * loss_percent < cur_price}")
 
+def set_leverage(symbol, leverage=1):
+    # leverage 설정
+    markets = binance.load_markets()
+    market = binance.market(symbol)
+    resp = binance.fapiprivate_post_leverage({
+        "symbol":market["id"], 
+        "leverage":leverage
+    })
+
+def strategy_1(symbol = symbols, purchase_percent=purchase_percent, leverage=1):
+    # while(True):
+    entry_price = 0
+    position = {
+        "type":None,
+        "amount":0
+    }
+    set_leverage(symbol, leverage)
+    for _ in range(5):
+        # 현재가
+        cur_price = get_cur_price(symbol)
+
+        # 잔고
+        balance = get_balance()
+
+        # dataFrame 
+        df = dataFrame(symbol)
+
+        # 구매 수량
+        amount = calAmount(balance, cur_price, purchase_percent) # 50% 
+
+        # 변동성 돌파전략 
+        long_target, short_target = VolatilityBreakout(dataFrame(symbol))
+        
+        # sma 설정
+        sma4 = df["sma4"].iloc[-1]
+        sma8 = df["sma8"].iloc[-1]
+        sma30 = df["sma30"].iloc[-1]
+        sma40 = df["sma40"].iloc[-1]
+        diffma40_4 = df["diffMa40_4"].iloc[-1]
+
+        # long position 진입 조건
+        is_long = ((sma4 > sma30) & (cur_price > long_target) & (diffma40_4 > con_diffma40_4) & (position["type"] == None)) 
+        # short position 진입 조건
+        is_short = ((sma4 < sma30) & (cur_price < short_target) & (diffma40_4 > con_diffma40_4) & (position["type"] == None)) 
+
+        # long position 청산 조건
+        is_long_end =  (((entry_price + entry_price * profit_percent < cur_price) and position["type"] == "long") or ((entry_price - entry_price * loss_percent > cur_price) and position["type"] == "long") )
+        # short position 청산 조건
+        is_short_end = (((entry_price - entry_price * profit_percent > cur_price) and position["type"] == "short") or ((entry_price + entry_price * loss_percent < cur_price) and position["type"] =="short"))
+        # print(df)
+        # position 진입
+        if is_long:
+            entry_price = cur_price
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            enter_position(binance, symbol=symbol, cur_price = cur_price, amount=amount, target=1, position=position)
+
+        if is_long_end:
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            exit_position(binance, symbol=symbol, cur_price=cur_price, amount = position["amount"], position=position)
+            
+            
+        if is_short:
+            entry_price = cur_price
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            enter_position(binance, symbol=symbol, cur_price = cur_price, amount=amount, target=-1, position=position)
+
+        if is_short_end:
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            exit_position(binance, symbol=symbol, cur_price=cur_price, amount = position["amount"], position=position)
+            
+        else:
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+        time.sleep(1)
+
+def strategy_2(symbol = symbols, purchase_percent=purchase_percent, leverage=1):
+    # while(True):
+    entry_price = 0
+    position = {
+        "type":None,
+        "amount":0
+    }
+    set_leverage(symbol, leverage)
+    for _ in range(5):
+        # 현재가
+        cur_price = get_cur_price(symbol)
+
+        # 잔고
+        balance = get_balance()
+
+        # dataFrame 
+        df = dataFrame(symbol)
+
+        # 구매 수량
+        amount = calAmount(balance, cur_price, purchase_percent) # 50% 
+
+        # 변동성 돌파전략 
+        long_target, short_target = VolatilityBreakout(dataFrame(symbol))
+        
+        # sma 설정
+        sma4 = df["sma4"].iloc[-1]
+        sma8 = df["sma8"].iloc[-1]
+        sma30 = df["sma30"].iloc[-1]
+        sma40 = df["sma40"].iloc[-1]
+        diffma40_4 = df["diffMa40_4"].iloc[-1]
+
+        # long position 진입 조건
+        is_long = ((sma4 > sma30) & (cur_price > long_target) & (diffma40_4 > con_diffma40_4) & (position["type"] == None)) 
+        # short position 진입 조건
+        is_short = ((sma4 < sma30) & (cur_price < short_target) & (diffma40_4 > con_diffma40_4) & (position["type"] == None)) 
+
+        # long position 청산 조건
+        is_long_end =  (((entry_price + entry_price * profit_percent < cur_price) and position["type"] == "long") or ((entry_price - entry_price * loss_percent > cur_price) and position["type"] == "long") )
+        # short position 청산 조건
+        is_short_end = (((entry_price - entry_price * profit_percent > cur_price) and position["type"] == "short") or ((entry_price + entry_price * loss_percent < cur_price) and position["type"] =="short"))
+        # print(df)
+        # position 진입
+        if is_long:
+            entry_price = cur_price
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            enter_position(binance, symbol=symbol, cur_price = cur_price, amount=amount, target=1, position=position)
+
+        if is_long_end:
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            exit_position(binance, symbol=symbol, cur_price=cur_price, amount = position["amount"], position=position)
+            
+            
+        if is_short:
+            entry_price = cur_price
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            enter_position(binance, symbol=symbol, cur_price = cur_price, amount=amount, target=-1, position=position)
+
+        if is_short_end:
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+            exit_position(binance, symbol=symbol, cur_price=cur_price, amount = position["amount"], position=position)
+            
+        else:
+            print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
+        time.sleep(1)
+
 
-def strategy_1():
+def strategy_3(symbol = symbols, purchase_percent=purchase_percent, leverage=1):
     # while(True):
     entry_price = 0
     position = {
         "type":None,
         "amount":0
     }
+    set_leverage(symbol, leverage)
     for _ in range(5):
         # 현재가
-        cur_price = get_cur_price(symbols[0])
+        cur_price = get_cur_price(symbol)
 
         # 잔고
         balance = get_balance()
 
         # dataFrame 
-        df = dataFrame(symbols[0])
+        df = dataFrame(symbol)
 
         # 구매 수량
         amount = calAmount(balance, cur_price, purchase_percent) # 50% 
 
         # 변동성 돌파전략 
-        long_target, short_target = VolatilityBreakout(dataFrame(symbols[0]))
+        long_target, short_target = VolatilityBreakout(dataFrame(symbol))
         
         # sma 설정
         sma4 = df["sma4"].iloc[-1]
@@ -70,22 +212,22 @@ def strategy_1():
         if is_long:
             entry_price = cur_price
             print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
-            enter_position(binance, symbol=symbols[0], cur_price = cur_price, amount=amount, target=1, position=position)
+            enter_position(binance, symbol=symbol, cur_price = cur_price, amount=amount, target=1, position=position)
 
         if is_long_end:
             print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
-            exit_position(binance, symbol=symbols[0], cur_price=cur_price, amount = position["amount"], position=position)
+            exit_position(binance, symbol=symbol, cur_price=cur_price, amount = position["amount"], position=position)
             
             
         if is_short:
             entry_price = cur_price
             print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
-            enter_position(binance, symbol=symbols[0], cur_price = cur_price, amount=amount, target=-1, position=position)
+            enter_position(binance, symbol=symbol, cur_price = cur_price, amount=amount, target=-1, position=position)
 
         if is_short_end:
             print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
-            exit_position(binance, symbol=symbols[0], cur_price=cur_price, amount = position["amount"], position=position)
+            exit_position(binance, symbol=symbol, cur_price=cur_price, amount = position["amount"], position=position)
             
         else:
             print_info(df, long_target, short_target, cur_price, diffma40_4, position, entry_price)
-        time.sleep(1)
\ No newline at end of file
+        time.sleep(1)
diff --git a/backend/templates/goto.html b/backend/templates/goto.html
index cc7de6f..a90f240 100644
--- a/backend/templates/goto.html
+++ b/backend/templates/goto.html
@@ -2,31 +2,98 @@
 <html>
 <head>
     <title>코인 전략 선택</title>
-    <link rel="stylesheet" type="text/css" href="../static/goto.css">
+    <link rel="stylesheet" type="text/css" href="/static/goto.css">
     <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-    <script src="../static/home.js"></script>
+    <script src="/static/home.js"></script>
+    <style>
+        body {
+            width: 360px;
+            height: 772px;
+        }
+        header {
+            border-bottom: 3px solid black;
+            text-align: center;
+            font-size: 35px;
+            padding-left: 40px;
+            padding-bottom: 5px;
+        }
+        #img_setting {
+            float: right;
+            width: 35px;
+            height: 35px;
+            margin-right: 5px;
+            margin-top: 5px;
+        }
+        main {
+            height: 605px;
+        }
+        .container {
+            padding-top: 100px;
+            display: grid;
+            grid-template-columns: repeat(2, 1fr);
+            grid-template-rows: repeat(2, 1fr);
+            gap: 10px; /* 요소 사이의 간격을 추가할 수 있습니다 */
+            justify-items: center;
+            align-items: center;
+        }
+        .item {
+            text-align: center;
+            margin-bottom: 100px;
+        }
+        .item img {
+            width: 100px;
+            height: 100px; 
+        }
+        footer {
+            display: flex;
+            border-top: 3px solid black;
+            text-align: center;
+            justify-content: space-evenly;
+            padding-top: 5px;
+        }
+        footer img {
+            width: 40px;
+            height: 40px;
+        }
+    </style>
 </head>
 <body>
-   <header>
-    Bit4Coin
-    <img src="../static/img/setting.png" alt="" id="img_setting">
-   </header>
-   <main>
-    <img src="../static/img/binance_logo.png" alt="">
-    <img src="../static/img/tradingview_logo.png" alt="">
-    <img src="../static/img/receipt.png" alt="">
-    <img src="../static/img/github_logo.png" alt="">
-   </main>
-
-
-<!-- 이미지 -->
-   <footer>
-    <img src="../static/img/arrow.png" alt="" onclick="goTo('ETC')">
-    <img src="../static/img/symbols.png" alt="" onclick="goTo('symbols')">
-    <img src="../static/img/home.png" alt="" onclick="goTo('home')">
-    <img src="../static/img/receipt.png" alt="" onclick="goTo('receipt')">
-    <img src="../static/img/mypage.png" alt="" onclick="goTo('mypage')">
-   </footer>
+    <header>
+        Bit4Coin
+        <img src="/static/img/setting.png" alt="" id="img_setting">
+    </header>
+    <main>
+        <div class="container">
+            <div class="item">
+                <a href="https://www.binance.com/en">
+                    <img src="/static/img/binance_logo.png" alt="">
+                </a>
+                <div>Binance</div>
+            </div>
+            <div class="item">
+                <a href="https://kr.tradingview.com/chart/wcP8GcBJ/">
+                    <img src="/static/img/tradingview_logo.png" alt="">
+                </a>
+                <div>TradingView</div>
+            </div>
+            <div class="item">
+                <img src="/static/img/history.png" alt="" onclick="goTo('history')">
+                <div>History</div>
+            </div>
+            <div class="item">
+                <a href="https://github.com/">
+                    <img src="/static/img/github_logo.png" alt="">
+                </a>
+                <div>GitHub</div>
+            </div>
+        </div>
+    </main>
+    <footer>
+        <img src="/static/img/arrow.png" alt="" onclick="goTo('goto')">
+        <img src="/static/img/symbols.png" alt="" onclick="goTo('symbols_info')">
+        <img src="/static/img/home.png" alt="" onclick="goTo('home')">
+        <img src="/static/img/history.png" alt="" onclick="goTo('history')">
+        <img src="/static/img/mypage.png" alt="" onclick="goTo('mypage')">
+    </footer>
 </body>
-
 </html>
diff --git a/backend/templates/history.html b/backend/templates/history.html
new file mode 100644
index 0000000..3b7c967
--- /dev/null
+++ b/backend/templates/history.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>코인 전략 선택</title>
+    <link rel="stylesheet" type="text/css" href="/static/goto.css">
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="/static/home.js"></script>
+</head>
+<body>
+   <header>
+    Bit4Coin
+    <img src="/static/img/setting.png" alt="" id="img_setting">
+   </header>
+   <main>
+    
+
+   </main>
+
+
+<!-- 이미지 -->
+   <footer>
+    <img src="/static/img/arrow.png" alt="" onclick="goTo('goto')">
+    <img src="/static/img/symbols.png" alt="" onclick="goTo('symbols_info')">
+    <img src="/static/img/home.png" alt="" onclick="goTo('home')">
+    <img src="/static/img/history.png" alt="" onclick="goTo('history')">
+    <img src="/static/img/mypage.png" alt="" onclick="goTo('mypage')">
+   </footer>
+</body>
+
+</html>
diff --git a/backend/templates/home.html b/backend/templates/home.html
index 6a8545e..38c3bf3 100644
--- a/backend/templates/home.html
+++ b/backend/templates/home.html
@@ -3,8 +3,86 @@
 <head>
     <title>코인 전략 선택</title>
     <link rel="stylesheet" type="text/css" href="/static/home.css">
-    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <!-- <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> -->
     <script src="/static/home.js"></script>
+    <script>
+        function goTo(url) {
+    const encoded = encodeURIComponent(url);
+    window.location.href = `/${encoded}`;
+}   
+document.addEventListener("DOMContentLoaded", function() {
+ // 전략선택시 간단하게 설명해주는 desc
+function update_description() {
+    const symbol = document.getElementById('symbol').value;
+
+    const purchase_percent = document.getElementById('purchase_percent').value;
+    const leverage = document.getElementById('leverage').value;
+    const strategy = document.getElementById('strategy').value;
+
+    let strategy_desc = '';
+    if (strategy === 'strategy_1') {
+        strategy_desc = `
+            <p style="font-weight:bold">${symbol}</p>
+            <p>purchase percent : ${purchase_percent*100}%</p>
+            <p>leverage : ${leverage}배</p>
+            <p>profit percent : 0.8%</p>
+            <p>loss percent : 1.6%</p>
+            <p>timeframe : 15m</p>
+            <p>변동성 돌파전략과 SMA를 사용</p>
+        `;
+    } else if (strategy === 'strategy_2') {
+        strategy_desc = `
+            <p style="font-weight:bold">${symbol}</p>
+            <p>purchase percent : ${purchase_percent*100}%</p>
+            <p>leverage : ${leverage}배</p>
+            <p>profit percent : 0.8%</p>
+            <p>loss percent : 1.6%</p>
+            <p>timeframe : 30m</p>
+            <p>변동성 돌파전략과 SMA를 사용</p>
+        `;
+    } else if (strategy === 'strategy_3') {
+        strategy_desc = `
+            <p style="font-weight:bold">${symbol}</p>
+            <p>purchase percent : ${purchase_percent*100}%</p>
+            <p>leverage : ${leverage}배</p>
+            <p>profit percent : 2%</p>
+            <p>loss percent : 4%</p>
+            <p>timeframe : 1d</p>
+            <p>변동성 돌파전략과 SMA를 사용</p>
+        `;
+    }
+
+    // desciption의 내용 : brief
+    document.getElementById('description').innerHTML = strategy_desc;
+
+    // modal의 내용 : detail
+    modal_desc = strategy_desc + "디테일한 내용 추가하기!!"
+    document.getElementById("modal_des").innerHTML = modal_desc;
+}
+
+document.getElementById('strategy').addEventListener('change', update_description);
+
+});
+
+document.addEventListener("DOMContentLoaded", function() {
+    const modal = document.querySelector('.modal');
+    const modalOpen = document.querySelector('#enter');
+    const modalClose = document.querySelector('#no_detail');
+    
+    // Open modal when the button is clicked
+    modalOpen.addEventListener('click', function(){
+        // Display modal
+        modal.style.display = 'block';
+    });
+    
+    // Close modal when the close button is clicked
+    modalClose.addEventListener('click', function(){
+       // Hide modal
+        modal.style.display = 'none';
+    });
+});
+
+    </script>
 </head>
 <body>
    <header>
@@ -20,14 +98,14 @@
             </div>
         </div>
         <!-- 전략선택 -->
-        <div class="container">
-            
-            <section id="section_input">
-                <form method="post" action="/home"></form>
-                    <input type="text" id="symbol" name="symbol" placeholder="symbol">
-                    <input type="number" id="perchase_percent" name="perchase_percent" placeholder="percent" min="0" max="1" step="0.01">
-                    <input type="text" id="leverage" name="leverage" placeholder="leverage">
-    
+        <form method="post" action="/enter_position">
+            <div class="container">
+                
+                <section id="section_input">
+                    <input type="text" class="input_info" id="symbol" name="symbol" placeholder="symbol">
+                    <input type="number" class="input_info" id="purchase_percent" name="purchase_percent" placeholder="percent" min="0" max="1" step="0.01">
+                    <input type="text" class="input_info" id="leverage" name="leverage" placeholder="leverage">
+
                     <label for="strategy"></label>
                     <select name="strategys" id="strategy">
                         <option value="strategy_1">strategy 1</option>
@@ -35,37 +113,37 @@
                         <option value="strategy_3">strategy 3</option>
                     </select>
                     <div id="btn_enter_position">
-                        <button type="submit" id="enter">ENTER</button> <!--submit 버튼-->
+                        <input type="button" id="enter" value="ENTER">
                     </div>
-                </form>
-            </section>
+                </section>
+                <div class="modal">
+                    <div id="detail_popup">
+                        <h3>필독!</h3>
+                        <p id="modal_des"> </p> <!--모달 디테일-->
+                        <div class="modal_btn_container">
+                            <button type="button" id="close_detail">No</button>
+                            <button type="sumbit" id="enter_position" style="color:black">Yes</button>
+                        </div>
+                    </div>
+                </div>
             
-            <section id="section_desc">
-                <div id="description"></div>
-            </section>
-    
-        </div>  
-       </div>
-    <!--모달 팝업-->
-    <div class="modal">
-        <div id="detail_popup">
-            <h3>필독!</h3>
-            <p id="modal_des"> </p> <!--모달 디테일-->
-            <div class="modal_btn_container">
-                <button type="button" id="close_detail">No</button>
-                <button type="button" id="enter_position" style="color:black">Yes</button>
-            </div>
+                <section id="section_desc">
+                    <div id="description"></div>
+                </section>
+            </div>  
+        </form>
         </div>
-    </div>
+    <!--모달 팝업-->
+
     
    </main>
 
 <!-- 이미지 -->
    <footer>
-    <img src="static/img/arrow.png" alt="" onclick="goTo('ETC')">
-    <img src="static/img/symbols.png" alt="" onclick="goTo('symbols')">
+    <img src="static/img/arrow.png" alt="" onclick="goTo('goto')">
+    <img src="static/img/symbols.png" alt="" onclick="goTo('symbols_info')">
     <img src="static/img/home.png" alt="" onclick="goTo('home')">
-    <img src="static/img/receipt.png" alt="" onclick="goTo('receipt')">
+    <img src="static/img/history.png" alt="" onclick="goTo('history')">
     <img src="static/img/mypage.png" alt="" onclick="goTo('mypage')">
    </footer>
 </body>
diff --git a/backend/templates/mypage.html b/backend/templates/mypage.html
new file mode 100644
index 0000000..3b7c967
--- /dev/null
+++ b/backend/templates/mypage.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>코인 전략 선택</title>
+    <link rel="stylesheet" type="text/css" href="/static/goto.css">
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="/static/home.js"></script>
+</head>
+<body>
+   <header>
+    Bit4Coin
+    <img src="/static/img/setting.png" alt="" id="img_setting">
+   </header>
+   <main>
+    
+
+   </main>
+
+
+<!-- 이미지 -->
+   <footer>
+    <img src="/static/img/arrow.png" alt="" onclick="goTo('goto')">
+    <img src="/static/img/symbols.png" alt="" onclick="goTo('symbols_info')">
+    <img src="/static/img/home.png" alt="" onclick="goTo('home')">
+    <img src="/static/img/history.png" alt="" onclick="goTo('history')">
+    <img src="/static/img/mypage.png" alt="" onclick="goTo('mypage')">
+   </footer>
+</body>
+
+</html>
diff --git a/backend/templates/symbols_info.html b/backend/templates/symbols_info.html
new file mode 100644
index 0000000..3b7c967
--- /dev/null
+++ b/backend/templates/symbols_info.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>코인 전략 선택</title>
+    <link rel="stylesheet" type="text/css" href="/static/goto.css">
+    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
+    <script src="/static/home.js"></script>
+</head>
+<body>
+   <header>
+    Bit4Coin
+    <img src="/static/img/setting.png" alt="" id="img_setting">
+   </header>
+   <main>
+    
+
+   </main>
+
+
+<!-- 이미지 -->
+   <footer>
+    <img src="/static/img/arrow.png" alt="" onclick="goTo('goto')">
+    <img src="/static/img/symbols.png" alt="" onclick="goTo('symbols_info')">
+    <img src="/static/img/home.png" alt="" onclick="goTo('home')">
+    <img src="/static/img/history.png" alt="" onclick="goTo('history')">
+    <img src="/static/img/mypage.png" alt="" onclick="goTo('mypage')">
+   </footer>
+</body>
+
+</html>