Bootstrap-Portfolio/index.html at master · PriyaDoIT/Bootstrap-Portfolio · 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
<!DOCTYPE html>
	<html>
		<head>
			<title>Bootstrap Portfolio</title>

			<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

			<link rel="stylesheet" href="style.css">
		</head>

	<body>
		<nav class="navbar navbar-default">
		  <div class="container-fluid">
		    <div class="navbar-header">
		      <a class="navbar-brand" href="#">Priya Shah</a>
		    </div>
			    <ul class="nav navbar-nav pull-right navbar-text">
			      <li><a href="https://priyadoit.github.io/Bootstrap-Portfolio/index.html">ABOUT</a></li>
			      <li><a href="https://priyadoit.github.io/Bootstrap-Portfolio/portfolio.html">PORTFOLIO</a></li>
			      <li><a href="https://priyadoit.github.io/Bootstrap-Portfolio/contact.html">CONTACT</a></li>
			    </ul>
		  </div>
		</nav>

		<div class ="container">
			<div class="row">
				<div class="col-md-8">
					<h2> About Me </h2>
					<img src="http://via.placeholder.com/350x150" align="left">
					<p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque sit minima architecto velit aspernatur quos dicta fugit, repellat voluptatum quidem dolorem, eveniet voluptatibus rem sed explicabo amet quis nostrum modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque sit minima architecto velit aspernatur quos dicta fugit, repellat voluptatum quidem dolorem, eveniet voluptatibus rem sed explicabo amet quis nostrum modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque sit minima architecto velit aspernatur quos dicta fugit, repellat voluptatum quidem dolorem, eveniet voluptatibus rem sed explicabo amet quis nostrum modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque sit minima architecto velit aspernatur quos dicta fugit, repellat voluptatum quidem dolorem, eveniet voluptatibus rem sed explicabo amet quis nostrum modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque sit minima architecto velit aspernatur quos dicta fugit, repellat voluptatum quidem dolorem, eveniet voluptatibus rem sed explicabo amet quis nostrum modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cumque sit minima architecto velit aspernatur quos dicta fugit, repellat voluptatum quidem dolorem, eveniet voluptatibus rem sed explicabo amet quis nostrum modi. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.  </p>
				</div>


				<div class="col-md-3">
					<h2 class="text-center"> Connect With Me </h2>
						<div class="row">

								<div class="col-md-4">
									<a href="https://github.com/PriyaDoIT/" class="images">
									<img class="img-responsive" src="images/github.png">
									</a>
								</div>
								<div class="col-md-4">
									<a href="https://www.linkedin.com/in/priya-shah-192972108/" class="images">
									<img class="img-responsive" src="images/linkedin.png">
									</a>
								</div>
								<div class="col-md-4">
									 <a href="mailto: pshah824@gmail.com" class="images">
									<img class="img-responsive" src="images/email.png">
									</a>
								</div>
							</div>
					</div>
				</div>
			</div>

		<nav class="navbar navbar-fixed-bottom">
			<div class="container-fluid">
				<p>© Copyright 2018 Priya Shah</p>
			</div>
		</nav>


	</body>
	</html>