feat: Adds Randy's HTML readme

* Create Randy Castro * Create delete.html * Add files via upload * Delete lesson_00/RandyCastro/delete.html * Add files via upload * Add files via upload * Delete lesson_00/RandyCastro/Randy Readme * Delete lesson_00/RandyCastro/README.md * Delete lesson_00/Randy Castro * Update Randy Readme.md * Update and rename Randy Readme.md to README.md * Added new picture * Changed file name * Create README.html * Update README.html * Rename README.html to index.html * Update index.html * Add files via upload * Feat. added lines uner titles * changed line to red * changed back to black * Changed the font
code-differently · Mar 1, 2024 · 5622d54 · 5622d54
1 parent 14b7f6a
commit 5622d54
Show file tree

Hide file tree

Showing 2 changed files with 113 additions and 0 deletions.
diff --git a/lesson_01/RandyCastro/index.html b/lesson_01/RandyCastro/index.html
@@ -0,0 +1,75 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Randy's README</title>
+<head>
+<link rel="stylesheet" href="stylesheet.css">
+</head>
+<body>
+
+<h1>Hello my name is Randy💫</h1>
+
+<p>Hello, I'm Randy Castro, and for the past six years, I've been deeply immersed in the dynamic world of retail management, specifically at Banana Republic. However I am now looking to transition into the tech industry. My ultimate goal is to keep on learning new things and branch out to multiple streams of income and retire early.</p>
+
+<h2>What's the best way to reach me? 📞</h2>
+
+<ol>
+  <li>
+    <p>Email <a href="mailto:rcastro@thecodesociety.onmicrosoft.com">rcastro@thecodesociety.onmicrosoft.com</a>: For any business related questions</p>
+  </li>
+  <li>
+    <p>Microsoft Team: For quick questions, updates or friendly messages</p>
+  </li>
+  <li>
+    <p>Text message: For any urgent messages</p>
+  </li>
+</ol>
+
+<img src="https://media.giphy.com/media/IxLeSDtUaZRmSiyCTf/giphy.gif" alt="One eternity later">
+
+<h2>My work hours: 🗓️</h2>
+
+<p>I prefer to kickstart my day with a productive morning routine. Typically, I hit the gym around 7 am to get energized. Then, from 9 am to 5 pm, I focus on tackling my tasks and projects with full dedication and efficiency.</p>
+
+<h2>One of my goals for this year🏆</h2>
+
+<p>My goal is to successfully complete this program and secure a fulfilling career job in the tech industry. I aim to leverage this opportunity and eventually explore other avenues for personal and professional growth.</p>
+
+<h2>Family and Pets</h2>
+
+<p>In my household it is just my wife and our cat name Nori</p>
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Cute Grey Cat</title>
+</head>
+<body>
+
+<img src="https://facts.net/wp-content/uploads/2023/05/cute-grey-cat-730x487.jpeg" alt="Cute Grey Cat">
+
+</body>
+</html>
+
+
+
+<h2>What I like to do in my free time?</h2>
+
+<ol>
+  <li>Play/ Watch sports</li>
+  <li>Try new restaurants</li>
+  <li>Go to the beach</li>
+  <li>Do side hustles/ learn new things</li>
+  <li>Hang out with family</li>
+</ol>
+
+<img src="https://media.giphy.com/media/amg2hcfGDkKt4Q3DpF/giphy.gif" alt="Family">
+
+</body>
+</html>
+
+
diff --git a/lesson_01/RandyCastro/stylesheet.css b/lesson_01/RandyCastro/stylesheet.css
@@ -0,0 +1,38 @@
+/* CSS code */
+
+/* styles.css */
+
+h1 {
+  border-bottom: 1px solid black; /* Apply a 1px solid black border to the bottom of the h1 element */
+  padding-bottom: 10px; /* Add some padding to create space between the text and the border */
+  body
+}
+
+body {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+}
+
+
+
+
+h2 {
+  border-bottom: 1px solid black; 
+  padding-bottom: 10px solid black;
+}
+
+
+
+
+.markdown-body {
+  box-sizing: border-box;
+  min-width: 200px;
+  max-width: 980px;
+  margin: 0 auto;
+  padding: 45px;
+}
+
+@media (max-width: 767px) {
+  .markdown-body {
+      padding: 15px;
+  }
+}