View Code? Open in Web Editor
NEW
Hacktoberfest 2018 Goal: Create a Single Landing Page with 9 images a Title and a White Background
Home Page: https://adlyloukil.github.io
License: MIT License
HTML 35.12%
CSS 52.74%
JavaScript 12.15%
hacktoberfest-2018-operation-barebones-simplepics's People
Stargazers
Watchers
hacktoberfest-2018-operation-barebones-simplepics's Issues
Add the "1080x453.png" found in the images folder to the file. Center the banner above the 9 pictures.
Reduce the size of the 9 images in the 3x3 grid to a more instagram sized image
Make the image when clicked to be unscrollable!
![scroll bar](https://user-images.githubusercontent.com/22683645/47255883-febb9f00-d46e-11e8-88e5-27bbc91babf9.PNG)
Update the read.me file to reflect the repository!
- PNG
- Black and White
- Banner Size : 1080x 453
Replace the ugly banner with a custom made simple text banner with a transparent background
The is clickable but I want it to be unclickable without the hover cursor and the highlight when hovered over.
Remove the white border that appears when the image is clicked!
![remove white border](https://user-images.githubusercontent.com/22683645/47255856-a7b5ca00-d46e-11e8-855a-746050b7dc72.PNG)
Add spacing between each of the images and the banner
Refer to the image below:
![two scroll bars](https://user-images.githubusercontent.com/22683645/46690838-446ca200-cbfb-11e8-874f-69b149409cdb.PNG)
Transparent background and Text .PNG banner and add it to the repository!
Replace the 9 images with High Quality pictures of a theme of your choice!
Make the banner unclickable
![banner](https://user-images.githubusercontent.com/22683645/47256724-780dbe80-d47c-11e8-8733-6cae6b79fc7e.PNG)
Hacktoberfest 2018 , Centre the image when its clicked refer to image below.
![imageuncentredwhenclicked](https://user-images.githubusercontent.com/22683645/47307917-23a74200-d628-11e8-9636-2ff71f2231a0.PNG)
Add a simple favicon to this repository with initials "SP"
Resize the current images and place them in the middle of the page similar to instagram.
- Winter Theme images
- Display these images in a 3X3 Square grid as below
![Mike Tyson Instagram](https://user-images.githubusercontent.com/22683645/46559035-f6982700-c8e6-11e8-8f41-d90619b63cb2.PNG)
replace with high quality images of your choice (landscape please)
Dimensions: 1080px x 1080px
use bootstrap to make images appear smaller like instagram and pop to full size when clicked on
make the banner when clicked take you to this repository's url
Hacktoberfest 2018 Remove the white space of the responsive mobile version of the website.
![white space](https://user-images.githubusercontent.com/22683645/47307826-ef338600-d627-11e8-84d2-d3acd42e086c.PNG)
Refer to image below:
![extraspace](https://user-images.githubusercontent.com/22683645/47256796-5103bc80-d47d-11e8-98ca-c08e66afb942.PNG)
Reduce the spacing between the banner and the first 3 images of the grid