-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
127 lines (106 loc) · 5.72 KB
/
project.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>project 4</title>
<link rel="stylesheet" href="./css folder/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar" style="background-color: black">
<div class="container-fluid">
<a class="navbar-brand" href="./CesarProject.html" style="color: white;">Hello, Welcome</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation" style="background-color:grey";>
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-link active" aria-current="page" href="#" style="color: white;">Home</a>
<a class="nav-link" href="./about.html" target="_blank" style="color: white;">About Us</a>
<a class="nav-link" href="./contact.html" target="_blank" style="color: white;">Contact Us</a>
<a class="nav-link disabled" href="./products.html" target="_blank" style="color: grey;">Projects</a>
<div class="box">
<h2 class="mode-status" style="color:blue">Currently in Light Mode</h2>
<label class="toggle-switch">
<input type="checkbox" id="mode-toggle">
<span class="slider"></span>
</label>
</div>
</div>
</div>
</div>
</nav>
<header>
<h1>Cesar Valdovinos</h1>
<h4> your favorite coder</h4>
</header>
<main>
<div class="container">
<h3 class="photoHeader">Photos</h3>
<div class="flex-container">
<div class="images">
<button class="animated-button"><img src="./project_photos/IMG_4597 (1).jpg" alt="cesar valdovinos" width="300px"></button>
</div>
<div class="images"><button class="animated-button"><img src="./project_photos/IMG_4605.jpg" alt="cesar valdovinos" width="300px"></button>
</div>
<div class="images"><button class="animated-button"><img src="./project_photos/IMG_4748.jpg" alt="cesar valdovinos" width="300px"></button>
</div>
</div>
<h3 class="aboutHeader">About</h3>
<div class="about">
<p>Hello everyone! nice day today. i want to share to you a little bit about me here are some things i want you to know
im 21, i have been with amazon for about 2 and a half almost 3 years now. About a year ago, i discovered coding from one of my friends.
he is a software developer and enjoys his job. long story short, i found out it was a stay at home job, and makes a great amount of money
that lets him support his family.honestly im a big family guy(no pun intended).i love being in the house hanging out going to the movies
hitting the parks(water parks as well). there is nothing i wont do with my family. another thing i want you to know about me is i love the
sport of boxing.
</p>
<br>
<p> lets get back to coding. the reason i want to code is because there are many jobs in that field which makes it a pribability to get a job in
field which of course comes with a bigger salary. I mean we are adults, who doesnt want a better source of income am i right? anyway im a stower at amazon and
what i do is i place customer orders into pods which then get sent to a receivin g team where they pick your items which then get sent to a department where they
place the order in to a box. i have a love and hate relationship with my job. its cool but gets boring sometimes. i love the people that work beside me though.
especially the management team. where i work it gets overwhelming at times but the management team as well as the safety team is there to help and support you to make sure
you are okay.
</p>
</div>
</div>
</main>
<h2 class="contactHeader">Contact</h2>
<footer>
<div class="Contact">
<br><br>
<form align="middle">
<label for="Firstname"><b>First Name:</b></label><br>
<input id="Firstname" type="text">
<br>
<label for="Lastname"><b>Last Name:</b></label><br>
<input id="Lastname" type="text">
<br>
<label for="Email"><b>Email:</b></label><br>
<input id="Email" type="text">
<br>
<label for="Telephonenumber"><b>Telephone Number:</b></label><br>
<input id="Telephonenumber" type="text"><br>
<button class="btn btn-primary">Submit</button>
<h2 class="socialsHeader">social media</h2>
<div class="grid-container">
<div class="grid-item">
<a target="_blank" href="https://www.linkedin.com/in/cesar-valdovinos123"><img src="https://cdn.pixabay.com/photo/2017/10/04/11/58/linkedin-2815969__340.jpg"></a>
</div>
<div class="grid-item">
<a target="_blank" href="https://www.instagram.com/cesarv3412/"> <img src=./project_photos/cesarv3412_qr.png width="300px"></a>
</div>
<div class="grid-item">
<a target="_blank" href="https://twitter.com/cesarv3412"> <img src="./project_photos/download (1).png" width="300px"></a>
</div>
<div class="grid-item">
<a target="_blank" href="https://github.com/Cesarv123"> <img src="./project_photos/download.png" width="300px"></a>
</div>
</div>
</footer>
<script src="./script.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
</body>
</html>