-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
114 lines (93 loc) · 4.67 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="this is my home page with links to other pages">
<title>project 5</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>
<div class="nav-menu">
<ul>
<li> <a class="active" href="project.html"> Home </a></li>
<li> <a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
<li> <a href="products.html">Products</a></li>
<li> <a href="additional-page.html">additional page</a></li>
</ul>
</div>
<header>
<h1>Cesar Valdovinos</h1>
<h4> your favorite coder</h4>
</header>
<main>
<h3 class="photoHeader">Photos</h3>
<div class="flex-container">
<div class="images">
<button class="animated-button"><img src="./project_photos/IMG_4597 (1).jpg" width="300px" alt="cesar valdovinos"></button>
</div>
<div class="images">
<button class="animated-button"><img src="./project_photos/IMG_7440_optimized_1_1.JPG" alt="cesar valdovinos"></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>
</body>
</html>