-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
99 lines (84 loc) · 4.18 KB
/
about.html
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="static/style.css">
<!-- google fonts -->
<link href="https://fonts.googleapis.com/css?family=Lobster+Two|Neucha|Oswald|PT+Sans" rel="stylesheet">
<!-- fontawesome link for favicons -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
<!-- Bootstrap stuff. -->
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- jQuery library -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Popper JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<!-- Latest compiled JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
<title>Sample Template</title>
</head>
<body>
<!-- NAVBAR -->
<div class="nav_style bg-dark">
<nav class="navbar navbar-expand-sm bg-dark">
<!-- Logo -->
<a class="navbar-brand text-light" href="home.html">
<span class="nav_brand_style">Logo Photography</span>
</a>
<!-- navigation links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link text-light" href="home.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-light" href="about.html">About</a>
</li>
</ul>
</nav>
</div>
<div class="container mt-5">
<div class="row">
<div class="col-sm-4">
<img src="img/about.jpg" alt="profile img" style="width:100%;">
</div>
<div class="col-sm-8">
<div class="bio_handwriting pt-4">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloribus accusantium laudantium distinctio earum deleniti doloremque obcaecati sunt, veritatis asperiores quia molestias quis id eligendi, excepturi laboriosam at eius possimus? Quia ducimus praesentium veritatis, neque libero illo autem consequuntur quos consectetur voluptatum vero harum temporibus modi ullam inventore aliquid, error quaerat aut! Officia, iste rem. Velit, nisi nostrum, iure dolor sequi incidunt ea corporis minus natus labore ad rem eos optio cupiditate nam possimus tenetur. Fugit, odio amet. Nihil, aut molestiae repudiandae optio magnam impedit ullam autem nulla cupiditate inventore facere error quis rerum labore illo dolore ratione libero asperiores accusantium.</p>
</div>
</div>
</div>
</div>
<!-- Footer -->
<footer class="page-footer pt-2 mt-5">
<div class="footer_style">
<!-- Footer Elements -->
<div class="container">
<!-- Social buttons -->
<div class="text-center pt-2">
<h1>Get in touch</h1>
</div>
<div class="social_icons text-center pb-2">
<div class="social_item">
<a href="#" target="_blank"><i class="fab fa-facebook"></i></a>
</div>
<div class="social_item">
<a href="#" target="_blank"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
</div>
<!-- Footer Elements -->
<!-- Copyright -->
<div class="copyright_style">
<div class="footer-copyright text-center p-3 text-light bg-danger">© 2019 Copyright, Created by
<a href="https://www.instagram.com/adiprogrammer/" target="_blank"> Adiprogrammer</a>
</div>
</div>
<!-- Copyright -->
</footer>
<!-- Footer -->
</body>
</html>