Informatică, întrebare adresată de tuffi, 8 ani în urmă

cine poate să mă ajute sa fac o pagină web? trebuie sa arate ca cea din poză dau coroană și multe puncte
va rog frumos!!!!!!!!!!!!!​

Anexe:

Răspunsuri la întrebare

Răspuns de andrei750238
12

Nota :

Nu mi-ai lasat imaginile si nici textul, a trebuit sa improvizez putin. Poti completa textul si schimba imaginile daca doresti

Descarca fisierul atasat si schimba extensia in .html

Parte din cod :

<html lang="ro">

<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>

   <style>

       body{

           background-color: aqua;

           text-align: center;

       }

       .grid-container{

           display: grid;

           grid-template-columns: 1fr 1fr 1fr;

           grid-template-rows: auto auto 1fr auto;

           grid-gap: 2px;

       }

       .top{

           background-color: white;

           display: block;

           align-self: stretch;

           padding: 1em;

       }

       .mid{

           background-color: green;

       }

       .a1{

           grid-column-start: 1;

           grid-column-end: 3;

       }

       h1,h3{

           color:gold;

       }

       img{

           height: 10em;

           display: block;

           margin-left: auto;

           margin-right: auto;

       }

       .c2{

           grid-column-start: 2;

           grid-column-end: 4;

           margin: 1em;

       }

       .footer{

           background-color: white;

           text-align: center;

       }

       .contact{

           grid-column-start: 2;

           grid-column-end: 4;

       }

   </style>

</head>

<body>

   

   <div class="grid-container">

       <div class="top t1">

           <img style="width: 4em; height: 4em; display: inline-block; margin-right: 2em;" src="https://ro-static.z-dn.net/files/d21/84a2361ad6f7d1682fb3709e3ef0c6f9.jpg" alt="">

           <select style="width: 10em;" name="" id=""></select>

       </div>

       <div class="top t2">

           <p><a href="">Blog</a></p>

       </div>

       <div class="top t3">

           <button>Autentificare</button>

       </div>

       <div class="mid a1">

           <h1>Unlikely Animal best friends that are too cute !</h1>

           <div style="background-color: gold; display: grid; height: 2px; width: 80%; margin-left: 10%;"></div>

           <h3>Adorable pictures show baby deer and dog inseparable</h3>

       </div>

       <div class="mid a2">

           <div><img src="https://cdn.images.express.co.uk/img/dynamic/128/590x/fox-dog1-891444.jpg" alt=""></div>

       </div>

       <div class="content c1">

           <div><img src="https://i.pinimg.com/originals/77/5c/d7/775cd70c12dc18210342144acd5324e5.jpg" alt=""></div>

           <br>

           <div><img src="https://i.pinimg.com/originals/f6/45/21/f645214d2d13ddadb5d14af736159131.jpg" alt=""></div>

       </div>

       <div class="contnent c2">

           <div style="margin-top: 4em; margin-bottom: 4em;">

               <ul style="text-align: left;">

                   <li>The special friendship began when the fawn was recued only one-week-old and Lia, an Australian Shephard puppy took him under her wings</li>

                   <li>The baby deer, which has been named Hassi, was taken...</li>

                   <li>Pet photographer and microbiologist ...</li>

               </ul>

               <hr>

               <p>Ms. Auerbach from Regensburg said "The two of them get along very well. hessi sees Lia and the other dogs she is being brought up with as family"</p>

           </div>

       </div>

       <div class="footer copyright">

           <h3 style="color:gray;">Copyright</h3>

       </div>

       <div class="footer contact">

           <p><a style="color: blue; text-decoration: none;" href="">Contact <sub>Email</sub></a></p>

       </div>

   </div>

</body>

</html>

Anexe:

tuffi: mulțumesc frumos!!!!!!!!!!!!!!!!
Alte întrebări interesante