You are on page 1of 6

Ex15

<html>
<head>
</head>
<body>
<ol>
<li><a href="https://usm.md/?lang=ru"> Universitatea de Stat din
Moldova</a></li>
<li><a href="https://utm.md/ru/">Universitatea Tehnică din Moldova
</a></li>
<li><a href="https://usem.md/md/">Universitatea de Studii Europene</a></li>
<li><a href="https://www.uasm.md/">Universitatea Agrară de Stat</a></li>
</ol>
</body>
</html>

Ex16
directorul LICEE în el
subdirectorul Liceul Teoretic „Spiru Haret”
subdirectorul Liceul de Limbi Moderne și Management
subdirectorul Liceul Teoretic GYM
subdirectorul Liceul Teoretic Liviu Rebreanu
<html>
<head>
</head>
<body>
<ol>
<li><a href="http://spiruharet.md/"> Liceul Teoretic „Spiru
Haret”</a></li>
<li><a href="https://www.llmm.md/">Liceul de Limbi Moderne și Management
</a></li>
<li><a href="http://gaudeamus.md/">Liceul Teoretic GYM</a></li>
<li><a href="https://lt-liviu-rebreanu.business.site/">Liceul Teoretic
Liviu Rebreanu</a><li>
</ol>
</body>
</html>
Ex 17
a)href="HTML/Exemplul1.html"
b)href="EXEMPLE/Exemplul2.html"
c)href="EXEMPLE/Exemplul4.html"
d)href="EXEMPLE/HTML/Exemplul3.html"

Ex 18

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Glassmorphsim 01</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="card">
<div class="content">
<h2>01</h2>
<h3>Capital</h3>
<p>Scrisă de Karl Marx
</p>
<a href="https://ro.wikipedia.org/wiki/Capitalul">Mai mult</a>
</div>
</div>
</div>
<div class="container">
<div class="card">
<div class="content">
<h2>02</h2>
<h3>Război și Pace</h3>
<p>Scrisă Lev Tolstoi
</p>
<a
href="https://ro.wikipedia.org/wiki/Război_și_pace_(roman)">Mai mult</a>
</div>
</div>
</div>
<div class="container">
<div class="card">
<div class="content">
<h2>03</h2>
<h3>Contele Monte-Cristo</h3>
<p>Scrisă de Alexandr Duma
</p>
<a href="https://ro.wikipedia.org/wiki/Contele_de_Monte-
Cristo">Mai mult</a>
</div>
</div>
</div>
<script>
VanillaTilt.init(document.querySelectorAll(".card"),{
max: 25,
speed: 400,
glare:true,
"max-glare":1,
});
</script>
<style>
@import url('https://fonts.googleapis.com/css2?
family=Poppins:200,300,400,500,600,700,800,900&display=swap');
*
{
margin: 0;
padding: 0;
font-family: 'Poppins', sans-serif;
box-sizing: border-box;
}
body{
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
background: #161623;

}
body::before{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#f00,#f0f);
clip-path: circle(30% at right 70%);

}
body::after{
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(#2196f3,#e91e63);
clip-path: circle(20% at 10% 10%);

}
.container{
position: relative;
display: flex;
justify-content: center;
align-items: center;
max-width: 1200px;
flex-wrap: wrap;
z-index: 1;
}
.container .card{
position: relative;
width: 280px;
height: 400px;
margin: 30px;
box-shadow: 20px 20px 50px rgba(0, 0,0, 0.5);
border-radius: 15px;
background: rgba(255, 255,255, 0.1);
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
border-top: 1px solid rgba(255, 255,255, 0.5);
border-left: 1px solid rgba(255, 255,255, 0.5);
backdrop-filter: blur(5px);
}
.container .card .content{
padding: 20px;
text-align: center;
transform: translateY(100px);
opacity: 0;
transition: 0.5s;
}
.container .card:hover .content{
transform: translateY(0px);
opacity: 1;
}
.container .card .content h2{
position: absolute;
top: -80px;
right: 30px;
font-size: 8em;
color: rgba(255, 255,255, 0.05);
pointer-events:none;

}
.container .card .content h3{
z-index: 1;
font-size: 1.8em;
color: #fff;

}
.container .card .content p{
font-size: 1em;
color: #fff;
font-weight: 300;
}
.container .card .content a{
position: relative;
display: inline-block;
padding: 8px 20px;
margin-top: 15px;
background:#fff;
color:#000;
border-radius: 20px;
text-decoration: none;
font-weight: 500;
box-shadow:0 5px 15px rgba(0, 0,0, 0.2);
}
</style>
</body>
</html>

Ex 19
a)href="MAPA4/MAPA2/MAPA1/MAPA3/f1.html"
b)href="MAPA3/MAPA1/f2.html"
c)href="MAPA2/MAPA4/f4.html"
d)href="MAPA3/MAPA1/MAPA2/MAPA4/f4.html"

Ex 20
a) Mapa2
b) Mapa0
c) Mapa3
d) Mapa2

Ex 21
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<section id="economie">
<div>
<h2>Economie</h2>
<p><br>Pe teritoriul orașului activează 736 agenți economici, dintre
care cel mai mare număr
îl constituie gospodăriile țărănești – 494, urmate de
întreprinderile individuale – 109.
Din numărul total de întreprinderi 92 sunt cu statut de persoană
juridică, inclusiv 63 de
societăți cu răspundere limitată, 14 societăți pe acțiuni, 4
întreprinderi municipale și o întreprindere de stat.<br><br>

Principalii agenți economici din teritoriu sunt: fabrica de produse


lactate „Alba”,
fabrica de încălțăminte „Romanița”, fabrica de prelucrare a vinului
„Vitis”-Hîncești,
întreprinderea intergospodărească de creștere a porcinilor, etc. De
asemenea pe teritoriul
orașului funcționează 8 stații de alimentare cu petrol, un hotel cu
36 de locuri, 2 piețe comerciale,
6 filiale ale băncilor comerciale și 2 case de deservire
socială</p><a href="C:\Users\VK\Desktop\Ex 21.html#gol">.</a>
</div>
</section>
<section id="personalitati">
<div>
<h2>Personalitați</h2>
</div>
<div class="container">
<div class="box">
<div class="imgBx">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/ba/Natalia_Morari_-
_jun_2021.jpg/330px-Natalia_Morari_-_jun_2021.jpg">
</div>
<div class="content">
<h2>Natalia Morari<br><span>Jurnalist</span></h2>
</div>
</div>
<div class="box">
<div class="imgBx">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7a/Manuk_Bey_Mirzoyan.j
pg/330px-Manuk_Bey_Mirzoyan.jpg">
</div>
<div class="content">
<h2>Manuc Bei<br><span>Negustor și Diplomat</span></h2>
</div>
</div>
<div class="box">
<div class="imgBx">
<img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Kotovsky.jpg/330px-
Kotovsky.jpg">
</div>
<div class="content">
<h2>Grigori Kotovsky<br><span>Militar și
Revoluționar</span></h2>
</div>
</div>
</div>
<section></body></html>
!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<a href="C:\Users\VK\Desktop\Experiment.html#personalitati">Personalitati din
hancesti</a>
<section id="gol">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Ut eleifend turpis vel lorem elementum ultrices. Praesent varius
iaculis nisl et.</p>
</section>
</body>
</html>

Ex 22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ex 21</title>
</head>
<body>
<ul>
<li><a href="https://ro.wikipedia.org/wiki/Capitalul"></a></li>
<li><a
href="https://upload.wikimedia.org/wikipedia/commons/thumb/d/df/Kotovsky.jpg/330px-
Kotovsky.jpg"></a></li>
<li><a href="https://www.youtube.com/watch?v=NjMPOO9WV7E&t=1075s"></a></li>
</ul>
</body>
</html>

You might also like