Bootstrap-/about.html at master · sumerakhan16/Bootstrap- · 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
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <title>Bootstrap Portfolio</title>

  <link
    rel="stylesheet"
    href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
    integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
    crossorigin="anonymous"
  />
</head>

<body>

  <nav class="navbar navbar-expand-lg navbar-dark bg-dark"; class="navbar-nav ml-auto">
    <a class="navbar-brand" href="#">Portfolio</a>
    <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>

    <div class="collapse navbar-collapse" id="navbarSupportedContent">
      <ul class="navbar-nav ml-auto">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">Home <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="about.html">About Me</a>
        </li>

         </li>
             <li class="nav-item">
            <a class="nav-link" href="contactpage.html">Contact</a>
         </li>

          </div>
        </li>
        <li class="nav-item">

        </li>
      </ul>

    </div>
  </nav>

        <div= class="container">
          <div class="row">
            <div class="col-lg-12">

            </div>
          </div>

          <div class="card">
            <div class="card-body">

            </div>
          </div>
        </div>
      </div>

        <div class="row">
            <div class="col-lg-3">
                <img class="img-fruit" src="https://cdn9.dissolve.com/p/D1061_219_089/D1061_219_089_600.jpg" width="350px" alt= "Fruits">
            </div>

            <div class="col-lg-9">
              <h3>About Me</h3>
              <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vitae cumque corporis quis sed, quod pariatur! Officia aut tempore repellendus, culpa inventore magnam accusamus nemo fugiat debitis voluptates ratione omnis, nobis. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptatum, in quas reprehenderit assumenda ea perferendis repellat totam aperiam! Illo dolorem ipsam quidem natus nostrum accusantium. Quisquam inventore iusto architecto voluptatem? Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempore ipsa consequuntur ad iure sint asperiores ullam, fuga atque molestiae eveniet doloremque illo dolores quibusdam mollitia magni ipsum odio! Minus, harum!
              </p>
            </div>


        </div>

</body>
</html>