-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
154 lines (137 loc) · 7.5 KB
/
index.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/png" href="imgs/PlumTree87.jpg">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
<title>PlumDevelopments</title>
<div class="centerPhoto">
<img src="imgs/plumDev.jpg">
</div>
</head>
<body class="background-container">
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="#">Plumlee Portfolio</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-me">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact-me">Contact</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#projects" id="navbarDropdownMenuLink" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Projects
</a>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="#project1">Random Trip Generator</a></li>
<li><a class="dropdown-item" href="#project2">Coming Soon</a></li>
<li><a class="dropdown-item" href="#project3">Coming Soon2</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
<div id="about-me" class="about-me" >
<div id="carouselExampleControls" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item">
<img src="../html-practice/imgs/motocross.jpg" class="img-fluid" alt="my History">
<strong><p> What I wanted to be at age 5...</P>
</div>
<div class="carousel-item active">
<img src="../html-practice/imgs/35k.jpg" class="img-fluid" alt="I joined the army">
<p> What I actually ended up doing at age 18...</p>
</div>
<div class="carousel-item">
<img src="../html-practice/imgs/solarSales.jpg" class="img-fluid" alt="after, I was a door to door salesman">
<p> After the Army, I studied 3 years at University as an English major, but dropped out due to a change in goals. Later, I got a temporary job as a door to door solar panel salesman. </p>
</div>
<div class="carousel-item">
<img src="../html-practice/imgs/fullStackDevPic.jpeg" class="img-fluid" alt="now, I am studying to be a full-stack developer">
<p> I decided for a career change and desired to become a full-stack developer.</p>
</div>
<div class="carousel-item">
<img src="../html-practice/imgs/Goal.png" class="img-fluid" alt="I want to become a block-chain developer">
<p> What I would like to learn to become..</p>
</div>
<div class="carousel-item">
<img src="../html-practice/imgs/littleME.jpg" class="img-fluid" alt="me at age 2">
<p> Me, when I was two... check out our clothes, lol. Retro</p>
</div>
<div class="carousel-item">
<img src="../html-practice/imgs/meInPakistanTraditinalAttire.jpg" class="img-fluid" alt="what I desire to become">
<p> My wife's family is from Pakistan and when I visited, they gave me traditional clothes to wear. Stylish.</p>
<P> me in 2021...</P>
</div>
<div class="carousel-item">
<img src="../html-practice/imgs/myFavAnimes.jpg" class="img-fluid" alt="my favorite animes">
<p> My Favorite Animes</p>
</div>
<div class="carousel-item">
<img src="../html-practice/imgs/FarmHodl.png" class="img-fluid" alt="my hodls">
<p> What I farm and what I hodl...</p>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleControls" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<div class="container">
<p><br><br><br><br><br><br><br></p>
<div class ="row">
<div class="col-sm" id="project1">
<title>Project 1</title> <p>My first Project was a randomTripGenerator </p>
<a href ="https://github.com/plumtree87/daytripgenerator_js" target="blank" >
<img src="imgs/codingImg.jpg" class ="img-fluid">
</a>
</div>
<div class= "col-sm" id="project2">
<title> Project 2</title> <p>
project2 description goes here
<a href="https://google.com" target="blank">
<img src ="imgs/inHandPlum.jpg" class ="img-fluid">
</a>
</p>
</div>
<div class="col-sm" id ="project3">
<title>Project 3</title><p>
project3 description goes here
<a href="https://github.com/plumtree87" target="blank">
<img src ="imgs/singlePlum.jpg" class= "img-fluid">
</a>
</p>
</div>
</div>
</div>
</div>
<footer class="footer">
<div id = "contact-me">
<div class="mb-3">
<label for="exampleFormControlInput1" class="form-label">Email address where you want me to contact you.</label>
<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="[email protected]">
</div>
<div class="mb-3">
<label for="exampleFormControlTextarea1" class="form-label">Description of what you want to have developed on the web.</label>
<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Your Message"></textarea>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous"></script>
</body>
</html>