daniela
/
project-site-template


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170
							<!DOCTYPE html>
<html lang="ro">
    <head>
        <title>My first website</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <style>
    body {
        background: #555;
    }
    .content {
        max-width: 1300px;
        margin: auto;
        background: white;
        padding: 40px;
    }
    /* Remove the navbar's default margin-bottom and rounded borders */
    .navbar {
        margin-bottom: 0;
        border-radius: 0;
    }
    /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
    .row.content {
        height: 450px;
    }
    /* Set gray background color and 100% height */
    .sidenav {
        padding-top: 20px;
        background-color: #f1f1f1;
        height: 100%;
    }
    /* On small screens, set height to 'auto' for sidenav and grid */
    @media screen and (max-width: 767px) {
        .sidenav {
            height: auto;
            padding: 15px;
        }
        row.content {
            height: auto;
        }
    }
    .top-space {
        margin-top: 50px;
    }
    .top-space2 {
        margin-top: 30px;
    }
    .top-space3 {
        margin-top: 70px;
    }
    footer {
      background-color: rgba(0, 0, 0, 0.384);
      color: white;
      padding: 15px;
    }
    .box {
    background-color: lightgrey;
    width: 700px;
    /* border: 25px solid rgb(99, 104, 99); */
    padding: 30px;
    margin: 30px;
    }
    </style>
    <body style="height: 500px">
    <!-- Jumbotron -->
        <!-- <div class="jumbotron text-center">
            <h1><strong>Cyber Security</strong></h1>
        </div> -->
    <!-- Navigation Bar -->
        <div class="content">
        <nav class="navbar navbar-inverse navbar-fixed-top">
            <div class="container-fluid">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="collapse navbar-collapse" id="myNavbar">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">Acasă</a></li>
                        <li><a href="about.html">Despre proiect</a></li>
                        <li><a href="objects.html">Obiective</a></li>
                        <li><a href="steps.html">Etape de realizare</a></li>
                        <li><a href="results.html">Rezultate</a></li>
                        <li class="active"><a href="news.html">Noutăți</a></li>
                        <li><a href="contact.html">Contact</a></li>
                    </ul>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <form class="navbar-form navbar-left" action="/action_page.php">
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="Căutare" name="search">
                                <div class="input-group-btn">
                                    <button type="submit" class="btn btn-default">
                                        <i class="glyphicon glyphicon-search"></i>
                                    </button>
                                </div>
                            </div>
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
        <div class="top-space3">
        <div class="container">
            <div class="row">
                <div class="col-lg-4">
                        <ul class="nav nav-pills nav-stacked">
                                <li class="active"><a href="news.html">ARTICOLE RECENTE</a></li>
                                <li><a href="section1.html">România, în fața inamicilor cibernetici</a></li>
                                <li><a href="section2.html">Protecția infrastructurilor critice</a></li>
                                <li><a href="section3.html">Centru de răspuns la incidente de securitate cibernetică permanent</a></li>
                                <li><a href="section4.html">Pachetul de reformă propus de Comisia Europeană</a></li>
                                <li><a href="section5.html">Strategia națională de securitate cibernetică</a></li>
                              </ul>
                </div>
                <div class="col-lg-8">
                    <h4><small><i class="fa fa-calendar"></i> 28 MAI 2018</small></h4>
                    <span class="label label-danger">Cyber</span> <span class="label label-primary">Security</span>
                    <hr>
                    <h2>Pachetul de reformă propus de Comisia Europeană</h2>
                    <img src="img\shutterstock_255223639.jpg" class="img-rounded" style="width:100%">
                    <br><br>
                    <p class="text-justify">La 19-20 octombrie 2017, Consiliul European a solicitat adoptarea unei abordări comune a UE în materie de securitate cibernetică, în urma pachetului de reformă propus de Comisia Europeană în septembrie și având la bază Directiva UE 2016/1148 privind măsurile pentru un nivel comun ridicat de securitate a rețelelor și a sistemelor informatice în Uniune.</p>
                    <p class="text-justify">Această reformă urmărește să fructifice măsurile stabilite prin Strategia de securitate cibernetică și principalul său pilon, Directiva privind securitatea rețelelor și a informațiilor (Directiva privind NIS) și prevede:</p>
                    <p class="text-justify"><i class="fa fa-caret-right"></i> crearea unei agenții mai puternice a UE responsabile cu securitatea cibernetică pornind de la structurile existente ale Agenției Uniunii Europene pentru Securitatea Rețelelor și a Informațiilor (ENISA). Rolul noii agenții ar fi acela de a ajuta statele membre, instituțiile UE, precum și întreprinderile să combată atacurile cibernetice;</p>
                    <p class="text-justify"><i class="fa fa-caret-right"></i> instituirea la nivelul întregii UE a unui sistem de certificare în materie de securitate cibernetică. Sistemele de certificare ar urma să ia forma unor norme, cerințe tehnice și proceduri. Rolul lor ar fi să reducă fragmentarea pieței și să elimine barierele de reglementare și, în același timp, să construiască un climat de încredere. Ele ar fi recunoscute în toate statele membre, facilitând astfel practicarea comerțului transfrontalier de către întreprinderi;</p>
                    <p class="text-justify"><i class="fa fa-caret-right"></i> punerea în aplicare a Directivei privind NIS.</p>
                <div class="box">
                    <p style="font-size: 18px"><strong>LASĂ UN RĂSPUNS</strong></p>
                    <p>Adresa ta de email nu va fi publicată. Câmpurile necesare sunt marcate <span style="color: red">*</span></p>
                    <form action="/action_page.php">
                        <div class="form-group">
                            <label for="comment">MESAJ</label>
                            <textarea type="comment" class="form-control" id="comment" rows="7"></textarea>
                        </div>
                    </form>
                    <form action="/action_page.php">
                    <div class="form-group row">
                        <div class="col-lg-4">
                        <label for="usr">NUME <span style="color: red">*</span></label>
                        <input type="text" class="form-control" id="usr">
                    </div>
                    <div class="col-lg-4">
                        <label for="email">EMAIL <span style="color: red">*</span></label>
                        <input type="email" class="form-control" id="email">
                    </div>
                    <div class="col-lg-4">
                        <label for="website">WEBSITE</label>
                        <input type="text" class="form-control" id="website">
                        </div>
                    </div>
                    </form>
                    <button type="button" class="btn btn-primary">PUBLICĂ COMENTARIUL</button>
                </div>
                </div>
            </div>
            </div>
        </div>     
        </div>
    </body>
</html>