민병수 / Voicoding

Go to a project
Toggle navigation Toggle navigation pinning
민병수
baed0488 1 parent 8d8d429e

Box update

Inline Side-by-side
Showing 7 changed files with 69 additions and 5 deletions
1 +.cont{
2 + display:flex;
3 + justify-content:space-between;
4 + align-items:center;
5 + background-color:#ff94c2;
6 + padding: 8px 12px;
7 +}
8 +
9 +a{
10 + text-decoration: none;
11 + color:#fffde7;
12 +}
13 +span{
14 + font-size:60px;
15 +}
16 +.icons{
17 + list-style: none;
18 + display:flex;
19 + padding-left:0;
20 + font-size: 120px;
21 + align-self: center;
22 +}
23 +.icons li{
24 + padding: 8px 12px;
25 + justify-content:center;
26 +}
27 +.icons li:hover{
28 + background-color:#ba2d65;
29 + border-radius: 4px;
30 +}
31 +li{
32 + list-style: none;
33 +}
1 +<!DOCTYPE html>
2 +<html lang="en">
3 +<head>
4 + <link href="Voico_Contact.css" rel="stylesheet" type="text/css">
5 + <meta charset="UTF-8">
6 + <meta http-equiv="X-UA-Compatible" content="IE=edge">
7 + <meta name="viewport" content="width=device-width, initial-scale=1.0">
8 + <script src="https://kit.fontawesome.com/a5f26fa106.js" crossorigin="anonymous"></script>
9 + <title>How to Contatct</title>
10 +</head>
11 +<body>
12 + <div class="cont">
13 + <ul class="icons">
14 + <li><a href="https://www.instagram.com/hyunoo_1000/"><i class="fab fa-instagram"></i></a></li>
15 + <li><a href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li>
16 + <li><a href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><i class="fab fa-github"></i></a></li>
17 + </ul>
18 + </div>
19 + <li><i class="fas fa-envelope-open-text"></i></li>
20 + <span>qud9783@khu.ac.kr<br>2019102233@khu.ac.kr</span>
21 +</body>
22 +</html>
...\ No newline at end of file ...\ No newline at end of file
...@@ -86,3 +86,12 @@ a{ ...@@ -86,3 +86,12 @@ a{
86 display:flex; 86 display:flex;
87 } 87 }
88 } 88 }
89 +button{
90 + background-color:var(--background-color);
91 + border:none;
92 + color:var(--text-color);
93 +}
94 +button:hover{
95 + background-color:var(--accent-color);
96 + border-radius: 4px;
97 +}
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -18,9 +18,9 @@ ...@@ -18,9 +18,9 @@
18 <a href="Voico_Home.html">Voicoding</a> 18 <a href="Voico_Home.html">Voicoding</a>
19 </div> 19 </div>
20 <ul class="menu_bar_content"> 20 <ul class="menu_bar_content">
21 - <li><a href="Voico_Home.html">Home</a></li> 21 + <a href="Voico_Home.html"><li>Home</li></a>
22 - <li><a href="">Manual</a></li> 22 + <a href="\Manual.txt"><li>Manual</li></a>
23 - <li><a href="">Contact</a></li> 23 + <a href="Voico_Contact.html"><li>Contact</li></a>
24 </ul> 24 </ul>
25 <ul class="menu_bar_icons"> 25 <ul class="menu_bar_icons">
26 <li><a = href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li> 26 <li><a = href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li>
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
23 "_resolved": "https://registry.npmjs.org/@google-cloud/speech/-/speech-4.5.1.tgz", 23 "_resolved": "https://registry.npmjs.org/@google-cloud/speech/-/speech-4.5.1.tgz",
24 "_shasum": "e383a19cb923b6eeea750d35c9712cb185b9fab4", 24 "_shasum": "e383a19cb923b6eeea750d35c9712cb185b9fab4",
25 "_spec": "@google-cloud/speech", 25 "_spec": "@google-cloud/speech",
26 - "_where": "C:\\Users\\1000c\\이것저것\\옾소\\Voicoding", 26 + "_where": "C:\\Users\\qud97\\Desktop\\opensource\\Voicoding",
27 "author": { 27 "author": {
28 "name": "Google Inc." 28 "name": "Google Inc."
29 }, 29 },
......
...@@ -22,7 +22,7 @@ ...@@ -22,7 +22,7 @@
22 "_resolved": "https://registry.npmjs.org/node-record-lpcm16/-/node-record-lpcm16-1.0.1.tgz", 22 "_resolved": "https://registry.npmjs.org/node-record-lpcm16/-/node-record-lpcm16-1.0.1.tgz",
23 "_shasum": "2201dee8d7dc8fc4055ab1bd275154201433e635", 23 "_shasum": "2201dee8d7dc8fc4055ab1bd275154201433e635",
24 "_spec": "node-record-lpcm16", 24 "_spec": "node-record-lpcm16",
25 - "_where": "C:\\Users\\1000c\\이것저것\\옾소\\Voicoding", 25 + "_where": "C:\\Users\\qud97\\Desktop\\opensource\\Voicoding",
26 "author": { 26 "author": {
27 "name": "Gilles De Mey" 27 "name": "Gilles De Mey"
28 }, 28 },
......