main-hackathon10/EcoTip.html at main · kknari/main-hackathon10 · 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
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/EcoTip.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans&display=swap" rel="stylesheet">
    <title>DO-ECO</title>
</head>
<body>
    <div class="Ecotip">
        <div class="nav">
            <h1>DO-ECO</h1>
            <div id="button">
                <div id="button">
                    <a id="now" href="EcoTip.html">ECO-TIP</a>
                    <a href="eco-rank.html">ECO-RANK</a>
                    <a href="do-eco.html">DO-ECO</a>
                    <a href="do-gather.html">DO-GETHER</a>
                </div>
            </div>
        </div>
        <div class="mypage-text">
            <p id="login-info"><span id="mypage-button" onclick="goMypage();">용인 멋대님</span> 으로 로그인</p>
        </div>
        <div class="content">
            <div class="EcoTip-top">
                <img src="./images/ecotip.png" id="ecotip-image">
                <div class="EcoTip-title">
                    ECO-TIP
                </div>
                <p id="ecotip-info1">
                    DO-ECO가 알려주는 생활 속 환경보호 꿀팁, 함께 실천해요!
                </p>
                <p id="ecotip-info2">이 달의 Eco-Tip 실천 시 리워드 2배 적립!</p>
            </div>

            <div class="ecotip-detail">
                <div class="ecotip-detail-top">
                    <img src="./images/challenge.png" width="100%" height="10%">
                    <h1 id="callenge-title">용기내 챌린지</h1>
                </div>
                <div class="ecotip-detail-bottom">
                    <p id="ecotip-text">용기내서 용기내 챌린지하고
                        <br>리워드 2배 받기!</p>
                    <p id="ecotip-bottom-text">이달의 ECO-TIP</p>
                    <button type="button" id="ecotip-go-button">GO!</button>
                </div>
            </div>

            <div class="arrow-keys">
                <img src="./images/arrow_green.png" id="left-arrow">
                <img src="./images/arrow_green.png" id="right-arrow">
            </div>
        </div>
    </div>
    <script>
        function goMypage(){
            link = 'Mypage.html';
            location.href=link;
        }
    </script>
</body>
</html>