Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
103 changes: 103 additions & 0 deletions lesson_06/alexandra.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Name - Alexandra Solorzano</title>
<style>
body{
background-color: #e7e9f2;
background-image: url("img/bg.jpg");
background-size: cover;
font-family: 'Josefin Sans', sans-serif;
}
header {
background: #4a90e2;
color: white;
padding: 20px;
text-align: center;
}
.container {
max-width: 900px;
margin: 20px auto;
padding: 20px;
background: white;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
h2 {
color: #4a90e2;
border-bottom: 2px solid #eee;
padding-bottom: 5px;
}
.profile {
display: flex;
align-items: center;
gap: 20px;
}
.profile img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #4a90e2;
}
ul {
list-style: none;
padding-left: 0;
}
ul li {
margin: 6px 0;
}
footer {
text-align: center;
padding: 15px;
background: #f0f0f0;
margin-top: 30px;
font-size: 0.9em;
color: #666;
}
</style>
</head>
<body>

<header>
<h1>Student Profile</h1>
<p>Welcome to the page of <strong>Alexandra Solorzano</strong></p>
</header>

<div class="container">
<section class="profile">
<img src="img/alexa.jpg" alt="Student Photo">
<div>
<h2>About Me</h2>
<p>Hello! My name is <strong>Alexandra Solorzano</strong>. I am a programmer student passionate about learning, exploring new ideas, and developing my skills in different areas of coding</p>
</div>
</section>

<section>
<h2>Education</h2>
<ul>
<li><strong>High School:</strong> Example High School (2018 - 2022)</li>
<li><strong>University:</strong> Example University - Computer Science Major (2022 - Present)</li>
</ul>
</section>

<section>
<h2>Skills</h2>
<ul>
<li>HTML, CSS, JS, Python</li>
<li>Teamwork</li>
<li>Research & Writing</li>
</ul>
</section>

<section>
<h2>Contact</h2>
<p>Email: alexandra@example.com</a></p>
<p>Phone: (123) 456-7890</p>
</section>
</div>

</body>
</html>
Binary file added lesson_06/img/Screenshot 2024-06-02 163520.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lesson_06/img/alexa.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added lesson_06/img/josh.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
103 changes: 103 additions & 0 deletions lesson_06/joshuan3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Name - Joshua Nathan</title>
<style>
body{
background-color: #2aee79;
background-image: url("img/bg.jpg");
background-size: cover;
font-family: 'Josefin Sans', sans-serif;
}
header {
background: #0fd2bb;
color: white;
padding: 20px;
text-align: center;
}
.container {
max-width: 900px;
margin: 20px auto;
padding: 20px;
background: white;
border-radius: 10px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
h2 {
color: #4ae2b9;
border-bottom: 2px solid #eee;
padding-bottom: 5px;
}
.profile {
display: flex;
align-items: center;
gap: 20px;
}
.profile img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
border: 3px solid #4a90e2;
}
ul {
list-style: none;
padding-left: 0;
}
ul li {
margin: 6px 0;
}
footer {
text-align: center;
padding: 15px;
background: #f0f0f0;
margin-top: 30px;
font-size: 0.9em;
color: #666;
}
</style>
</head>
<body>

<header>
<h1>Student Profile</h1>
<p>Welcome to the page of <strong>Joshua Nathan</strong></p>
</header>

<div class="container">
<img src="img/josh.png" alt="Student Photo">
<div>
<h2>About Me</h2>
<p>Hello! My name is Joshua Nathan!</p>
<p>I'm a coding student passionate about learning and growing!</p>
<p>I started learning on Scratch and have now learned some content through Javascript, Python, and the HTML/CSS pairing.</p>
<p>I'm just looking to do better each time and learn/grow.</p>
</div>


<h2>Education</h2>
<ul>
<li>High School: The Texas High School for Joshuas (1975-2025)</li>
<li>College/University: The Texan Joshua College, Major: Environmental Technology (2025-2075)</li>
</ul>

<h2>Skills</h2>
<ul>
<li>Writing/Reading</li>
<li>Critical Thinking</li>
<li>Problem Solving</li>
<li>Scratch, Javascript, Python, HTML, CSS, and some Java</li>
<li>Biology...?</li>
<li>Calculus...?</li>
</ul>

<h2>Contact</h2>
<p>Should Anyone need to contact me</p>
<p>Email: thegreatjoshua@joshua.gov</a></p>
<p>Phone #: +9 (999)-999-999</p>
</div>

</body>
</html>
12 changes: 7 additions & 5 deletions lesson_06/team.html
Original file line number Diff line number Diff line change
Expand Up @@ -33,13 +33,15 @@ <h1 class="header1 header">
</div>

<div class="member">
<!-- student 01 -->

<p><img class="member-pic" src="img/josh.png"></p>
<p><a href="joshua.html">Joshua Nathan</a></p>
</div>

<div class="member">
<!-- student 02 -->

<p><img class="member-pic" src="img/alexa.jpg"></p>
<p><a href="alexandra.html">Alexandra Solorzano</a></p>

</div>

<div class="member">
Expand All @@ -48,8 +50,8 @@ <h1 class="header1 header">
</div>

<div class="member">
<!-- student 04 -->

<p><img class="member-pic" src="img/Screenshot 2024-06-02 163520.png"></p>
<p>Andrew Poh</p>
</div>

<div class="member">
Expand Down
4 changes: 2 additions & 2 deletions lesson_07/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -50,8 +50,8 @@ <h3>Index</h3>
$("#i_summary").attr("src","oak_summary.html");
})
$("#beech").click(function(){


$("#i_content").attr("src", "beech_content.html");
$("#i_summary").attr("src", "beech_summary.html");
})

/* This will not be merged ! */
Expand Down
2 changes: 2 additions & 0 deletions lesson_07/plum_content.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
<h3>Apple<h3>
<p> todo</p>
4 changes: 4 additions & 0 deletions lesson_07/plum_summary.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
<h3>Tree name</h3>
<p id="type"> todo </p>
<img src="img/treename.jpg" style="width:200px;">
<p>Family: todo</p>