-
Notifications
You must be signed in to change notification settings - Fork 13
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Allegra-Oledibe #6
base: main
Are you sure you want to change the base?
Changes from 3 commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,73 @@ | ||
<!DOCTYPE html> | ||
<html lang = "eng-US"> | ||
<!--creating my header and linking the style sheet--> | ||
<head> | ||
<link rel = "stylesheet" href = "styles2.css"> | ||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap" rel="stylesheet"> | ||
</head> | ||
|
||
<body> | ||
<!--title--> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Remove this comment. |
||
<div class="tabs"> | ||
<div class="first"><a href="home.html"><i class="fa fa-home">Home</i></a></div> | ||
<div class="second"><a href="about-me.html"><i class="fa fa-user">About Me</i></a></div> | ||
</div> | ||
<div class="header"> | ||
<img src="images/travel-logo.jpg"> | ||
</div> | ||
|
||
<div id="big-container"> | ||
<div class="little-container-second"> | ||
<img src="/allegra-oledibe/images/grad-pic1.jpg"> | ||
<img src="/allegra-oledibe/images/grad-pic2.jpg"> | ||
<div class="section"> | ||
<h1>Education</h1> | ||
<h4>Eleanor Roosevelt High School</h4> | ||
<p> | ||
I went to Eleanor Roosevelt High School and partook in multiple advanced placement and accelerated Math, | ||
Science, Reading and Computer Science classes. I also partook in the Dual Enrollment Wgich allowed me to get | ||
get college credit for the Computer Programming (C++), Applied statistics and Probability, and Information Technology classes | ||
I took at Bowie State University. | ||
</p> | ||
<h4>Virginia Tech</h4> | ||
<p> | ||
In the fall I will be attending Virginia Tech University as an undergraduate with a major in engineerng. I am going | ||
into my freshman year as a general engineering student but I hope to change my major into a mechanical engineering major with | ||
a minor in computer science. | ||
</p> | ||
</div> | ||
</div> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Remove spacing. |
||
|
||
<div class="little-container-second"> | ||
<div class="section"> | ||
<h1>About Me</h1> | ||
<p> | ||
Hey! My name is Allegra Oledibe and I am an aspiring Engineer. I was raised in Rome Italy and my family | ||
decided to move to Maryland when I was 9 years old. Academically wise I am mostly involved in my STEM Courses. | ||
Outside of the academics I was the co-founder of the “Girls who code” chapter at my high school, which is an organization | ||
that aims to support and increase the number of women in STEM by equipping them with the tools and skills needed to | ||
thrive in the tech field. I also launched a green school initiative that allowed my high school to donate any | ||
food scraps to local farms to turn into compost. | ||
</p> | ||
<p> | ||
A fun fact about me is that I'm the type of person that has a thousand different hobbies at once so it's kind of hard to | ||
pin point just one thing that I am interested in, but recently I have really been into cooking. I really enjoy researching and finding new recipes | ||
from different countries and learning about the cultural aspects of each dish. I also really enjoy eating the food that I get | ||
to make! | ||
</p> | ||
</div> | ||
<img src="/allegra-oledibe/images/casual-pic1.jpg"> | ||
<img src="/allegra-oledibe/images/casual-pic2.jpg"> | ||
|
||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Remove spacing. |
||
|
||
</div> | ||
</div> | ||
|
||
<div class="extra"> | ||
<p>For any inquiries please visit <a href="/allegra-oledibe/Copy of Resume (1).pdf">my resume</a> or | ||
reach out via <a href="https://www.linkedin.com/in/allegra-oledibe-a08095242/">linkedin.</a> | ||
</p> | ||
</div> | ||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
<!DOCTYPE html> | ||
<html lang = "eng-US"> | ||
<!--creating my header and linking the style sheet--> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Same idea here, remove this comment. |
||
<head> | ||
<link rel = "stylesheet" href = "styles.css"> | ||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@500&display=swap" rel="stylesheet"> | ||
</head> | ||
|
||
<body> | ||
<!--title--> | ||
<div class="tabs"> | ||
<div class="first"><a href="home.html"><i class="fa fa-home">Home</i></a></div> | ||
<div class="second"><a href="about-me.html"><i class="fa fa-user">About Me</i></a></div> | ||
</div> | ||
<div class="header"> | ||
<img src="images/travel-logo.jpg"> | ||
</div> | ||
|
||
<h2 class="highlight-blue"> Traveling Takes You on a Journey!</h2> | ||
<div id ="container"> | ||
<div class="picture-of-me"><img src="images/round picture of face.jpg"></div> | ||
<div class="section"> | ||
<p> | ||
Hi!! My name is Allegra Oledibe and one of my favorite things to do is travel. Over the years I've gotten | ||
the ooportunity to travel both domestically (within the United States) and internationally (outside of | ||
the United States) to many different places. The reason why I love traveling is because I get to experience | ||
someone else's culture and languange and becasue traveling takes me out of my comfort zone; it inspires me to see, | ||
try, and taste new things! | ||
</p> | ||
<p class="third"> | ||
Traveling is something that I find very theraputic. In fact traveling has many benefits some being: | ||
<ul> | ||
<li> | ||
improving physical health | ||
</li> | ||
<li> | ||
improving mental health | ||
</li> | ||
<li> | ||
boosting creativity | ||
</li> | ||
</ul> | ||
</p> | ||
<p>Below are just a few of the amazing countreies that I've gotten the chance to visit. | ||
Hopefully in the future I will be able to visit lots more and share new cultures and experiences! | ||
</p> | ||
</div> | ||
</div> | ||
|
||
<div> | ||
<!----<h3 class="projects-heading">My Projects</h3> ----> | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. You may remove this comment as well, I know I gave it to y'all |
||
<div class="projects-grid"> | ||
<div class="project-image-wrapper"> | ||
<h4><i class="fa fa-tree">Italy</i></h4> | ||
<a href="projects/project1.html"><img class="project-image" src="images/italy first picture.jpg"/></a> | ||
</div> | ||
<div class="project-image-wrapper"> | ||
<h4><i class="fa fa-pagelines">France</i></h4> | ||
<a href="projects/project2.html"><img class="project-image" src="images/france first pic.jpg"/></a> | ||
</div> | ||
<div class="project-image-wrapper"> | ||
<h4><i class="fa fa-tint">North America</i></h4> | ||
<a href="projects/project3.html"><img class="project-image" src="images/US first pic 1.jpg"/></a> | ||
</div> | ||
<div class="project-image-wrapper"> | ||
<h4><i class="fa fa-sun-o">Tropical Islands</i></h4> | ||
<a href="projects/project4.html"><img class="project-image" src="images/Tropical island first pic.jpg"/></a> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
|
||
|
||
|
||
</body> | ||
</html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,77 @@ | ||
body { | ||
background-image: url("/allegra-oledibe/images/sage-green-background.jpg"); | ||
} | ||
|
||
#container img{ | ||
border: 2px solid moccasin; | ||
/* border-radius: 100%;*/ | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Remove commented code. |
||
margin: 5px; | ||
padding: 5px; | ||
width:400px; | ||
height: auto; | ||
|
||
} | ||
|
||
.boxes{ | ||
display: flex; | ||
justify-content: space-between; | ||
|
||
} | ||
|
||
.header img{ | ||
width: 1500px; | ||
height: 300px; | ||
border-bottom: 10px dotted #654321; | ||
} | ||
|
||
.tabs .first { | ||
border: 1px solid #654321; | ||
margin: 3px; | ||
color: moccasin; | ||
background-color: #f5b477; | ||
} | ||
|
||
.tabs .second { | ||
border: 1px solid #654321; | ||
margin: 3px; | ||
color: moccasin; | ||
background-color: #f5b477; | ||
} | ||
|
||
.tabs{ | ||
background-color: transparent; | ||
float: right; | ||
display: flex; | ||
justify-content: space-between; | ||
} | ||
|
||
.fa{ | ||
color: white; | ||
} | ||
|
||
h2 { | ||
color: bisque; | ||
} | ||
|
||
.desriptions{ | ||
border: 2px solid moccasin; | ||
height: auto; | ||
padding: 5px; | ||
} | ||
|
||
p { | ||
color: #654321; | ||
font-size: larger; | ||
font-family: 'Abril Fatface', cursive; | ||
} | ||
|
||
h3{ | ||
color: bisque; | ||
} | ||
|
||
ul li { | ||
color: #654321; | ||
font-size: large; | ||
font-family: 'Abril Fatface', cursive; | ||
} | ||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,122 @@ | ||
<!DOCTYPE html> | ||
<html lang="eng-US"> | ||
<head> | ||
<link rel = "stylesheet" href = "project1-css.css"> | ||
<script src="https://kit.fontawesome.com/874fbac099.js" crossorigin="anonymous"></script> | ||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap" rel="stylesheet"> | ||
</head> | ||
|
||
<body> | ||
<div class="tabs"> | ||
<div class="first"><a href="/allegra-oledibe/home.html"><i class="fa fa-home">Home</i></a></div> | ||
<div class="second"><a href="/allegra-oledibe/about-me.html"><i class="fa fa-user">About Me</i></a></div> | ||
</div> | ||
|
||
<div class="header"> | ||
<img src="/allegra-oledibe/images/travel-logo.jpg"> | ||
</div> | ||
|
||
<div id="container"> | ||
<div class="boxes"> | ||
<img src="/allegra-oledibe/images/Rome Italy stone image.jpg"> | ||
<div class="desriptions"> | ||
<h2>Rome</h2> | ||
<p>When in Rome.... Enjoy a slice of Pizza! I grew up in Rome Italy and lived there for 9 years. Rome is a beautiful city best known for it's tourism. Rome is a city dense of history and art. | ||
If you choose Rome, Italy for your holiday, you certainly want to see the beautiful palaces, | ||
museums and works of art that the Eternal City has to offer. | ||
|
||
<h3>Popular tourist attractions:</h3> | ||
<ul> | ||
<li>Collosseum</li> | ||
<li>Sistine Chapel</li> | ||
<li>Palatine Hill</li> | ||
<li>National Roman Museum</li> | ||
</ul> | ||
|
||
<h3>Popular Foods:</h3> | ||
<ul> | ||
<li>Trapizzino</li> | ||
<li>Carbonara</li> | ||
<li>Pizza Tonda</li> | ||
<li>Saltimbocca</li> | ||
<li>Fettuccini al Burro</li> | ||
</ul> | ||
</p> | ||
</div> | ||
</div> | ||
<div class="boxes"> | ||
<img src="/allegra-oledibe/images/milan italy.jpg"> | ||
<div class="desriptions"> | ||
<h2>Milan</h2> | ||
<p>I have family that lived in Milan so I use to take train often to visit them. Milan is a beautiful city best | ||
known for its architecture. Milan is the leading financial centre and the most prosperous manufacturing and | ||
commercial city of Italy. | ||
|
||
<h3>Popular tourist attractions:</h3> | ||
<ul> | ||
<li>Como Cathedral</li> | ||
<li>Sforza Castle</li> | ||
<li>Pinacoteca di Brera</li> | ||
<li>Museo Poldi Pezzoli</li> | ||
<li>Parco Sempioni</li> | ||
</ul> | ||
|
||
<h3>Popular Foods:</h3> | ||
<ul> | ||
<li>Minestra dei Morti</li> | ||
<li>Fagiano alla Milanese</li> | ||
<li>Risotto alla Milanese</li> | ||
<li>Messicani alla Milanese</li> | ||
</ul> | ||
</p> | ||
</div> | ||
</div> | ||
<div class="boxes"> | ||
<img src="/allegra-oledibe/images/pescara italy.jpg"> | ||
<div class="desriptions"> | ||
<h2>Pescara</h2> | ||
<p>I visited Pescara when I was about 7 years old on a school trip. I got to visit the beautiful mountains of Monte Silvano | ||
and I got to explore the wonderful vegetation and wildlife. Pescara is best known for its beautiful coast lines. | ||
Pescara's origins precede the Roman conquest. It was founded to be the port of Vestini and | ||
Marrucini tribes to trade with the peoples of the Orient, a supporting role that was held for centuries. | ||
|
||
<h3>Popular tourist attractions:</h3> | ||
<ul> | ||
<li>La Fontana Nave di Cascela</li> | ||
<li>Pontile Sorena</li> | ||
<li>Piazza Salotto</li> | ||
<li>Butterfly Farm d'Abruzzo</li> | ||
<li>Aurum</li> | ||
</ul> | ||
|
||
<h3>Popular Foods:</h3> | ||
<ul> | ||
<li>Aguadito de Pescado</li> | ||
<li>Spaghetti del Pescatore</li> | ||
<li>Pescado Empapelado al Chile Serrano</li> | ||
</ul> | ||
</p> | ||
</div> | ||
</div> | ||
|
||
|
||
|
||
</div> | ||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</body> | ||
</html> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove these comments.