Can202
/
learnweb
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

some css

master
Can202 2021-11-16 16:59:33 -03:00
parent 8f8b2f3ed4
commit cd63166bc4
4 changed files with 87 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
content/en/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="../../style.css" />
</head>
<body>
<header class="header">

36
content/eo/index.html
View File

@ -4,7 +4,7 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Home</title>
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="../../style.css" />
</head>
<body>
<header class="header">
@ -13,20 +13,26 @@
<div class="content">
<h2 class="content__h2">Select Content</h2>
<div class="content__content">
<div class="content__content-easy">
<h1>Easy</h1>
<div>
<a target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Bestoj.webp">Bestoj</a>
</div>
<div>
<a target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Fruktoj.jpg">Fruktoj</a>
</div>
<div>
<a target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Man%C4%9Do.png">Manĝo</a>
</div>
<div>
<a target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Primeras%20palabras.jpg">Unuaj vortoj</a>
</div>
<h1 align="center">Easy</h1>
<div class="content__courses content__easy">
<ul class="content__courses-ul">
<li class="content__courses-ul-li">
<a class="content__courses-ul-li-a"
target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Bestoj.webp">Bestoj</a>
</li>
<li class="content__courses-ul-li">
<a class="content__courses-ul-li-a"
target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Fruktoj.jpg">Fruktoj</a>
</li>
<li class="content__courses-ul-li">
<a class="content__courses-ul-li-a"
target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Man%C4%9Do.png">Manĝo</a>
</li>
<li class="content__courses-ul-li">
<a class="content__courses-ul-li-a"
target="_blank" href="https://raw.githubusercontent.com/Can202/Esperanta-enhavo/master/vortprovizo%20kaj%20praktiko/Primeras%20palabras.jpg">Unuaj vortoj</a>
</li>
</ul>
</div>
<div class="content__content-mid">
<h1>Mid</h1>

15
index.html
View File

@ -14,11 +14,18 @@
<!--Select Courses-->
<h2 class="content__h2">Select Content</h2>
<div class="content__courses">
<a href="content/en/index.html">English</a>
</div>
<div class="content__courses">
<a href="content/eo/index.html">Esperanto</a>
<ul class="content__courses-ul">
<li class="content__courses-ul-li">
<a href="content/en/index.html"
class="content__courses-ul-li-a">English</a>
</li>
<li class="content__courses-ul-li">
<a href="content/eo/index.html"
class="content__courses-ul-li-a">Esperanto</a>
</li>
</ul>
</div>
</div>
</body>
</html>

54
style.css
View File

@ -0,0 +1,54 @@
* {
margin: 0;
padding: 0;
}
.header {
width: 100%;
line-height: 100px;
background-color: #f5f5f5;
text-align: center;
}
.header__h1 {
font-size: 50px;
color: #333;
}
.content {
padding: 1rem;
}
.content__h2 {
font-size: 30px;
color: #333;
text-align: center;
}
.content__courses{
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-top: 1rem;
}
.content__courses-ul {
list-style: none;
padding: 0;
margin: 0;
}
.content__courses-ul-li {
width: 10rem;
height: 2.6rem;
margin: 1rem;
background-color: #f5f5f5;
border-radius: 10px;
box-shadow: 0 0 10px #333;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.content__courses-ul-li:hover {
background-color: #bbbbbb;
transition: all 0.5s;
}
.content__courses-ul-li-a {
text-decoration: none;
color: #333;
font-size: 20px;
}