daniela
/
project-site-template


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
							<!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: 30px;
    }
    /* 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;
    }
    </style>
    <body style="height: 500px">
        <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><a href="news.html">Noutăți</a></li>
                            <li class="active"><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>
            <!-- Container (Contact Section) -->
            <div class="top-space">
            <div class="container">
                <h1>Contact</h1>
            </div>
            </div>
            <div class="container">
                <hr>
                <img src="img\contact-us.jpg" class="img-rounded" style="width:100%">
                <div class="top-space2">
                    <div class="container">
                    <div class="row">
                        <div class="col-lg-6">
                        <form action="/action_page.php">
                        <div class="form-group">
                            <label for="usr">Nume și prenume:</label>
                            <input type="text" class="form-control" id="usr" placeholder="Enter your name" name="usr">
                        </div>
                        <div class="form-group">
                            <label for="email">Email:</label>
                            <input type="email" class="form-control" id="email" placeholder="Enter your email" name="email">
                        </div>
                        <div class="form-group">
                            <label for="subject">Subiect:</label>
                            <input type="text" class="form-control" id="subject" placeholder="Enter your subject" name="subject">
                        </div>
                        <div class="form-group">
                            <label for="message">Mesaj:</label>
                            <textarea class="form-control" rows="5" id="message" placeholder="Enter your message" name="message"></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary">TRIMITE</button>
                    </form>
                    </div>
                    <div class="col-lg-6 ">
                        <p><i class="fa fa-envelope" style="color:#444444; font-size: 21px;"></i>&nbsp&nbspoffice@ici.ro</p><br>
                        <p><i class="fa fa-map-marker" style="color:#444444; font-size: 22px;"></i>&nbsp&nbsp&nbsp&nbspB-dul Maresal Al. Averescu, 8-10 sector 1, 011455 Bucureşti</p><br>
                        <p><i class="fa fa-phone" style="color:#444444; font-size: 22px;"></i>&nbsp&nbsp&nbsp&nbsp+40 21 316 07 36</p><br>
                        <p><i class="fa fa-fax" style="color:#444444; font-size: 22px;"></i>&nbsp&nbsp&nbsp&nbsp+40 21 316 10 30</p><br>
                        <p><i class="fa fa-clock-o" style="color:#444444; font-size: 24px;"></i>&nbsp&nbsp&nbsp&nbsp&nbspLuni - Vineri: 08:30 - 16:00</p>
                    </div>
                </div>   
            </div>
        </div>   
    </body>
</html>