Saturday, 27 June 2015

Bootstarp

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="boot1.aspx.cs" Inherits="boot1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="javascript/jquery.js"></script>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="Bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" />
</head>
<body>
    <nav class="navbar navbar-inverse navbar-fixed-top" id="my-navbar" >
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#asd">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                    </button>
                <a href="" class="navbar-brand" >wiredWiki</a>
           
            </div><!-- navbar header-->
            <div class="collapse navbar-collapse" id="asd" >
                   <a href="" class="btn btn-info navbar-btn navbar-right " >Download Now</a>

                <ul class="nav navbar-nav">
                    <li> <a href="#feedback">Feedback</a>
                    <li> <a href="#galary">GALARY</a>
                    <li> <a href="#faq">FAQ</a>
                    <li> <a href="#contact">CONTACT US</a>
                </ul>
            </div>
        </div>
    </nav>
    <div class="jumbotron" >
        <div class="container text-center" >
            <h1>Hello word!!!</h1>
            <p>hiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii</p>
            <div class="btn-group">
                <a href="" class="btn btn-lg btn-danger" >First</a>
                <a href="" class="btn btn-lg btn-default" >Secound</a>
                <a href="" class="btn btn-lg btn-warning" >Thrid</a>
            </div>
        </div>

    </div>
    <div class="container">
        <div class="page-header" id="feedback">
            <h1>Feedback</h1>
            <p>hellllllllllllllooooooooooooooooo!!!!!!!</p>
        </div>
    </div><!--container close-->
    <div class="row">
        <div class="col-lg-4 text-center">
            <blockquote>
                <p>hdsdhajshdkjashjkdj
                    habdjhgwdjgwajsdhhsaghdsgf;uea
                    yriufyiweuryfusdgjsdgfkjdsfkgsdjkfs
                    djkfhfdiougioreufosdlihdjfdsjf</p>
                <footer>joe smith</footer>
            </blockquote>
        </div>
        <div class="col-lg-4 text-center">
            <blockquote>
                <p>hdsdhajshdkjashj
                    kdjhabdjhgwdjgwajsdhhsaghdsgf;u
                    eayriufyiweuryfusdgjsdgfkjdsfkgsdjkf
                    sdjkfhfdiougioreufosdlihdjfdsjf</p>
                <footer>joe smith</footer>
            </blockquote>
        </div>
        <div class="col-lg-4 text-center">
            <blockquote>
                <p>hdsdhajshdkjashjkdjhab
                    djhgwdjgwajsdhhsaghdsgf;ueayriufyiweuryfus
                    dgjsdgfkjdsfkgsdjkfsdjkf
                    hfdiougioreufosdlihdjfdsjf</p>
                <footer>joe smith</footer>
            </blockquote>
        </div>
    </div><!-- close row div-->
    <div class="well">
        <div class="container text-center">
            <p>Substription for more stuff</p>
            <form action="" class="form-inline">
                <div class="form-group">
                <input id="Text1" type="text" class="form-control"  /><input id="Button1" type="button" value="click me!!!" class="btn btn-info" />
                    </div>
            </form>
        </div>
    </div><!--close well div-->

    <!-- galaryyyy-->
    <div class="container">
        <div class="page-header" id="galary">
        <h2>Galary!!!</h2>
        </div>
        <div class="carousel slide" id="screenshot" data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#screenshot" data-slide-to="0" class="active"></li>
                <li data-target="#screenshot" data-slide-to="1"></li>
                <li data-target="#screenshot" data-slide-to="2"></li>
                <li data-target="#screenshot" data-slide-to="3"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                   <img src="img/slide1.jpg" />
                </div>
                 <div class="item">
                     <img src="img/415518.jpg" />
                </div>
                 <div class="item">
                     <img src="img/551030_459715544042762_253466538_n.jpg" />
                </div>
                 <div class="item">
                     <img src="img/408469.jpg" />
                </div>

            </div><!--close carousel inner-->

            <a href="#screenshot" class="left carousel-control" data-slide="prev">
                <span class="glyphicon-chevron-left" ></span>
            </a>
            <a href="#screenshot" class="right carousel-control" data-slide="next">
                <span class="glyphicon-chevron-right" ></span>
            </a>
        </div><!--close carousel slider-->
    </div><!--close container-->

    <div class="container" id="faq">
        <div class="page-header" id="header">
        <h2>FAQ</h2>  
        </div>
            <div class="panel-group" id="accordion">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <a href="#reply1" data-toggle="collapse" data-parent="#accordion">
                                QUESTION1
                            </a>
                        </div>
                        <div id="reply1" class="panel-collapse collapse" >
                            <div class="panel-body">
                                hhhhhhhhhhhhhhhhhhh!!!!!!!!!!!!!!!!!!!
                            </div>
                        </div>
                    </div>
                </div><!-- close panel group-->
           

        </div>
         <div class="panel-group" id="accordion2">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <a href="#reply2" data-toggle="collapse" data-parent="#accordion2">
                                QUESTION2
                            </a>
                        </div>
                        <div id="reply2" class="panel-collapse collapse" >
                            <div class="panel-body">
                                hhhhhhhhhhhhhhhhhhh!!!!!!!!!!!!!!!!!!!
                            </div>
                        </div>
                    </div>
                </div><!-- close panel group-->
           

        </div>
         <div class="panel-group" id="accordion3">
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <div class="panel-title">
                            <a href="#reply3" data-toggle="collapse" data-parent="#accordion3">
                                QUESTION 3
                            </a>
                        </div>
                        <div id="reply3" class="panel-collapse collapse" >
                            <div class="panel-body">
                                hhhhhhhhhhhhhhhhhhh!!!!!!!!!!!!!!!!!!!
                            </div>
                        </div>
                    </div>
                </div><!-- close panel group-->
        </div>
    </div><!--CLOSE FEATURE DIV-->

    <div class="container" id="contact">
        <div class="page-header">
            <h2>CONTACT US<small> for more details!!!</small></h2>
        </div>
        <div class="row">
            <div class="col-lg-6">
                <p><strong>Mayur vihar phase 3</strong><br />
                    new delhi - 110096<br />
                    India<br />
                    Mobile no. 9999999999<br />
                </p>
            </div><!--close col lg  -->
            <div class="col-lg-6">
                <form action="" class="form-horizontal">
                <div class="form-group">
                    <label for="user-name" class="col-lg-2 control-label">Name</label>
                    <div class="col-lg-10">
                        <input id="Text2" type="text" class="form-control" />
                    </div>
                </div>
                    <div class="form-group">
                    <label for="user-email" class="col-lg-2 control-label">Email</label>
                    <div class="col-lg-10">
                        <input id="Text3" type="text" class="form-control" />
                    </div>
                </div>
                    <div class="form-group">
                    <label for="user-mobile" class="col-lg-2 control-label">Mobile No.</label>
                    <div class="col-lg-10">
                        <input id="Text4" type="text" class="form-control" />
                    </div>
                </div>
                    <div class="form-group">
                    <label for="user-message" class="col-lg-2 control-label">Comment</label>
                    <div class="col-lg-10">
                        <textarea id="TextArea1" cols="20" rows="4" class="form-control"></textarea>
                    </div>
                </div>
                    <div class="form-group">
                    <div class="col-lg-4 col-lg-offset-8">
                        <input id="Button2" type="button" value="button" class="btn btn-info form-control" />
                    </div>
                </div>
                    </form>
            </div>
        </div><!--close row-->
    </div>

     <script src="Bootstrap/js/bootstrap.min.js"></script>
    <script src="Bootstrap/html5shiv.min.js"></script>
    <script src="Bootstrap/respond.min.js"></script>
</body>
</html>

No comments:

Post a Comment