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