-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
167 lines (145 loc) · 7.18 KB
/
index.html
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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>개운하다</title>
<!-- 부트스트랩 -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- 스크롤링 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.0/fullpage.min.css" />
<link href="main.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- 네브바 -->
<header>
<nav class="navbar fixed-top bg-transparent menus">
<div class="container">
<a class="navbar-brand" href="./index.html">개운하다</a>
<div class="d-flex nav-box">
<div class="nav-item"><a class="nav-link" href="#ache-section">통증 개선</a></div>
<div class="nav-item"><a class="nav-link" href="#calories-section">운동 칼로리</a></div>
<div class="nav-item"><a class="nav-link" href="#recipe-section">레시피 추천</a></div>
<div class="nav-item my-icon"><a class="nav-link" href="./mypage.html">
<i class="fa-solid fa-user fa-lg" style="color: #ffffff;"></i>
</a></div>
</div>
</div>
</nav>
</header>
<!-- 메인 내용 -->
<div id="fullpage">
<div class="section bg-color">
<div class="container">
<div class="row main-wrap">
<div class="text-area col">
<p class="main-title">전세계 개발자</p>
<p class="main-title-color">3000만 시대!</p>
<div class="note-text">
<p>개발자가 많아질수록 경쟁이 치열해지고</p>
<p>컴퓨터 앞에 앉아있는 시간은 길어지고 있습니다!</p>
<p>요즘 목, 허리가 많이 아프시지 않으신가요?</p>
</div>
</div>
<div class="img-area img-container col-5">
<img class="img-1" src="img\목통증.jpg">
</div>
</div>
</div>
</div>
<div class="section">
<div class="container">
<div class="row main-wrap">
<div class="text-area col">
<p class="main-title">개발자들의</p>
<p class="main-title-color">직업병!</p>
<div class="note-text">
<p>두통, 목, 어깨, 허리 통증입니다.</p>
<p>일시적으로 약을 먹고 해결할 수도 있지만</p>
<p>근본적인 해결을 위해서는 운동이 필요합니다.</p>
</div>
</div>
<div class="img-area img-2-container col-5">
<img class="img-2" src="img\여러가지 통증.png">
</div>
</div>
</div>
</div>
<div class="section bg-color">
<div class="container">
<div class="row main-wrap">
<div class="text-area col">
<p class="sub-title">하지만 운동의 종류가 워낙 많죠...</p>
<p class="main-title">무엇부터 시작해야 해?</p>
<div class="note-text">
<p>어떤 것부터 시작할지 감이 안 오실 겁니다.</p>
<p>저희 '개운하다'가 도와줄게요!</p>
<p>저희가 개인 맞춤형 운동 및 식단을 추천해드려요!</p>
</div>
</div>
<div class="img-area img-container col-5">
<img class="img-3" src="img\고민하는사진.avif">
</div>
</div>
</div>
</div>
<div class="section bg-img">
<div class="container">
<div class="main-wrap">
<div class="text-area-box">
<div>
<span class="main-title">개발자,</span>
<span class="main-title-color">운동하다</span>
</div>
<div class="note-text">
<p>현재 증상, 좋아하는 음식, 운동을 알려주시면</p>
<p>개인 맞춤형 운동, 식단을 추천해드릴게요!</p>
<p>지금 바로 시작해보세요!</p>
</div>
<div>
<a href="./mypage.html"><button class="go-button" type="button">바로 시작하러 가기!</button></a>
</div>
</div>
<!-- <div class="img-area img-container col-5">
<img class="img-4" src="img\개운한 사진.jpg">
</div> -->
</div>
</div>
</div>
<!-- 푸터 -->
<div class="section fp-auto-height footer-wrap">
<div class="container footer">
<div class="left">
<h2 class="footer-text">개운하다</h2>
<p class="footer-sub-text">Copyright ⓒ 코딩 알려주는 누나</p>
</div>
<div class="right">
<a href="https://www.youtube.com/@user-yu8so2ck1z" aria-label="YouTube" target="_blank"
rel="noopener noreferrer">
<i class="fa-brands fa-xl fa-youtube"></i>
</a>
<a href="https://github.com/hjlim456/Js-teamProject.git" aria-label="GitHub" target="_blank"
rel="noopener noreferrer">
<i class="fa-brands fa-xl fa-github"></i>
</a>
<a href="https://www.pipc.go.kr/np/default/page.do?mCode=H010000000" aria-label="개인정보처리방침"
target="_blank" rel="noopener noreferrer">
<p class="footer-sub-text">개인정보처리방침</p>
</a>
</div>
</div>
</div>
</div>
<!-- 부트스트랩 -->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<!-- 스크롤링 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/3.1.0/fullpage.min.js"></script>
<!-- 아이콘 -->
<script src="https://kit.fontawesome.com/a86c609f7e.js" crossorigin="anonymous"></script>
<script src="main.js"></script>
<script src="main.js"></script>
</body>
</html>