Showing
1 changed file
with
30 additions
and
11 deletions
1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
2 | <html> | 2 | <html> |
3 | <head> | 3 | <head> |
4 | + <link href="Voico_Home.css" rel="stylesheet"> | ||
4 | <meta charset="utf-8"> | 5 | <meta charset="utf-8"> |
5 | <meta name="viewport" content="width=device-width, initial-"> | 6 | <meta name="viewport" content="width=device-width, initial-"> |
7 | + <link rel="preconnect" href="https://fonts.gstatic.com"> | ||
8 | + <link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&family=Noto+Serif+KR:wght@500&family=Noto+Serif:ital@1&display=swap" rel="stylesheet"> | ||
6 | </head> | 9 | </head> |
7 | <body> | 10 | <body> |
8 | - <ol id = "specail" type = "I"> | 11 | + <p>Voicoding <img src="voico_0.jpg" width=auto height="200"></p> |
9 | - <li>1</li> | 12 | + <div id = "project"> |
10 | - <li>2</li> | 13 | + <h1> |
11 | - <li>3</li> | 14 | + <p style="text-align: center;">프로젝트 설명</p> <br> |
12 | - </ol> | 15 | + 코딩하기 귀찮은 당신을 위해 준비했습니다<br> |
13 | - <button> | 16 | + 당신이 코딩하고 싶은 대로 말만 한다면 저희가 다 이루어 드릴게요!<br> |
14 | - Start | 17 | + <a href="http://">매뉴얼링크</a> <br> |
15 | - </button> | 18 | + 별로 성가시지 않는 매뉴얼이랑 조금만 따라와 주신다면 바로 코딩 해드릴게요! |
16 | - <button> | 19 | + </h1> |
17 | - Exit | 20 | + </div> |
18 | - </button> | 21 | + <div class="container"> |
22 | + <button id="start">Start</button> | ||
23 | + <button id="end">Exit</button> | ||
24 | + </div> | ||
25 | + <span class="container" id = "text"> | ||
26 | + 변환전 | ||
27 | + <li> | ||
28 | + 안녕하세요 say something | ||
29 | + </li> | ||
30 | + </span> | ||
31 | + <span id = "post"> | ||
32 | + 변환후 | ||
33 | + <li> | ||
34 | + 반갑습니다 say something | ||
35 | + </li> | ||
36 | + </span> | ||
37 | + <button id = "python">실행</button> | ||
19 | </body> | 38 | </body> |
20 | </html> | 39 | </html> |
... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
-
Please register or login to post a comment