daniela
/
project-site-template


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
							<!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> 11 IUNIE 2018</small></h4>
                    <span class="label label-danger">Cyber</span> <span class="label label-primary">Security</span>
                    <hr>
                    <h2>Protecția infrastructurilor critice</h2>
                    <img src="img\x-cyber.jpg" class="img-rounded" style="width:100%">
                    <br><br>
                    <p class="text-justify">Infrastructurile critice sunt coloana vertebrală a societății moderne asigurând funcționalitățile vitale care susțin interacțiunile economice și sociale.</p>
                    <p class="text-justify">Directiva Europeană 2008/114/CE definește infrastructura critică ca fiind „un element, un sistem sau o componentă a acestuia, aflat pe teritoriul statelor membre, care este esențial pentru menținerea funcțiilor societale vitale, a sănătății, siguranței, securității, bunăstării sociale sau economice a persoanelor, și a căror perturbare sau distrugere ar avea un impact semnificativ într-un stat membru ca urmare a incapacității de a menține respectivele funcții”.</p>
                    <p class="text-justify">Infrastructurile critice, cum ar fi rețeaua electrică, conductele de petrol și gaze, precum și sistemele de distribuție a apei sunt fundamentale pentru societatea modernă. Astfel, protecția infrastructurilor critice este o chestiune de securitate națională.</p>
                    <p class="text-justify">Strategia națională privind protecția infrastructurilor critice a fost elaborată în concordanță cu prevederile Strategiei naționale de apărare a României, ale Cartei albe a securității și apărării naționale și cu delimitările conceptuale instituționale în domeniu atât de la nivel național, cât și internațional, stabilind astfel politicile și direcțiile de acțiune din domeniu, necesare dezvoltării și completării cadrului normativ național.</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>