민병수 / Voicoding

Go to a project
Toggle navigation Toggle navigation pinning
민병수
1388d750 1 parent c84d14b6

Html Final

Inline Side-by-side
Showing 6 changed files with 16 additions and 5 deletions
...@@ -77,7 +77,7 @@ ...@@ -77,7 +77,7 @@
77 </div> 77 </div>
78 <ul class="menu_bar_content"> 78 <ul class="menu_bar_content">
79 <a class = "basic" href="Voico_Home.html"><li>Home</li></a> 79 <a class = "basic" href="Voico_Home.html"><li>Home</li></a>
80 - <a class="basic" href="#" onclick="window.open('Manual.html')"><li>Manual</li></a> 80 + <a class="basic" href="#" onclick="window.open('Voico_Manual.html')"><li>Manual</li></a>
81 <a class = "basic" href="Voico_Info.html"><li>Info</li></a> 81 <a class = "basic" href="Voico_Info.html"><li>Info</li></a>
82 </ul> 82 </ul>
83 <ul class="menu_bar_icons"> 83 <ul class="menu_bar_icons">
......
...@@ -22,8 +22,8 @@ ...@@ -22,8 +22,8 @@
22 </div> 22 </div>
23 <ul class="menu_bar_content"> 23 <ul class="menu_bar_content">
24 <a class = "basic" href="Voico_Home.html"><li>Home</li></a> 24 <a class = "basic" href="Voico_Home.html"><li>Home</li></a>
25 - <a class="basic" href="#" onclick="window.open('Manual.html')"><li>Manual</li></a> 25 + <a class="basic" href="#" onclick="window.open('Voico_Manual.html')"><li>Manual</li></a>
26 - <a class = "basic" href="Voico_Contact.html"><li>info</li></a> 26 + <a class = "basic" href="Voico_Info.html"><li>info</li></a>
27 </ul> 27 </ul>
28 <ul class="menu_bar_icons"> 28 <ul class="menu_bar_icons">
29 <a class="basic" href="https://www.instagram.com/voicoding__/"><li><i class="fab fa-instagram"></i></li></a> 29 <a class="basic" href="https://www.instagram.com/voicoding__/"><li><i class="fab fa-instagram"></i></li></a>
......
...@@ -102,4 +102,9 @@ a{ ...@@ -102,4 +102,9 @@ a{
102 color:var(--text-color); 102 color:var(--text-color);
103 font-size:20px; 103 font-size:20px;
104 font-weight: bold; 104 font-weight: bold;
105 +}
106 +.welcome{
107 + display:flex;
108 + flex-wrap: nowrap;
109 + justify-content:space-around;
105 } 110 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
21 </div> 21 </div>
22 <ul class="menu_bar_content"> 22 <ul class="menu_bar_content">
23 <a class="basic" href="Voico_Home.html"><li>Home</li></a> 23 <a class="basic" href="Voico_Home.html"><li>Home</li></a>
24 - <a class="basic" href="#" onclick="window.open('Manual.html')"><li>Manual</li></a> 24 + <a class="basic" href="#" onclick="window.open('Voico_Manual.html')"><li>Manual</li></a>
25 <a class="basic" href="Voico_Info.html"><li>info</li></a> 25 <a class="basic" href="Voico_Info.html"><li>info</li></a>
26 </ul> 26 </ul>
27 <ul class="menu_bar_icons"> 27 <ul class="menu_bar_icons">
...@@ -30,6 +30,12 @@ ...@@ -30,6 +30,12 @@
30 </ul> 30 </ul>
31 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a> 31 <a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a>
32 </nav> 32 </nav>
33 - 33 + <h1 style="text-align:center">Welcome to Voicoding</h1>
34 + <p style="text-align:center; font-family:'Noto serif KR'; font-size: 20px;">넌 아직도 코딩을 손으로 하니? <br> 촌스럽게 누가 손으로 코딩해?<br> 요즘은 다 목소리로 해😏</p>
35 + <div class="welcome">
36 + <img src="mic.gif" style="display:flex; width:25%; height:25%;" ></img>
37 + <i class="fas fa-arrow-right" style="display:flex; align-self: center; font-size:40px"></i>
38 + <img src="labtop.gif" style="display:flex; width:25%; height:25%;"></img>
39 + </div>
34 </body> 40 </body>
35 </html> 41 </html>
...\ No newline at end of file ...\ No newline at end of file
......