Skip to content
This repository was archived by the owner on Sep 18, 2020. It is now read-only.

Completed Lecture 1 Assignment - Enzo Ames #2

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Completed Lecture 1 Assignment - Enzo Ames #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
134 changes: 134 additions & 0 deletions enzoames_personal.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,134 @@
<!DOCTYPE html>
<html>
<head>
<title>Enzo Ames</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://fonts.googleapis.com/css?family=Noto+Sans" rel="stylesheet">

<style>
.header{
height: 50px;
background-color: black;
}
.container{
font-family: "Noto Sans";
margin-top: 15px;
margin-bottom: 30px;
}
.profile h3{
border-left: 2px solid gray;
padding-left: 5px;
color: gray;
}
.profile h4, .bullet h4{
letter-spacing: 1px;
word-spacing: 2px;
}
.bullet{
margin-top: 15px;
}
.body-style{
padding-left: 10px;
}
.bullet-title{
margin-top: 10px;
border-left: 2px solid gray;
padding-left: 5px;
}
h5{
letter-spacing: 0.5px;
}
</style>

</head>

<body>

<div class="header">
</div>

<div class="container">

<div class="photo col-sm-3 col-md-3">
<img class="img-responsive" src="https://avatars2.githubusercontent.com/u/18335788?v=4&s=460">
</div>

<div class="profile col-sm-9 col-md-9">
<div class="col-sm-4 col-md-4">
<h3>Name</h3>
<h4>Enzo Ames</h4>
</div>
<div class="col-sm-4 col-md-4">
<h3>School</h3>
<h4>CUNY City College</h4>
</div>
<div class="col-sm-4 col-md-4">
<h3>Graduation Date</h3>
<h4>June 2018</h4>
</div>
<div class="col-sm-4 col-md-4">
<h3>Email</h3>
<h4>e.amespizarro@gmail.com</h4>
</div>
<div class="col-sm-4 col-md-4">
<h3>Github</h3>
<h4><a href="https://github.com/enzoames">https://github.com/enzoames</a></h4>
</div>
<div class="col-sm-12 col-md-12">
<h3>Technical Skills</h3>
<h4>Python, HTML, CSS, JSX, JavaScript, React & Redux, Django Framework, Django REST
Framework, Swift, C, C++, SQL, Java, Scrapy Framework, and Adobe Lightroom, Photoshop, and Illustrator.</h4>
</div>
</div>

<div class="bullet col-sm-12 col-md-12">
<h2><span class="glyphicon glyphicon-forward"></span>Who am I?</h2>
<h4>Hello everyone! My name is Enzo and I'm a computer science student at the City College of New York.
I love to code, play soccer, and photography. This is a very quick html file that I created to showcase my skills, projects, experience. I am very proud to be part of CUNY Tech Prep for the year 2017-2018, </h4>
</div>

<div class="bullet col-sm-12 col-md-12">
<h2><span class="glyphicon glyphicon-forward"></span>Professional Experience</h2>
<h4 class="bullet-title">Front-end Inter, Alpine Capital Advisors | Manhattan February 2017 – August 2017</h4>
<h5 class="body-style"">Worked in a team of three including the senior software engineer to create and design a website
that provides investment opportunities to investors.</h5>
<h5 class="body-style"">Serialized data and created end-points using Django REST Framework to update database tables on the
company’s back-end server.</h5>
<h5 class="body-style"">Implemented the Scrapy Framework to scrape political related articles from different Chinese
websites. Data scraped was then saved in MongoDB.</h5>
<h4 class="bullet-title">Computer Science Tutor, SEEK PAL Tutoring Center, CCNY | September 2016 – January 2017</h4>
<h5 class="body-style"">Introduced case load of 12-15 freshmen and sophomore students to the fundamental concepts of computer
science and evaluated student progress over the semester.</h5>
<h5 class="body-style"">Assisted students with projects in data structures and algorithms as well as provided guideless
for their next steps in their career.</h5>
</div>

<div class="bullet col-sm-12 col-md-12">
<h2><span class="glyphicon glyphicon-forward"></span>Personal Projects</h2>
<h4 class="bullet-title">DRMR App – Swift</h4>
<h5 class="body-style"">This app focus on providing a platform for people to write down their dreams (dream journal). Using swift, we register each user and all their corresponding dreams to the database. Additionally, DRMR offers the “tagging” feature which allows users to tag different users in their dreams.</h5>
<h4 class="bullet-title">Web Scraping – Scrapy Framework, Python</h4>
<h5 class="body-style"">The Scrapy Framework allows you to construct spiders which scrape the desired information from any website. A spider is provided with a start_url, then follows specific xpath or css selector to extract data. Spiders can dynamically follow urls contained in start_url. Finally, all data extracted is saved to a Json file.</h5>
<h4 class="bullet-title">Ticket Reservation System – Django Framework, Python</h4>
<h5 class="body-style"">This system enhances the functionality of the Amtrak ticket booking system. Django offers a built in database sqlite to implement database tables. On front-end of the web app, with each user input it makes sequel queries to the database to retrieve desirable information.</h5>
</div>

<div class="bullet col-sm-12 col-md-12">
<h2><span class="glyphicon glyphicon-forward"></span>Technology I Recommend</h2>
<h4 class="bullet-title">CRYPTO</h4>
<h5 class="body-style"">I recommend everyone to invest in cryptocurrencies and upcoming ICOs. Its a growing market and the use of block-chain technology will have a great impact on our daily routine in the coming years. Step one for a biginer is to research and understand the blockchain. one can begin by looking into Bitcoin and Ethereum. These will open the doors to you about different currecies/tokens out there that have great potential. Just imagine a decentralized world where we eliminate the middle-man (banks) and absurd fees.</h5>
</div>

</div>


</body>
</html>








153 changes: 126 additions & 27 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,46 +2,145 @@
<html>
<head>
<title>Cookie Store</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<style>
div img{
width: 100%;
}
.bkground{
width: 100%;
height: 800px;
background-image: url("img/milkbg.jpg");
background-repeat: no-repeat;
background-size: cover;
margin: 0;
}
.title{
background-color: rgba(0, 0, 0, 0.65);
color: white;
position: absolute;
top: 200px;
height: 300px;
text-align: center;
font-size: 25px;
}
.title h1{
font-size: 80px;
}
.container-fluid{
padding: 0;
}
.img-responsive{
max-width: 300px;
}
.about{
min-height: 300px;
background-color: lightgray;
color: black;
font-size: 1.3em;
}
.container-fluid{
margin-top: 20px;
padding-top: 20px;
}
.contact{
padding: 10px 15px;
min-height: 200px;
color: white;
background-color: #029698;
font-size: 1.1em;
}
</style>

</head>

<body>

<div class="bkground">
<div class="title col-sm-6 col-sm-offset-3 col-md-6 col-md-offset-3">
<h1>Cookie Store</h1>
<p>Buy our awesome cookies. All proceeds go to charity!</p>
</div>
</div>

<h1>Cookie Store</h1>

<p>Buy our awesome cookies. All proceeds go to charity!</p>
<div class="container text-center">
<h2 class="">The Cookies</h2>

<h2>The Cookies</h2>
<div class="col-md-3 col-sm-12 col-xs-12 col-lg-7 col-lg-push-5">
<div class="col-lg-5">
<h3>Thin Mint Cookies</h3>
<p>Tasty mint chocolate cookies</p>
</div>
<div class="col-sm-4 col-md-12 col-md-offset-0 col-sm-offset-4 col-lg-5">
<img class="img-circle img-responsive" src="img/mint.png">
</div>
</div>

<h3>Thin Mint Cookies</h3>
<p>Tasty mint chocolate cookies</p>
<img src="img/mint.png">
<div class="col-md-3 col-sm-12 col-xs-12 col-lg-7">
<div class="col-lg-5">
<h3>Peanut Butter Cookies</h3>
<p>Yummy peanut buttery goodness!</p>
</div>
<div class="col-sm-4 col-md-12 col-md-offset-0 col-sm-offset-4 col-lg-5">
<img class="img-circle img-responsive" src="img/peanut.png">
</div>
</div>

<h3>Peanut Butter Cookies</h3>
<p>Yummy peanut buttery goodness!</p>
<img src="img/peanut.png">
<div class="col-md-3 col-sm-12 col-xs-12 col-lg-7 col-lg-push-5">
<div class="col-lg-5">
<h3>Short Bread Cookies</h3>
<p>Santa's favorite classic.</p>
</div>
<div class="col-sm-4 col-md-12 col-md-offset-0 col-sm-offset-4 col-lg-5">
<img class="img-circle img-responsive" src="img/shortbread.png">
</div>
</div>

<h3>Short Bread Cookies</h3>
<p>Santa's favorite classic.</p>
<img src="img/shortbread.png">
<div class="col-md-3 col-sm-12 col-xs-12 col-lg-7">
<div class="col-lg-5">
<h3>Smore's Cookies</h3>
<p>Camp fire favorite!</p>
</div>
<div class="col-sm-4 col-md-12 col-md-offset-0 col-sm-offset-4 col-lg-5">
<img class="img-circle img-responsive" src="img/smores.png">
</div>
</div>

</div>

<h3>Smore's Cookies</h3>
<p>Camp fire favorite!</p>
<img src="img/smores.png">

<h2>About us</h2>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
<div class="container-fluid">

<div class="about col-md-12 col-sm-12">
<div class="text-center col-sm-3 col-md-3">
<img class="img-responsive" src="img/cmonster.png"/>
</div>

<div class="col-sm-9 col-md-9">
<h2 class="text-center">About us</h2>
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</div>
</div>
</div>

<div class="contact col-md-12 col-sm-12 text-center">
<h2>Contact us</h2>
<div>
100 Broadway Avenue,<br>
New York, NY 10001 <br>
(212) 555-1234
</div>
</div>

<h2>Contact us</h2>
<div>
100 Broadway Avenue,<br>
New York, NY 10001 <br>
(212) 555-1234
</div>


</body>
</html>