<%@ Page Title="" Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="SystemZglaszaniaUsterek.Formularz_sieci_Web2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="title" runat="Server">
    Home
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="Server">

    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <link href="assets/css/style.css" rel="stylesheet" />

    <script src="assets/js/jquery-1.10.2.js"></script>
    <script src="assets/js/bootstrap.js"></script>
    <script src="assets/js/custom.js"></script>

    <style type="text/css">
        #img1{
            height:400px;
        }
        #img2 {
            width: 900px;
            height: 400px;
        }
        #img3
        {
            width:900px;
            height:400px;
        }
        .cimg
        {
            width:70px;
            height:70px;
        }
        .d1
        {
            width:20%;
            height:200px;
            border:outset;
            padding:10px;
            margin:30px;
            color:red;
            background-color:InfoBackground;
            float:left;
        }
        #d2
        {
            margin:20px;

        }

        .img2
        {
            width:100%;
            height:100%;
        }
    </style>
  </asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="body" runat="Server">
    <br />
    <div class="row">
        <div class ="col-md-8 col-sm-8 col-xs-12">
            <div id="carousel-example" class="carousel slide slide-bdr" data-ride="carousel">
                <div class="carousel-inner">
                    <div class="item active">
                        <img id="img1" class="img-fluid" src="assets/img/1.jpg" />

                    </div>
                    <div class="item">
                        <img id="img2" class="img-fluid" src="assets/img/2.jpg" />

                    </div>
                    <div class="item">
                        <img id="img3" class="img-fluid" src="assets/img/3.jpg" />

                    </div>
                </div>
                <ol class="carousel-indicators">
                    <li data-target="#carousel-example" data-slide-to="0" class="active"></li>
                    <li data-target="#carousel-example" data-slide-to="1"></li>
                    <li data-target="#carousel-example" data-slide-to="2"></li>
                </ol>

                <a class="left carousel-control" href="#carousel-example" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-left"></span>
                </a>
                <a class="right carousel-control" href="#carousel-example" data-slide="prev">
                    <span class="glyphicon glyphicon-chevron-right"></span>
                </a>
            </div>
        </div>
            <div class="col-md-4 col-sm-4 col-xs-12">
            <div class="panel panel-primary ">
                <div class="panel-heading">
                    Opinie użytkowników
                </div>
                <div class="panel-body chat-widget-main">
                    <div class="chat-widget-left">
                        Fajna strona
                    </div>
                    <div class="chat-widget-name-left">
                        <img id="c1" class="media-object img-circle img-left-chat cimg" src="assets/img/doktor.jpg" />
                        <h4>Doktor Nowak</h4>
                    </div>
                    <hr />
                    <br />
                    <div class="chat-widget-right">
                        Dzieki tej stronie moje życie nabrało sensu
                    </div>
                    <br />
                    <div class="chat-widget-name-right">
                        <img class="media-object img-circle img-right-chat cimg" src="assets/img/maria.jpg" />
                        <br />
                        <h4>Maria Kowalska</h4>
                    </div>
                    <hr />
                    <br />
                    <div class="chat-widget-left">
                        Niech moc będzie z tą stroną
                    </div>
                    <div class="chat-widget-name-left">
                        <img class="media-object img-circle img-left-chat cimg" src="assets/img/yoda.jpg" /><br />
                        <h4>Yoda ``adept``</h4>
                    </div>
                    <hr />
                    <div class="chat-widget-right">
                        Ta strona zasługuje na zaliczenie przedmiotu :))
                    </div>
                    <div class="chat-widget-name-right">
                        <img class="media-object img-circle img-right-chat cimg" src="assets/img/michal.jpg" /><br />
                        <h4>Michł lewandowski</h4>
                    </div>
                    <hr />

                </div>

            </div>
        </div>

    </div>




    <div id="d2">


        <div class="d1">
            <a href="SignIn.aspx">
            <img src="assets/img/1d.PNG" class="img2" />
                </a>
        </div>
        <div class="d1">
            <a href="SignIn.aspx">
            <img src="assets/img/rq.PNG" class="img2" />
                </a>
                </div>
        <div class="d1">
            <a href="SignIn.aspx">
            <img src="assets/img/d2.PNG" class="img2" />
                </a>
                </div>
        <div class="d1">
            <a href="SignIn.aspx">
            <img src="assets/img/d4.PNG" class="img2" />
                </a>

        </div>
    </div>



</asp:Content>