ProjectQSTP/about.html at main · vitthal206/ProjectQSTP · 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
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Portfolio</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
        <script src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
        <link href="style.css" rel="stylesheet">

    </head>
    <header>
        <!--navigation Bar-->


            <nav class="navbar navbar-expand-md navbar-light bg-light sticky-top">
                <div class="container-fluid">
                    <button type="button" class="navbar-toggler ml-auto" data-toggle="collapse" data-target="#navbarResponsive">
                        <span class="navbar-toggler-icon"></span>
                    </button>
                    <div class="collapse navbar-collapse" id="navbarResponsive">
                        <ul class="navbar-nav ml-auto">
                            <li class="nav-item">
                                <a class="nav-link" href="index.html">Home</a>
                            </li>
                            <li class="nav-item active">
                                <a class="nav-link" href="about.html">About</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="contactme.html">Contact Me</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="project.html">Projects</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" href="skill.html">Skills</a>
                            </li>
                        </ul>
                    </div>
                </div>

            </nav>
        </header>


    <body>
        <h1>Sherlock Holmes</h1>
        <p>The Only Consultant Detective And A Part Time Web Developer</p>
        <img src="img/sherlock.jpg" class="photo float-right">
        <hr class="light-100">
        <h2>Profile</h2>
        <span><img class="underline" src="img/underline.png"></span>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis placerat ante, sed rhoncus mauris. Nam molestie velit dictum purus egestas sollicitudin. Praesent eget arcu non orci imperdiet posuere sed nec purus. Suspendisse potenti. Sed a porta velit, eu sollicitudin est. Vivamus consectetur auctor augue, sed sollicitudin ligula elementum nec. Ut in blandit erat. Aliquam erat volutpat. Donec condimentum massa vitae hendrerit consectetur. Morbi viverra, mi a mattis lacinia, odio enim imperdiet risus, vel varius dolor est quis leo. Donec cursus ornare nunc, nec vehicula justo vehicula vel.

            In hac habitasse platea dictumst. Nunc pharetra faucibus magna, vel tempus velit suscipit in. Nullam eget lacus elit. Nullam lobortis tortor in tortor molestie, at ullamcorper odio finibus. Maecenas eget quam tristique, volutpat ante in, tristique erat. Cras ipsum turpis, sollicitudin rhoncus aliquet nec, congue vitae tortor. Etiam semper quam non malesuada fermentum. Nulla vehicula placerat eleifend. Donec a consectetur magna. Aenean fringilla at arcu quis ultricies. Aliquam arcu augue, suscipit eu mauris sed, scelerisque volutpat turpis. Proin vestibulum efficitur nisl ut faucibus. Vestibulum a urna finibus dui tincidunt posuere. Sed ac vehicula velit, quis iaculis est.

            Nunc consequat mattis augue, eget facilisis dolor sagittis mattis. Vestibulum vel tempor sapien, nec varius neque. Maecenas et risus ullamcorper, consectetur orci ac, hendrerit leo. Nullam aliquam posuere nulla, ac pellentesque ante laoreet eget. Praesent et tellus tellus. Aenean vel nunc quis nunc pretium mollis ut vitae odio. Nunc id magna ornare, porttitor nulla ut, egestas ligula. Vivamus non ante et orci iaculis dictum in sed diam. Aliquam erat volutpat. Cras non ex ut turpis venenatis finibus molestie vel nisl. Nunc aliquam quam non tempus porttitor. Donec at massa sagittis, varius ex ut, gravida libero.
        </p>


        <footer>
            <div class="container-fluid padding-about">
            <div class="row text-center">
                <div class="col-md-4">
                    <img class="search" src="img/hackersearch.jpg">
                    <hr class="light">
                    <p>44-20-7224-3688</p>
                    <p>deducethemail@gmail.com</p>
                    <p>221 Baker Street</p>
                    <p>Greater London, NW1 6XE,United Kingdom</p>
                </div>
                <div class="col-md-4">
                    <hr class="light">
                    <h5>My Hours</h5>
                    <hr class="light">
                    <p>Monday: 9am-5pm </p>
                    <p>Saturday: 10am-4pm</p>
                    <p>Sunday Closed</p>
                </div>
                <div class="col-md-4">
                    <hr class="light">
                    <h5>Service Area</h5>
                    <hr class="light">
                    <p>Rio de Janeiro, Brazil, 20000-000</p>
                    <p>Tokyo, Japan,100-0000 </p>
                    <p>Delhi, India, 110001</p>
                    <p>London, England, EC3N 4AB</p>
                </div>
                <div class="col-12">
                    <hr class="light">
                    <h5>&copy; f20202082@goa.bits-pilani.ac.in</h5>
                </div>
            </div>
            </div>

        </footer>
    </body>
</html>