Skip to content

Commit 0c531f3

Browse files
bryanasb251bryanasb251
authored
feat: HTML and CSS for Bryana (#56)
* Uploading additional info to html * update html header line * add another line * made changes * fixed css
1 parent 4bb35ec commit 0c531f3

File tree

4 files changed

+93
-0
lines changed

4 files changed

+93
-0
lines changed

‎lesson_01/Bryana Singleton-Barnhart/Images/IMG_2195.png

415 KB
Loading

‎lesson_01/Bryana Singleton-Barnhart/Images/IMG_8010.jpeg

1.49 MB
Loading

‎lesson_01/Bryana Singleton-Barnhart/index.html

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<link rel="stylesheet" href="styles.css">
7+
<title>Document</title>
8+
</head>
9+
<body>
10+
<div class="container">
11+
<h1><strong>How to work with Bryana:</strong></h1>
12+
<hr style="height:2px;border-width:0;color:gray;background-color:rgb(214, 214, 214)">
13+
14+
<h3><strong>When do I like to take meetings:</strong></h3>
15+
<p>I’m generally flexible when it comes to taking meetings because I understand the importance of it. However, if I had a choice, I’d prefer to schedule them after lunch or toward the end of the day when I can focus better and wrap up discussions without disrupting my work.</p>
16+
17+
<h3><strong>What days would I like to work?</strong></h3>
18+
<p>I’d like to work every day except Friday and Saturday. Maintaining a good work-life balance is important to me. These will allow me to take care of personal responsibilities and make time for other aspects of my life.</p>
19+
20+
<h3><strong>What’s the best way to communicate with me?</strong></h3>
21+
<p>I'm a very direct person, so the best way to communicate with me (especially for important information) is in person. For less critical matters, email, Microsoft Teams, or Google Chat work just fine.</p>
22+
23+
<p>If I don’t respond, try:</p>
24+
<p>If it's an emergency, I'm very open enough to accept via text messages.</p>
25+
26+
<h3><strong>How do I like to receive feedback?</strong></h3>
27+
<p>Coming from a financial and customer service background, I’ve grown to really appreciate in-person one-on-one feedback. I find it to be highly effective for clear communication and improvement.</p>
28+
29+
<h3><strong>What makes me grumpy?</strong></h3>
30+
<p>I have a Type A personality, and one of the things that frustrates me the most is not being punctual. Being on time is very important to me, and I commit myself to that standard every time.</p>
31+
32+
<h2><strong>Cool things about Bryana:</strong></h2>
33+
<hr style="height:2px;border-width:0;color:gray;background-color:rgb(214, 214, 214)">
34+
35+
<h3><strong>Topics I’m always happy to talk about:</strong></h3>
36+
<ul>
37+
<li>📺 TV Shows/Movies (e.g. Breaking Bad, Sopranos, or Game of Thrones)</li>
38+
<li>🎼 Music (e.g. R&B, Hip-Hop, and Rock)</li>
39+
<li>✈️ Traveling</li>
40+
<li>🏍️ Motorcycles</li>
41+
<li>🏠 Interior Designing</li>
42+
<li>😃 Michael B. Jordan</li>
43+
<li>🌩️ Harry Potter</li>
44+
</ul>
45+
46+
<h2><strong>Some of my Favorite Things:</strong></h2>
47+
<ul>
48+
<li>🏈 Favorite Sports Player: Stefon Diggs / Jason Tatum 🏀</li>
49+
<li>🎱 Favorite Color: Black</li>
50+
<li>🍕 Favorite Food: Lalo</li>
51+
<li>🏖️ Favorite Places: New York City</li>
52+
</ul>
53+
54+
<img src="Images/IMG_8010.jpeg" alt="Nyc">
55+
<img src="Images/IMG_2195.png" alt="Diggs">
56+
</div>
57+
</body>
58+
</html>

‎lesson_01/Bryana Singleton-Barnhart/styles.css

+35
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
body {
2+
font-family: Arial, sans-serif;
3+
margin: 0;
4+
padding: 0;
5+
background-color: #f0f0f0;
6+
}
7+
8+
.container {
9+
max-width: 80%;
10+
margin: 20px auto;
11+
background-color: white;
12+
padding: 20px;
13+
border-radius: 8px;
14+
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
15+
}
16+
17+
h1, h2, h3 {
18+
margin-inline-start: 0;
19+
margin-inline-end: 0;
20+
font-weight: bold;
21+
}
22+
23+
hr {
24+
font-weight: 2px;
25+
border-width: 0;
26+
color: gray;
27+
background-color: rgb(214, 214, 214);
28+
}
29+
30+
img {
31+
max-width: 100%;
32+
height: auto;
33+
display: block;
34+
margin: 10px auto;
35+
}

0 commit comments

Comments
 (0)