html code

mail@pastecode.io avatar
unknown
html
a year ago
3.1 kB
13
Indexable
Never
<?php include "includes/header.php" ?>

<body>
  <link rel="stylesheet" href="assets/css/user_style.css">

  <div class="container">
    <header>
    </header>
    <main>
      <div class="row">
        <div class="left col-lg-4">
          <div class="photo-left">
            <img class="photo" src="https://images.pexels.com/photos/1804796/pexels-photo-1804796.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" />
            <div class="active"></div>
          </div>
          <h4 class="name">Jane Doe</h4>
          <p class="info">UI/UX Designer</p>
          <p class="info">jane.doe@gmail.com</p>
          <div class="stats row">
            <div class="stat col-xs-4" style="padding-right: 50px;">
              <p class="number-stat">2</p>
              <p class="desc-stat">Posts</p>
            </div>
          </div>
          <p class="desc">Hi ! My name is Jane Doe. I'm a UI/UX Designer from Paris, in France. I really enjoy photography and mountains.</p>
          <div class="social">
            <i class="fa fa-facebook-square" aria-hidden="true"></i>
            <i class="fa fa-twitter-square" aria-hidden="true"></i>
            <i class="fa fa-pinterest-square" aria-hidden="true"></i>
            <i class="fa fa-tumblr-square" aria-hidden="true"></i>
          </div>
        </div>
        <div class="right col-lg-8">
          <ul class="nav">
            <li>Recent Posts</li>
          </ul>
          <span class="follow"><i class="fas fa-note"></i> Edit</span>
          <div class="row gallery">
            <div class="col-md-4">
              <label for="title">Post title</label>
              <img src="https://images.pexels.com/photos/1036371/pexels-photo-1036371.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" />
            </div>
            <div class="col-md-4">
              <label for="title">Post title</label>
              <img src="https://images.pexels.com/photos/861034/pexels-photo-861034.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" />
            </div>
            <div class="col-md-4">
              <label for="title">Post title</label>
              <img src="https://images.pexels.com/photos/113338/pexels-photo-113338.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" />
            </div>
            <div class="col-md-4">
              <label for="title">Post title</label>
              <img src="https://images.pexels.com/photos/5049/forest-trees-fog-foggy.jpg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" />
            </div>
            <div class="col-md-4">
              <label for="title">Post title</label>
              <img src="https://images.pexels.com/photos/428431/pexels-photo-428431.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" />
            </div>
            <div class="col-md-4">
              <label for="title">Post title</label>
              <img src="https://images.pexels.com/photos/50859/pexels-photo-50859.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" />
            </div>
          </div>
        </div>
    </main>
  </div>
</body>