Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
30 commits
Select commit Hold shift + click to select a range
9111efb
I now have my page structure
TabithaKO Jun 7, 2019
d119c03
I just added the background images to their respective rows
TabithaKO Jun 7, 2019
1e577b8
I added the what we do icons in their columns
TabithaKO Jun 7, 2019
975a764
I added the images into their respective roex and columns
TabithaKO Jun 7, 2019
95ab4ea
I changed the directory
TabithaKO Jun 7, 2019
090e654
I added the Google font that I want to use
TabithaKO Jun 7, 2019
0a40b6d
Corrected some filepaths
TabithaKO Jun 7, 2019
88259f0
I got my elements in the first rows in their own rows
TabithaKO Jun 7, 2019
bae487c
I just made the first row html and css
TabithaKO Jun 7, 2019
c0c6286
I've made the layout for the first 2 rows
TabithaKO Jun 7, 2019
e77039e
I changes the structure of my html to accommodate for my css and boot…
TabithaKO Jun 7, 2019
eb1ab71
I just made sure my portfolio images were aligned
TabithaKO Jun 7, 2019
3bd4d9c
Increased the right-margin on the portfolio so that the portfilio loo…
TabithaKO Jun 9, 2019
78cda96
I just got my portfolio formatted as required
TabithaKO Jun 9, 2019
a6c49be
I just coded the styles for my last background image on the CONTACTS …
TabithaKO Jun 9, 2019
c64604e
I've designed the contacts section and the social media section
TabithaKO Jun 9, 2019
3d4b789
I managed to toggle the descriptions using the hide and show functions
TabithaKO Jun 9, 2019
182d000
All changes set
TabithaKO Jun 9, 2019
b9c9a0f
I got the mail section to work
TabithaKO Jun 10, 2019
0cbb6a0
I got the hovering to work on individual images
TabithaKO Jun 10, 2019
552249c
I styled the text below the images
TabithaKO Jun 10, 2019
cc79356
I got the names to hover on the image
TabithaKO Jun 10, 2019
2df7251
Just made the README
TabithaKO Jun 10, 2019
a2b6c90
I made my website kind of responsive
TabithaKO Jun 10, 2019
4b6d299
I added the README
TabithaKO Jun 10, 2019
a35bf98
formatting changes to the README table
TabithaKO Jun 10, 2019
78063ad
Table changes
TabithaKO Jun 10, 2019
dbfc0ab
table edits
TabithaKO Jun 10, 2019
fcf1052
table edits
TabithaKO Jun 10, 2019
6d2ee81
README edit (contributors)
TabithaKO Jun 10, 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
53 changes: 52 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1 +1,52 @@
# IP3
# Application Name
DELANI STUDIO

#### {Brief description of application}, {Date of current version}
Delani Studio is an interactive website that I replicated using HTML, CSS, JavaScript and JQuery. The current version is June 2019.

#### **{List of contributors}**
This website was created by Tabitha Oanda.
The original pictures and design were sourced from Jonny Govish's repository.

## Description
This website utilizes Javascript to analyze user input(email, mouse hovering). The user lands on the main page designed using HTML, CSS, and Bootstrap.The icons that describe what we do can be toggled by the click of a mouse to display either the icon or the description. The user can then scroll down the website and hover over the portfolio images to get the names of the project.

Here are some images of my UI:
![delanisc](https://user-images.githubusercontent.com/50864401/59182412-5d569a00-8b72-11e9-996c-376115830280.png)

![delanisc2](https://user-images.githubusercontent.com/50864401/59182402-5891e600-8b72-11e9-8777-9d0e4efa6e07.png)


![delanisc3](https://user-images.githubusercontent.com/50864401/59182242-e28d7f00-8b71-11e9-81d5-2812a9a78e9a.png)


## BDD
| Behavior our program handles | Input Example | Output Example |
| ----------------------------- | ------------- | ------------- |
| Hover Effects | The user hovers over the portfolio images | The opacity of the image decreases and the text containing the image name pops over it|
| Toggle Effects |The user clicks on any of the "WHAT WE DO" icons| The icon disappears and the description shows up |
|Toggle Effect |The user clicks on any of the "WHAT WE DO" descriptions | The description disappears and the icon reappears |
| The website responds to user input | The user sends us a message through the form | A response pops up with the user's name acknowledging the receipt of the message |

## Setup/Installation Requirements
The following steps will help to set up the program:
Git clone the url of the repository(https://github.com/TabithaKO/DelaniStudio)
cd the folder(DelaniStudio)
Double click on the index.html


## Known Bugs
There are no known bugs in the program.

## Technologies Used
I used HTML, CSS, and Bootstrap to design the website. I used Javascript and JQuery to make the website interactive.

## Support and contact details
Feel free to contact me with any questions, comments or suggestions concerning the project.
Email: tabitha.oanda@gmail.com
### License
The MIT License (MIT)
Copyright © 2019 TabithaOanda
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
Loading