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 spacing between each of the images and the banner
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)
make the banner when clicked take you to this repository's url
The is clickable but I want it to be unclickable without the hover cursor and the highlight when hovered over.
use bootstrap to make images appear smaller like instagram and pop to full size when clicked on
Update the read.me file to reflect the repository!
Reduce the size of the 9 images in the 3x3 grid to a more instagram sized image
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 image when clicked to be unscrollable!
![scroll bar](https://user-images.githubusercontent.com/22683645/47255883-febb9f00-d46e-11e8-88e5-27bbc91babf9.PNG)
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)
Add a simple favicon to this repository with initials "SP"
Make the banner unclickable
![banner](https://user-images.githubusercontent.com/22683645/47256724-780dbe80-d47c-11e8-8733-6cae6b79fc7e.PNG)
Reduce the spacing between the banner and the first 3 images of the grid
replace with high quality images of your choice (landscape please)
Dimensions: 1080px x 1080px
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)
Refer to the image below:
![two scroll bars](https://user-images.githubusercontent.com/22683645/46690838-446ca200-cbfb-11e8-874f-69b149409cdb.PNG)
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)
Add the "1080x453.png" found in the images folder to the file. Center the banner above the 9 pictures.
- PNG
- Black and White
- Banner Size : 1080x 453
Replace the ugly banner with a custom made simple text banner with a transparent background
Refer to image below:
![extraspace](https://user-images.githubusercontent.com/22683645/47256796-5103bc80-d47d-11e8-98ca-c08e66afb942.PNG)