Skip to content
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.

Sign up for GitHub

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

Sara-Branches #38

Open
wants to merge 6 commits into
base: master
Choose a base branch
from
Open

Sara-Branches #38

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
e57946d
basic setup code
sarashahbaig Sep 27, 2019
b8d2a71
fix index page
sarashahbaig Sep 27, 2019
e9ff3c2
Create CNAME
sarashahbaig Sep 27, 2019
dc0b046
portfolio and hobby-blog completed
sarashahbaig Sep 27, 2019
178925c
new changes
sarashahbaig Sep 28, 2019
52810d8
completed
sarashahbaig Sep 30, 2019
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
1 change: 1 addition & 0 deletions CNAME
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
sarashahbaig.com
71 changes: 71 additions & 0 deletions html/about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Sara Baig - Full Stack Web Developer</title>
<link rel="stylesheet" href="../stylesheets/normalize.css" />
<link href="../stylesheets/styles.css" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
/>
</head>
<body>
<nav>
<ul>
<li>
<a id="brand" href="/"
><i class="fab fa-pied-piper fa-2x"></i>About Me</a
>
</li>
<li><a href="/">Home</a></li>
<li><a class="active" href="./about.html">About Me</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./resume.html">Resume</a></li>
<li><a href="./hobby-blog.html">Hobby-blog</a></li>
<!-- <li><a href="./contact.html">Contact</a></li> -->
</ul>
</nav>
<main>
<section id="banner"></section>
<section id="about">
<article class="card">
<h1>About Me</h1>
<p>
I started learning how to code just over a year ago when I took free
online classes, such as from the CodeAcademy and Free Code Camp,
mainly learning HTML, CSS, JavaScript and some SQL. Following that,
I took a web development class at my college that gave me a solid
foundation to build upon. Late last year, I completed an
introductory programming class at my college that focused on Python
language. Additionally, I completed the Ada Developers Academy Jump
Start program in preparation for my Ada application.
</p>
<p>
The thing that I love most about programming is that it gives me the
opportunity to solve problems and think critically in addition to
how it allows me to build things that serve a purpose. I am very
interested in developing projects that others can interact with, and
programming allows me to do just that.
</p>
<p>
Currently, I am a student at Ada Developers Academy where I am
training to become a Full Stack Developer. I feel very lucky to have
been given such a wonderful opportunity to learn and work with such
wonderful people.
</p>
</article>
</section>
</main>
<footer>
Copyright <i class="far fa-copyright"></i> 2019 Sara Shah Baig. All Right
Reserved
</footer>
</body>
</html>
66 changes: 66 additions & 0 deletions html/hobby-blog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Sara Baig - Full Stack Web Developer</title>
<link rel="stylesheet" href="../stylesheets/normalize.css" />
<link href="../stylesheets/styles.css" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
/>
</head>

<body>
<nav>
<ul>
<li>
<a id="brand" href="/"
><i class="fab fa-pied-piper fa-2x"></i> Sara Shah Baig</a
>
</li>
<li><a href="/">About Me</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
<li><a href="./resume.html">Resume</a></li>
<li><a class="active" href="./hobby-blog.html">Hobby-blog</a></li>
<!-- <li><a href="./contact.html">Contact</a></li> -->
</ul>
</nav>
<main>
<section id="banner">
<h1>
<i class="fas fa-blog"></i>Hobby
<span id="contrast-text">Bolg</span>
</h1>
</section>

<section id="pages">
<ul id="blog-container">
<li class="blog-item">
<h1 class="page-title">Watching Tv</h1>
<img class="blog-img" src="../images/img.jpg" alt="picture" />
</li>
<li class="blog-item">
<h1 class="page-title">Watching Stars</h1>
<img class="blog-img" src="../images/star.jpg" alt="Stars" />
</li>
<li class="blog-item">
<h1 class="page-title">Trying different Food</h1>
<img class="blog-img" src="../images/food.jpg" alt="food" />
</li>
</ul>
</section>
</main>

<footer>
Copyright <i class="far fa-copyright"></i> 2019 Sara Shah Baig. All Right
Reserved
</footer>
</body>
</html>
142 changes: 142 additions & 0 deletions html/portfolio.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,142 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Sara Baig - Full Stack Web Developer</title>
<link rel="stylesheet" href="../stylesheets/normalize.css" />
<link href="../stylesheets/styles.css" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
/>
</head>

<body>
<nav>
<ul>
<li>
<a id="brand" href="/"
><i class="fab fa-pied-piper fa-2x"></i> Sara Shah Baig</a
>
</li>
<li><a href="./about.html">About Me</a></li>
<li><a class="active" href="./portfolio.html">Portfolio</a></li>
<li><a href="./resume.html">Resume</a></li>
<li><a href="./hobby-blog.html">Hobby Blog</a></li>
<!-- <li><a href="./contact.html">Contact</a></li> -->
</ul>
</nav>
<main>
<section id="banner">
<h1><i class="fas fa-book fa-3x"></i> Portfolio</h1>
</section>

<section id="projects">
<ul id="grid-container">
<li class="card grid-item">
<h1 class="project-title">Calculator</h1>
<p class="project-description">
We will build a calculator command line interface (CLI) that
allows any user to interact with the command line to perform
simple arithmetic. The program should ask the user to type in and
enter in pieces of input. Based on the input that the user typed
in, the program should output its evaluation.
</p>
</li>
<li class="card grid-item">
<h1 class="project-title">Ride Share</h1>
<p class="project-description">
Rideshare Programs are systems that help people organize
carpooling/vanpooling. Some popular on-demand rideshare apps, like
Lyft and Uber, store and use data on riders, drivers, and trips,
particularly data on when a trip happened, who was the driver, and
who was the rider.
</p>
</li>
<li class="card grid-item">
<h1 class="project-title">Adagrams</h1>
<p class="project-description">
An anagram is a word or phrase formed by rearranging the letters
of a different word or phrase. Adagrams is a fictional game in
which a player is given a random set of letters and must make an
anagram using those letters. Adagrams has a specific scoring
system, so that the player's submitted anagram scores points. The
rules for Adagrams are roughly inspired by the "Letter Round"
portion of the British game show Countdown.
</p>
</li>
<li class="card grid-item">
<h1 class="project-title">Grocery Store</h1>
<p class="project-description">
We want to write library code that grocery stores would use. We
want our library code to be able to keep track of the orders that
folks make in the store.
</p>
</li>
<li class="card grid-item">
<h1 class="project-title">Hotel</h1>
<p class="project-description">
A company has been contracted to build a booking system for a
small hotel. This system will be used by employees who manage
bookings and booking data, and will not be available to the
general public.
</p>
</li>
<li class="card grid-item">
<h1 class="project-title">Slack CLI</h1>
<p class="project-description">
To practice working with APIs, we will utilize the API for a tool
with which you already very familiar: Slack! The application we
build this week will be designed for humans to use. This means the
format will be familiar to us, but it seems a little silly - why
would you use the command line when you could just use the app?
However, there are many places where you might want to use Slack,
where it doesn't make sense to have a human in the loop. For
example, you might set up a continuous integration tool like
Travis CI to run your tests automatically whenever you submit a
pull request.
</p>
</li>
<li class="card grid-item">
<h1 class="project-title">Startrly</h1>
<p class="project-description">
A team of ambitious and passionate folks have assembled and
they're creating a new product called Startrly. Startrly is a new
and unique solution for some problem, and it's going to disrupt
some industry. They've hired you to make a new front-page for
their product's website. They have a good idea for what they want
in their front page in terms of layout and content, so they've
provided wireframes and the HTML for the front page. However, in
terms of literal styles, colors, and visual design choices...
they've left that freedom to you.
</p>
</li>
<li class="card grid-item">
<h1 class="project-title">Personal Portfolio Site</h1>
<p class="project-description">
It's common for developers to create a website to show off their
web-dev skills and document their work and interests. These sites
often feature things like: A professional introduction of
themselves, careers, and interests A portfolio of projects that
they've created and/or collaborated on A blog to share their
experiences, thoughts, and/or subject matter expertise Other
materials to share any non-coding interests and hobbies A site
designed to express themselves
</p>
</li>
</ul>
</section>
</main>

<footer>
Copyright <i class="far fa-copyright"></i> 2019 Sara Shah Baig. All Right
Reserved
</footer>
</body>
</html>
59 changes: 59 additions & 0 deletions html/resume.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Sara Baig - Full Stack Web Developer</title>
<link rel="stylesheet" href="../stylesheets/normalize.css" />
<link href="../stylesheets/styles.css" rel="stylesheet" />
<link
href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css"
/>
</head>

<body>
<nav>
<ul>
<li>
<a id="brand" href="/"
><i class="fab fa-pied-piper fa-2x"></i> Sara Shah Baig</a
>
</li>
<li><a href="./about.html">About Me</a></li>
<li><a href="./portfolio.html">Portfolio</a></li>
<li><a class="active" href="./resume.html">Resume</a></li>
<li><a href="./hobby-blog.html">Hobby-blog</a></li>
<!-- <li><a href="./contact.html">Contact</a></li> -->
</ul>
</nav>
<main>
<section id="banner">
<h1>
<i class="fas fa-blog"></i>My
<span id="contrast-text">Resume</span>
</h1>
</section>

<section id="pages">
<article class="card">
<h1>Resume</h1>
<p>
You can download a PDF version of my resume
<a href="../media/resume.pdf">here.</a>
</p>
</article>
</section>
</main>

<footer>
Copyright <i class="far fa-copyright"></i> 2019 Sara Shah Baig. All Right
Reserved
</footer>
</body>
</html>
Binary file added images/download.png
View file
Open in desktop
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 images/food.jpg
View file
Open in desktop
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 images/hello.jpg
View file
Open in desktop
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 images/img.jpg
View file
Open in desktop
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 images/star.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading