-
Notifications
You must be signed in to change notification settings - Fork 0
/
portfolio.html
130 lines (103 loc) · 5.18 KB
/
portfolio.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
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
127
128
129
130
<!-- Declaring the document type -->
<!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">
<!-- This is the title -->
<title>About</title>
<!-- Here is where I copy and past the Bootstrap links-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<!-- These are the fonts from Google Fonts, which is provided on their website -->
<link href="https://fonts.googleapis.com/css?family=Tangerine:700&display=swap" rel="stylesheet">
<!-- More Bootstrap links - Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- More Bootstrap links - Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- More Bootstrap links - Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<!-- This is the link to my css, this can override any of the bootstrap stuff I don't like, which is why it is last so that it can run and override -->
<link rel="stylesheet" href="assets/css/style.css">
</head>
<!-- End of the head -->
<!-- Start of the body -->
<body>
<!-- Pasting the nav bar code provided by bootstrap https://getbootstrap.com/docs/4.0/components/navbar/ -->
<!-- This code is straight forward -->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<!-- Start of container -->
<div class="container">
<a class="navbar-brand" href="index.html">Irfan Walele</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="portfolio.html">Portfolio</a>
</li>
</ul>
</div>
</div>
<!-- End of container -->
</nav>
<!-- End of nav bar -->
<!-- Start of container -->
<div class="container">
<main class="row">
<div class="col-md-8">
<article class="block">
<h1 class="block-header">Portfolio</h1>
<hr />
<div class="row">
<div class="col-sm-6 col-md-12 col-lg-6">
<img class="img-fluid port-image" src="https://via.placeholder.com/175x175" alt="">
</div>
<div class="col-sm-6 col-md-12 col-lg-6">
<img class="img-fluid port-image" src="https://via.placeholder.com/175x175" alt="">
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-12 col-lg-6">
<img class="img-fluid port-image" src="https://via.placeholder.com/175x175" alt="">
</div>
<div class="col-sm-6 col-md-12 col-lg-6">
<img class="img-fluid port-image" src="https://via.placeholder.com/175x175" alt="">
</div>
</div>
<div class="row">
<div class="col-sm-6 col-md-12 col-lg-6">
<img class="img-fluid port-image" src="https://via.placeholder.com/175x175" alt="">
</div>
</div>
</article>
</div>
</main>
</div>
<!-- End of container -->
<!-- Start of footer -->
<footer class="footer">
<div class="two-toned-footer-color"></div>
<p class="text-muted text-muted-footer text-center">
<a href="https://www.linkedin.com/in/irfan-walele/" target="_blank"><img class="socialMedia"
src="assets/images/linkedin.png"></a>
<a href="https://www.instagram.com/the_irfan" target="_blank"><img class="socialMedia"
src="assets/images/instagram.jpg"></a>
<a href="https://www.facebook.com/" target="_blank"><img class="socialMedia"
src="assets/images/facebook.png"></a>
</p>
</footer>
<!-- jQuery CDN -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!-- Bootstrap CDN -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script></script>
</body>
</html>