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

Cjd cont #22

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

Cjd cont #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
0464261
localhost
Xine75 Feb 24, 2021
0f40f0b
logo
Xine75 Feb 25, 2021
379e371
Merge pull request #1 from Xine75/cjd-trying
Xine75 Feb 25, 2021
67b89e3
lunch
Xine75 Feb 25, 2021
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
6 changes: 6 additions & 0 deletions assets/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -65,11 +65,17 @@ a.nav-item:hover {

.project-text {
text-align: justify;
align-items: flex-end;

}
.project1-text{
margin-top: 20rem;
}

.box {
background-color: transparent;
border: 2px solid rgba(7, 59, 79, 0.5);
height: 55rem;
}

.title {
Expand Down
Binary file added assets/img/DozaLogo.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 assets/img/GettingStarted copy.gif
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 assets/img/ezgif.com-UsingKaBloom copy.gif
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 modified assets/img/favicon.png
100755 → 100644
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 modified assets/img/profile.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 assets/img/profile2.jpeg
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.
62 changes: 44 additions & 18 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<title>Portfolio</title>
<title>C. Doza</title>
<!-- css files -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.3.1/css/bulma.min.css">
Expand All @@ -17,17 +17,17 @@
<!-- This "nav-menu" is hidden on mobile -->
<!-- Add the modifier "is-active" to display it on mobile -->
<div class="nav-left">
<a href="http://medium.com/@hassanhelfi/" class="nav-item">
<!-- <a href="http://medium.com/@hassanhelfi/" class="nav-item">
<span class="icon">
<i class="fa fa-medium"></i>
</span>
</a>
<a href="http://github.com/helfi92" class="nav-item">
</a> -->
<a href="http://github.com/xine75" class="nav-item">
<span class="icon">
<i class="fa fa-github"></i>
</span>
</a>
<a href="https://twitter.com/hassanhelfi" class="nav-item">
<a href="https://twitter.com/xine75" class="nav-item">
<span class="icon">
<i class="fa fa-twitter"></i>
</span>
Expand All @@ -53,13 +53,16 @@
<section id="about" class="section section-1">
<div class="container has-text-centered">
<!-- Source: https://flic.kr/p/pAZBNK -->
<img class="avatar" src="assets/img/profile.png">
<img class="logo" src="assets/img/DozaLogo.png">
</div>
<div class="container"></br>
<p class="intro">
Lorem Khaled Ipsum is a major key to success. To succeed you must believe. When you believe, you will succeed. Mogul talk. Find peace, life is like a water fall, you’ve gotta flow. Lion! Fan luv. Eliptical talk.
</p>
</div>
I loved being a classroom teacher. Working with groups of teens, helping solve problems - personal, poetic and mathematical -a fire drill sounding off in the middle of a sentence - no two days were the same. But after 17 years I felt the call to explore an old passion. I knew that some of the skills I cultivated as a teacher would apply to software development, but I was wrong about which ones. I’d been interested in coding since taking a computer science course as an undergrad, and believed my long immersion in the logic of geometry and calculus would serve me. But it’s actually the people skills, the facility with group dynamics, with making sure every voice is heard and every member feels valued, that has been most essential. Software design is a team sport, and I’ve been working with groups, classes, clubs, and teams for 17 years. And though code is not poetry, there is something about the pure economy of the language - each keystroke pulling its own weight, nothing included than isn’t necessary - that brings poetry to mind. And so I find myself exactly in the right place.
</div>
<div class="container has-text-centered">
<!-- Source: https://flic.kr/p/pAZBNK -->
<img class="avatar" src="assets/img/profile2.jpeg">
</div>
</section>

<!-- Projects -->
Expand All @@ -76,13 +79,12 @@ <h3 class="title is-3">Projects</h3>
<article>
<div>
<figure class="image project-figure">
<img src="assets/img/project-1.jpg" alt="Image">
<img src="assets/img/ezgif.com-UsingKaBloom copy.gif" alt="Image">
</figure>
</div>
<div>
<p>
They don’t want us to eat. I told you all this before, when you have a swimming pool, do not use chlorine, use salt water, the healing, salt water is the healing.
</p>
<p class="project1-text">
KaBloom is a mobile app intended to put houseplant care in the palm of the user's hand. It allows the user to see a list of their plants at a glance alongside a few pieces of crucial information. As a long-time plant parent, I find naming my plants personifies them and hooks me in to providing more consistent care for them. Having a photo of the plant as it looked when I first adopted it is an important visual cue for comparing to the plant's current state. With a click, the user can access more detailed information about the plant's care needs, such as lighting, fertilization. Users can also create personal notes relating to the plant's life events, such as repotting, blooming, etc. </p>
</div>
</article>
</div>
Expand All @@ -107,6 +109,32 @@ <h3 class="title is-3">Projects</h3>
</div>
</div>
</section>
<!-- Skills -->
<section id="projects" class="section section-1">
<div class="container">
<div class="has-text-centered">
<h3 class="title is-3">Skills</h3>
</div>

<div class="columns is-multiline is-desktop">
<div class="column">
<div class="box project-text">
<article>
<div>
<figure class="image project-figure">
<!-- <img src="assets/img/ezgif.com-UsingKaBloom copy.gif" alt="Image"> -->
</figure>
</div>
<div>
<p class="project1-text">
</div>
</article>
</div>
</div>

</div>
</div>
</section>

<!-- Social -->
<section id="social" class="section section-3">
Expand All @@ -116,18 +144,16 @@ <h3 class="title is-3">Let's Socialize</h3>
</div>
<div class="social-container columns">
<div class="column is-6 has-text-centered">
<a target="_blank" href="https://ca.linkedin.com/in/hassan-ali-6132468a"><img class="" src="assets/img/linkedin.png"></a>
</div>
<div class="column is-6 has-text-centered">
<a target="_blank" href="https://www.facebook.com/Hassan.Helfi"><img class="" src="assets/img/facebook.png"></a>
<a target="_blank" href="https://ca.linkedin.com/in/christine-doza"><img class="" src="assets/img/linkedin.png"></a>
</div>

</div>
</div>
</section>

<!-- Footer -->
<section class="section-4 has-text-centered container">
<a href="http://www.hassanali.me/about">Hassan Ali</a>
<a href="https://ca.linkedin.com/in/christine-doza">Christine Doza</a>
</section>

<!-- Scripts -->
Expand Down