민병수 / 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 70 additions and 6 deletions
.cont{
display:flex;
justify-content:space-between;
align-items:center;
background-color:#ff94c2;
padding: 8px 12px;
}
a{
text-decoration: none;
color:#fffde7;
}
span{
font-size:60px;
}
.icons{
list-style: none;
display:flex;
padding-left:0;
font-size: 120px;
align-self: center;
}
.icons li{
padding: 8px 12px;
justify-content:center;
}
.icons li:hover{
background-color:#ba2d65;
border-radius: 4px;
}
li{
list-style: none;
}
<!DOCTYPE html>
<html lang="en">
<head>
<link href="Voico_Contact.css" rel="stylesheet" type="text/css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/a5f26fa106.js" crossorigin="anonymous"></script>
<title>How to Contatct</title>
</head>
<body>
<div class="cont">
<ul class="icons">
<li><a href="https://www.instagram.com/hyunoo_1000/"><i class="fab fa-instagram"></i></a></li>
<li><a href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li>
<li><a href="http://khuhub.khu.ac.kr/2019102168/Voicoding"><i class="fab fa-github"></i></a></li>
</ul>
</div>
<li><i class="fas fa-envelope-open-text"></i></li>
<span>qud9783@khu.ac.kr<br>2019102233@khu.ac.kr</span>
</body>
</html>
\ No newline at end of file
......@@ -86,3 +86,12 @@ a{
display:flex;
}
}
button{
background-color:var(--background-color);
border:none;
color:var(--text-color);
}
button:hover{
background-color:var(--accent-color);
border-radius: 4px;
}
\ No newline at end of file
......
......@@ -18,9 +18,9 @@
<a href="Voico_Home.html">Voicoding</a>
</div>
<ul class="menu_bar_content">
<li><a href="Voico_Home.html">Home</a></li>
<li><a href="">Manual</a></li>
<li><a href="">Contact</a></li>
<a href="Voico_Home.html"><li>Home</li></a>
<a href="\Manual.txt"><li>Manual</li></a>
<a href="Voico_Contact.html"><li>Contact</li></a>
</ul>
<ul class="menu_bar_icons">
<li><a = href="https://www.instagram.com/waterinbottle48/"><i class="fab fa-instagram"></i></a></li>
......@@ -28,6 +28,6 @@
</ul>
<a href="#" class="menu_toggle"><i class="fas fa-bars"></i></a>
</nav>
</body>
</html>
\ No newline at end of file
......
......@@ -23,7 +23,7 @@
"_resolved": "https://registry.npmjs.org/@google-cloud/speech/-/speech-4.5.1.tgz",
"_shasum": "e383a19cb923b6eeea750d35c9712cb185b9fab4",
"_spec": "@google-cloud/speech",
"_where": "C:\\Users\\1000c\\이것저것\\옾소\\Voicoding",
"_where": "C:\\Users\\qud97\\Desktop\\opensource\\Voicoding",
"author": {
"name": "Google Inc."
},
......
......@@ -22,7 +22,7 @@
"_resolved": "https://registry.npmjs.org/node-record-lpcm16/-/node-record-lpcm16-1.0.1.tgz",
"_shasum": "2201dee8d7dc8fc4055ab1bd275154201433e635",
"_spec": "node-record-lpcm16",
"_where": "C:\\Users\\1000c\\이것저것\\옾소\\Voicoding",
"_where": "C:\\Users\\qud97\\Desktop\\opensource\\Voicoding",
"author": {
"name": "Gilles De Mey"
},
......