SecondTask/index.html at master · asmit-patil/SecondTask · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
<!doctype html>
<html>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>This Is Task 2</title>
    <head>
        <link rel="stylesheet" href="css/mycss.css">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.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>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
        <script src="js/myjs.js"></script>

    </head>
    <body>
    <header>
        <div class="header-container">
            <a href="index.html"> <img class="logo" src="images/logo.jpeg" width="100px" /></a>
            <div class="nav">
                <ul>
                    <li><a href="#">Home</a></li>
                    <li><a href="faq.html">FAQ</a></li>
                    <li><a href="#">Pages<i class="fa fa-caret-down"></i></a>
                        <ul>
                            <li><a href="#">link 1</a></li>
                            <li><a href="#">link 2</a></li>
                         </ul>
                    </li>
                    <li><a href="contact-us.html">Contact Us</a></li>
                </ul>
            </div>
        </div>
    </header>
    <div class="container">
        <div id="myCarousel" class="carousel slide" data-ride="carousel">
            <div class="carousel-inner">
                <div class="item active">
                    <img src="images/1.jpeg" width="100%" height="500px">
                </div>

                <div class="item">
                    <img src="images/5.jpeg"  height="500px">
                </div>

                <div class="item">
                    <img src="images/6.jpeg"  height="500px" >
                </div>
                <div class="item">
                    <img src="images/7.jpeg"  height="500px">
                </div>
            </div>


            <a class="left carousel-control" href="#myCarousel" data-slide="prev">
                <span class="glyphicon glyphicon-chevron-left"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="right carousel-control" href="#myCarousel" data-slide="next">
                <span class="glyphicon glyphicon-chevron-right"></span>
                <span class="sr-only">padding-bottom: 10px;Next</span>
            </a>
        </div>
    </div>
    <div class="main-gallery container"> <!-- img-gallery starts here -->
        <h3>Testimonials</h3>
        <div class="flexgallery">
            <div class="gallery">
                    <img  src="images/aboutus.jpeg" class="testimony-img" />  <p class="tetimony">When you have a great story about how your product providing context and meaning for your product. What’s more, good stories are sticky -- which means people are more likely to connect with them and pass them on.a great story about how your product or service was built to change lives, share it.</p>
                <p class="testimony-url">  <a  href="#">Salman Khan,Actor</a></p>
            </div>
            <div class="gallery">
                    <img src="images/kareena.jpeg" class="testimony-img" /> <p class="tetimony"> When you have a great story about how your product or service was built to change lives, share it. The "About Us" page is a great place for it to live, too. Good stories humanize your brand, providing context and meaning for your product. What’s more, good stories are sticky -- which means people are more likely to connect with them and pass them on.a great story about how your product or service was built to change lives, share it</p>
                    <p class="testimony-url">  <a  href="#">Kareena Kapoor,Actoress</a></p>
            </div>
            <div class="gallery">
                    <img src="images/jack.jpeg" class="testimony-img" /><p class="tetimony"> When you have a great story about how your product or service was built to change lives, share it. Good stories humanize your brand, providing context and meaning for your product. What’s more, good stories are sticky -- which means people are more likely to connect with them and pass them on.a great story about how your product or service was built to change lives, share it</p>
                    <p class="testimony-url">  <a  href="#">Jacqueline fernandez,Actoress</a></p>
            </div>
            <div class="gallery">
                    <p class="tetimony"><img src="images/shahrukh.jpeg" class="testimony-img" /> When you have a great story about how your product share it. The "About Us" page is a great place for it to live, too. Good stories humanize your brand, providing context and meaning for your product. What’s more, good stories are sticky -- which means people are more likely to connect with them and pass them on.a great story about how your product or service was built to change lives, share it</p>
                    <p class="testimony-url">  <a  href="#">Shahrukh Khan,Actor</a></p>
            </div>
           </div>
    </div> <!-- img-gallery ends here -->
    <div class="footer">
    <div class="main-footer container">
        <div class="footer-logo space">
            <a href="index.html"> <img src="images/logo.jpeg"/></a>
        </div>
       <div class="space">
            <div class="sidenav">
                <a href="index.html">Home</a>
                <a href="faq.html">FAQ</a>
                <button class="dropdown-btn" onclick="showlist();">Pages<i class="fa fa-caret-down"></i> </button>
                <div class="dropdown-container">
                    <a href="#">Link 1</a>
                    <a href="#">Link 2</a>
                    <a href="#">Link 3</a>
                </div>
                <a href="contact-us.html">Contact Us</a>
                <a href="#services">Services</a>
                <a href="#clients">Clients</a>
            </div>
        </div>
        <div class="links space">
            <h2>Connect</h2>
            <a href="https://www.google.com/"><i href="#" class="fa fa-google"></i>Google</a>
            <a href="https://www.facebook.com/"><i href="#" class="fa fa-facebook"></i>Facebook</a>
            <a href="https://www.twitter.com/"><i href="#" class="fa fa-twitter"></i>Twitter</a>
            <a href="https://www.youtube.com/"><i href="#" class="fa fa-youtube"></i>YouTube</a>
        </div>
    </div>
</div>
    <div class="sticky-footer">
        <div class="copy"> &copy; Copyright 2018 HTML.CSS</div>
        <div class="social">
            <a href="#" class="fa fa-facebook"></a>
            <a href="#" class="fa fa-twitter"></a>
            <a href="#" class="fa fa-google"></a>
            <a href="#" class="fa fa-linkedin"></a>
            <a href="#" class="fa fa-youtube"></a>
            <a href="#" class="fa fa-instagram"></a>
        </div>
    </div>
    </body>
</html>