├── README.md ├── package-lock.json ├── package.json ├── public ├── favicon.ico ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ ├── fontawesome-webfont.woff2 │ ├── raleway-v18-latin-100.eot │ ├── raleway-v18-latin-100.svg │ ├── raleway-v18-latin-100.ttf │ ├── raleway-v18-latin-100.woff │ ├── raleway-v18-latin-100.woff2 │ ├── raleway-v18-latin-200.eot │ ├── raleway-v18-latin-200.svg │ ├── raleway-v18-latin-200.ttf │ ├── raleway-v18-latin-200.woff │ ├── raleway-v18-latin-200.woff2 │ ├── raleway-v18-latin-300.eot │ ├── raleway-v18-latin-300.svg │ ├── raleway-v18-latin-300.ttf │ ├── raleway-v18-latin-300.woff │ ├── raleway-v18-latin-300.woff2 │ ├── raleway-v18-latin-500.eot │ ├── raleway-v18-latin-500.svg │ ├── raleway-v18-latin-500.ttf │ ├── raleway-v18-latin-500.woff │ ├── raleway-v18-latin-500.woff2 │ ├── raleway-v18-latin-600.eot │ ├── raleway-v18-latin-600.svg │ ├── raleway-v18-latin-600.ttf │ ├── raleway-v18-latin-600.woff │ ├── raleway-v18-latin-600.woff2 │ ├── raleway-v18-latin-700.eot │ ├── raleway-v18-latin-700.svg │ ├── raleway-v18-latin-700.ttf │ ├── raleway-v18-latin-700.woff │ ├── raleway-v18-latin-700.woff2 │ ├── raleway-v18-latin-800.eot │ ├── raleway-v18-latin-800.svg │ ├── raleway-v18-latin-800.ttf │ ├── raleway-v18-latin-800.woff │ ├── raleway-v18-latin-800.woff2 │ ├── raleway-v18-latin-900.eot │ ├── raleway-v18-latin-900.svg │ ├── raleway-v18-latin-900.ttf │ ├── raleway-v18-latin-900.woff │ ├── raleway-v18-latin-900.woff2 │ ├── raleway-v18-latin-regular.eot │ ├── raleway-v18-latin-regular.svg │ ├── raleway-v18-latin-regular.ttf │ ├── raleway-v18-latin-regular.woff │ └── raleway-v18-latin-regular.woff2 ├── images │ ├── 1.jpg │ ├── 10.jpg │ ├── 11.jpg │ ├── 12.jpg │ ├── 13.jpg │ ├── 14.jpg │ ├── 15.jpg │ ├── 16.jpg │ ├── 2.jpg │ ├── 3.jpg │ ├── 4.jpg │ ├── 5.jpg │ ├── 6.jpg │ ├── 7.jpg │ ├── 8.jpg │ └── 9.jpg ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json ├── robots.txt └── styles │ ├── bootstrap-grid.css │ ├── font-awesome.min.css │ └── font.css └── src ├── App.js ├── App.test.js ├── Components └── Slider.js ├── css ├── App.css ├── App.css.map └── App.scss ├── index.js ├── logo.svg ├── reportWebVitals.js └── setupTests.js /README.md: -------------------------------------------------------------------------------- 1 | # Getting Started with Create React App 2 | 3 | This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). 4 | 5 | ## Available Scripts 6 | 7 | In the project directory, you can run: 8 | 9 | ### `npm start` 10 | 11 | Runs the app in the development mode.\ 12 | Open [http://localhost:3000](http://localhost:3000) to view it in the browser. 13 | 14 | The page will reload if you make edits.\ 15 | You will also see any lint errors in the console. 16 | 17 | ### `npm test` 18 | 19 | Launches the test runner in the interactive watch mode.\ 20 | See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information. 21 | 22 | ### `npm run build` 23 | 24 | Builds the app for production to the `build` folder.\ 25 | It correctly bundles React in production mode and optimizes the build for the best performance. 26 | 27 | The build is minified and the filenames include the hashes.\ 28 | Your app is ready to be deployed! 29 | 30 | See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information. 31 | 32 | ### `npm run eject` 33 | 34 | **Note: this is a one-way operation. Once you `eject`, you can’t go back!** 35 | 36 | If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project. 37 | 38 | Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own. 39 | 40 | You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it. 41 | 42 | ## Learn More 43 | 44 | You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started). 45 | 46 | To learn React, check out the [React documentation](https://reactjs.org/). 47 | 48 | ### Code Splitting 49 | 50 | This section has moved here: [https://facebook.github.io/create-react-app/docs/code-splitting](https://facebook.github.io/create-react-app/docs/code-splitting) 51 | 52 | ### Analyzing the Bundle Size 53 | 54 | This section has moved here: [https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size](https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size) 55 | 56 | ### Making a Progressive Web App 57 | 58 | This section has moved here: [https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app](https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app) 59 | 60 | ### Advanced Configuration 61 | 62 | This section has moved here: [https://facebook.github.io/create-react-app/docs/advanced-configuration](https://facebook.github.io/create-react-app/docs/advanced-configuration) 63 | 64 | ### Deployment 65 | 66 | This section has moved here: [https://facebook.github.io/create-react-app/docs/deployment](https://facebook.github.io/create-react-app/docs/deployment) 67 | 68 | ### `npm run build` fails to minify 69 | 70 | This section has moved here: [https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify](https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify) 71 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "slick-carousel", 3 | "version": "0.1.0", 4 | "private": true, 5 | "dependencies": { 6 | "@testing-library/jest-dom": "^5.11.5", 7 | "@testing-library/react": "^11.1.0", 8 | "@testing-library/user-event": "^12.1.10", 9 | "react": "^17.0.1", 10 | "react-dom": "^17.0.1", 11 | "react-router-dom": "^5.2.0", 12 | "react-scripts": "4.0.0", 13 | "react-slick": "^0.27.13", 14 | "slick-carousel": "^1.8.1", 15 | "web-vitals": "^0.2.4" 16 | }, 17 | "scripts": { 18 | "start": "react-scripts start", 19 | "build": "react-scripts build", 20 | "test": "react-scripts test", 21 | "eject": "react-scripts eject" 22 | }, 23 | "eslintConfig": { 24 | "extends": [ 25 | "react-app", 26 | "react-app/jest" 27 | ] 28 | }, 29 | "browserslist": { 30 | "production": [ 31 | ">0.2%", 32 | "not dead", 33 | "not op_mini all" 34 | ], 35 | "development": [ 36 | "last 1 chrome version", 37 | "last 1 firefox version", 38 | "last 1 safari version" 39 | ] 40 | } 41 | } -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/favicon.ico -------------------------------------------------------------------------------- /public/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /public/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /public/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /public/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /public/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-100.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-100.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-100.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 19 | 22 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 36 | 37 | 39 | 41 | 42 | 44 | 46 | 47 | 50 | 52 | 53 | 54 | 55 | 56 | 57 | 59 | 63 | 64 | 66 | 68 | 69 | 70 | 71 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 82 | 83 | 85 | 86 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 103 | 105 | 107 | 109 | 111 | 112 | 114 | 115 | 116 | 117 | 118 | 119 | 121 | 122 | 124 | 126 | 128 | 129 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 143 | 144 | 145 | 147 | 149 | 151 | 152 | 153 | 156 | 157 | 160 | 162 | 163 | 164 | 165 | 168 | 169 | 171 | 172 | 174 | 176 | 177 | 179 | 180 | 181 | 182 | 183 | 185 | 186 | 188 | 190 | 193 | 195 | 196 | 197 | 198 | 200 | 201 | 203 | 204 | 207 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 218 | 220 | 222 | 224 | 227 | 229 | 230 | 232 | 234 | 236 | 238 | 240 | 241 | 242 | 244 | 247 | 250 | 253 | 256 | 259 | 262 | 265 | 267 | 269 | 271 | 273 | 275 | 276 | 277 | 278 | 279 | 281 | 283 | 285 | 287 | 289 | 292 | 294 | 295 | 297 | 299 | 301 | 303 | 305 | 307 | 309 | 311 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-100.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-100.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-100.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-100.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-100.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-100.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-200.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-200.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-200.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 12 | 13 | 14 | 15 | 16 | 19 | 22 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 36 | 37 | 39 | 41 | 42 | 44 | 46 | 47 | 50 | 52 | 53 | 54 | 55 | 56 | 57 | 59 | 63 | 64 | 66 | 68 | 69 | 70 | 71 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 82 | 83 | 85 | 86 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 103 | 105 | 107 | 109 | 111 | 112 | 114 | 115 | 116 | 117 | 118 | 119 | 121 | 122 | 124 | 126 | 128 | 129 | 131 | 132 | 133 | 134 | 135 | 136 | 137 | 138 | 139 | 140 | 141 | 143 | 144 | 145 | 147 | 150 | 152 | 153 | 154 | 157 | 158 | 161 | 163 | 164 | 165 | 166 | 169 | 170 | 172 | 173 | 175 | 177 | 178 | 180 | 181 | 182 | 183 | 184 | 186 | 187 | 189 | 191 | 194 | 196 | 197 | 198 | 199 | 201 | 202 | 204 | 205 | 208 | 209 | 210 | 211 | 212 | 213 | 214 | 215 | 216 | 217 | 219 | 221 | 223 | 225 | 228 | 230 | 231 | 233 | 235 | 237 | 239 | 241 | 242 | 243 | 245 | 248 | 251 | 254 | 257 | 260 | 263 | 266 | 268 | 270 | 272 | 274 | 276 | 277 | 278 | 279 | 280 | 282 | 284 | 286 | 288 | 290 | 293 | 295 | 296 | 298 | 300 | 302 | 304 | 306 | 308 | 310 | 312 | 313 | 314 | 315 | 316 | 317 | 318 | 319 | 320 | 321 | 322 | 323 | 324 | 325 | 326 | -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-200.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-200.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-200.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-200.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-200.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-200.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-300.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-300.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-300.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-300.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-300.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-300.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-300.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-300.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-500.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-500.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-500.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-500.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-500.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-500.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-500.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-500.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-600.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-600.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-600.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-600.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-600.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-600.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-600.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-600.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-700.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-700.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-700.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-700.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-700.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-700.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-700.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-700.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-800.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-800.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-800.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-800.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-800.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-800.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-800.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-800.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-900.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-900.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-900.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-900.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-900.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-900.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-900.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-900.woff2 -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-regular.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-regular.eot -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-regular.ttf -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-regular.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-regular.woff -------------------------------------------------------------------------------- /public/fonts/raleway-v18-latin-regular.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/fonts/raleway-v18-latin-regular.woff2 -------------------------------------------------------------------------------- /public/images/1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/1.jpg -------------------------------------------------------------------------------- /public/images/10.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/10.jpg -------------------------------------------------------------------------------- /public/images/11.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/11.jpg -------------------------------------------------------------------------------- /public/images/12.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/12.jpg -------------------------------------------------------------------------------- /public/images/13.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/13.jpg -------------------------------------------------------------------------------- /public/images/14.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/14.jpg -------------------------------------------------------------------------------- /public/images/15.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/15.jpg -------------------------------------------------------------------------------- /public/images/16.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/16.jpg -------------------------------------------------------------------------------- /public/images/2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/2.jpg -------------------------------------------------------------------------------- /public/images/3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/3.jpg -------------------------------------------------------------------------------- /public/images/4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/4.jpg -------------------------------------------------------------------------------- /public/images/5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/5.jpg -------------------------------------------------------------------------------- /public/images/6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/6.jpg -------------------------------------------------------------------------------- /public/images/7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/7.jpg -------------------------------------------------------------------------------- /public/images/8.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/8.jpg -------------------------------------------------------------------------------- /public/images/9.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/images/9.jpg -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 15 | 16 | 17 | 18 | 19 | 28 | React App 29 | 30 | 31 | 32 | 33 |
34 | 44 | 45 | 46 | -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/devamitjha/react_image_slider/6e540278c6b760b2b9415fac7208df875a3556d5/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/styles/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} 5 | -------------------------------------------------------------------------------- /public/styles/font.css: -------------------------------------------------------------------------------- 1 | /* raleway-100 - latin */ 2 | @font-face { 3 | font-family: 'Raleway'; 4 | font-style: normal; 5 | font-weight: 100; 6 | src: url('../fonts/raleway-v18-latin-100.eot'); /* IE9 Compat Modes */ 7 | src: local(''), 8 | url('../fonts/raleway-v18-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 9 | url('../fonts/raleway-v18-latin-100.woff2') format('woff2'), /* Super Modern Browsers */ 10 | url('../fonts/raleway-v18-latin-100.woff') format('woff'), /* Modern Browsers */ 11 | url('../fonts/raleway-v18-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */ 12 | url('../fonts/raleway-v18-latin-100.svg#Raleway') format('svg'); /* Legacy iOS */ 13 | } 14 | /* raleway-200 - latin */ 15 | @font-face { 16 | font-family: 'Raleway'; 17 | font-style: normal; 18 | font-weight: 200; 19 | src: url('../fonts/raleway-v18-latin-200.eot'); /* IE9 Compat Modes */ 20 | src: local(''), 21 | url('../fonts/raleway-v18-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 22 | url('../fonts/raleway-v18-latin-200.woff2') format('woff2'), /* Super Modern Browsers */ 23 | url('../fonts/raleway-v18-latin-200.woff') format('woff'), /* Modern Browsers */ 24 | url('../fonts/raleway-v18-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */ 25 | url('../fonts/raleway-v18-latin-200.svg#Raleway') format('svg'); /* Legacy iOS */ 26 | } 27 | /* raleway-300 - latin */ 28 | @font-face { 29 | font-family: 'Raleway'; 30 | font-style: normal; 31 | font-weight: 300; 32 | src: url('../fonts/raleway-v18-latin-300.eot'); /* IE9 Compat Modes */ 33 | src: local(''), 34 | url('../fonts/raleway-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 35 | url('../fonts/raleway-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ 36 | url('../fonts/raleway-v18-latin-300.woff') format('woff'), /* Modern Browsers */ 37 | url('../fonts/raleway-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ 38 | url('../fonts/raleway-v18-latin-300.svg#Raleway') format('svg'); /* Legacy iOS */ 39 | } 40 | /* raleway-regular - latin */ 41 | @font-face { 42 | font-family: 'Raleway'; 43 | font-style: normal; 44 | font-weight: 400; 45 | src: url('../fonts/raleway-v18-latin-regular.eot'); /* IE9 Compat Modes */ 46 | src: local(''), 47 | url('../fonts/raleway-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 48 | url('../fonts/raleway-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ 49 | url('../fonts/raleway-v18-latin-regular.woff') format('woff'), /* Modern Browsers */ 50 | url('../fonts/raleway-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ 51 | url('../fonts/raleway-v18-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */ 52 | } 53 | /* raleway-500 - latin */ 54 | @font-face { 55 | font-family: 'Raleway'; 56 | font-style: normal; 57 | font-weight: 500; 58 | src: url('../fonts/raleway-v18-latin-500.eot'); /* IE9 Compat Modes */ 59 | src: local(''), 60 | url('../fonts/raleway-v18-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 61 | url('../fonts/raleway-v18-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ 62 | url('../fonts/raleway-v18-latin-500.woff') format('woff'), /* Modern Browsers */ 63 | url('../fonts/raleway-v18-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ 64 | url('../fonts/raleway-v18-latin-500.svg#Raleway') format('svg'); /* Legacy iOS */ 65 | } 66 | /* raleway-600 - latin */ 67 | @font-face { 68 | font-family: 'Raleway'; 69 | font-style: normal; 70 | font-weight: 600; 71 | src: url('../fonts/raleway-v18-latin-600.eot'); /* IE9 Compat Modes */ 72 | src: local(''), 73 | url('../fonts/raleway-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 74 | url('../fonts/raleway-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ 75 | url('../fonts/raleway-v18-latin-600.woff') format('woff'), /* Modern Browsers */ 76 | url('../fonts/raleway-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ 77 | url('../fonts/raleway-v18-latin-600.svg#Raleway') format('svg'); /* Legacy iOS */ 78 | } 79 | /* raleway-700 - latin */ 80 | @font-face { 81 | font-family: 'Raleway'; 82 | font-style: normal; 83 | font-weight: 700; 84 | src: url('../fonts/raleway-v18-latin-700.eot'); /* IE9 Compat Modes */ 85 | src: local(''), 86 | url('../fonts/raleway-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 87 | url('../fonts/raleway-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ 88 | url('../fonts/raleway-v18-latin-700.woff') format('woff'), /* Modern Browsers */ 89 | url('../fonts/raleway-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ 90 | url('../fonts/raleway-v18-latin-700.svg#Raleway') format('svg'); /* Legacy iOS */ 91 | } 92 | /* raleway-800 - latin */ 93 | @font-face { 94 | font-family: 'Raleway'; 95 | font-style: normal; 96 | font-weight: 800; 97 | src: url('../fonts/raleway-v18-latin-800.eot'); /* IE9 Compat Modes */ 98 | src: local(''), 99 | url('../fonts/raleway-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 100 | url('../fonts/raleway-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ 101 | url('../fonts/raleway-v18-latin-800.woff') format('woff'), /* Modern Browsers */ 102 | url('../fonts/raleway-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ 103 | url('../fonts/raleway-v18-latin-800.svg#Raleway') format('svg'); /* Legacy iOS */ 104 | } 105 | /* raleway-900 - latin */ 106 | @font-face { 107 | font-family: 'Raleway'; 108 | font-style: normal; 109 | font-weight: 900; 110 | src: url('../fonts/raleway-v18-latin-900.eot'); /* IE9 Compat Modes */ 111 | src: local(''), 112 | url('../fonts/raleway-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 113 | url('../fonts/raleway-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */ 114 | url('../fonts/raleway-v18-latin-900.woff') format('woff'), /* Modern Browsers */ 115 | url('../fonts/raleway-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */ 116 | url('../fonts/raleway-v18-latin-900.svg#Raleway') format('svg'); /* Legacy iOS */ 117 | } -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import ImageSlider from "./Components/Slider"; 2 | import "./css/App.css" 3 | function App() { 4 | return ( 5 |
6 |

React Image Carousel

7 | 8 |
9 | ); 10 | } 11 | 12 | export default App; 13 | 14 | //npm install react-slick --save 15 | //npm install slick-carousel (this is for slick-carousel for css and font) -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /src/Components/Slider.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import Slider from "react-slick"; 3 | import "slick-carousel/slick/slick.css"; 4 | import "slick-carousel/slick/slick-theme.css"; 5 | 6 | 7 | function ImageSlider() { 8 | let settings = { 9 | dots: true, 10 | infinite: true, 11 | speed: 500, 12 | slidesToShow: 3, 13 | slidesToScroll: 1, 14 | cssEase: "linear" 15 | } 16 | return ( 17 | 18 |
19 |
20 |
21 | 22 |
23 |
    24 |
  • 25 |
  • 26 |
  • 27 |
  • 28 |
29 |
30 |

John Doe UI Developer

31 |
32 |
33 |
34 |
35 |
36 |
37 | 38 |
39 |
    40 |
  • 41 |
  • 42 |
  • 43 |
  • 44 |
45 |
46 |

John Doe UI Developer

47 |
48 |
49 |
50 |
51 |
52 |
53 | 54 |
55 |
    56 |
  • 57 |
  • 58 |
  • 59 |
  • 60 |
61 |
62 |

John Doe UI Developer

63 |
64 |
65 |
66 |
67 |
68 |
69 | 70 |
71 |
    72 |
  • 73 |
  • 74 |
  • 75 |
  • 76 |
77 |
78 |

John Doe UI Developer

79 |
80 |
81 |
82 |
83 | ) 84 | } 85 | 86 | export default ImageSlider 87 | 88 | //... is called spread operator 89 | 90 | //thanks for watching 91 | //pleae subscribe my channel -------------------------------------------------------------------------------- /src/css/App.css: -------------------------------------------------------------------------------- 1 | * { 2 | margin: 0; 3 | padding: 0; 4 | } 5 | 6 | body { 7 | display: block; 8 | width: 100%; 9 | height: 100vh; 10 | overflow: hidden; 11 | font-family: "Raleway", sans-serif; 12 | position: relative; 13 | background: #333; 14 | } 15 | 16 | .slider_title { 17 | font-size: 5vw; 18 | color: tomato; 19 | text-transform: uppercase; 20 | text-align: center; 21 | margin-bottom: 2vw; 22 | } 23 | 24 | .card-wrapper { 25 | position: relative; 26 | width: 100%; 27 | padding: 0 10px; 28 | -webkit-box-sizing: border-box; 29 | box-sizing: border-box; 30 | } 31 | 32 | .card-wrapper:active, .card-wrapper:hover, .card-wrapper:focus { 33 | outline: none; 34 | border: none; 35 | } 36 | 37 | .card { 38 | width: 100%; 39 | height: 450px; 40 | border-radius: 16px; 41 | overflow: hidden; 42 | cursor: pointer; 43 | position: relative; 44 | } 45 | 46 | .card .card-image { 47 | position: absolute; 48 | top: 0; 49 | left: 0; 50 | width: 100%; 51 | height: 100%; 52 | z-index: 2; 53 | background-color: #000; 54 | -webkit-transition: .5s; 55 | transition: .5s; 56 | } 57 | 58 | .card .card-image img { 59 | width: 100%; 60 | height: 100%; 61 | -o-object-fit: cover; 62 | object-fit: cover; 63 | } 64 | 65 | .card:hover img { 66 | opacity: .4; 67 | -webkit-transition: .5s; 68 | transition: .5s; 69 | } 70 | 71 | .card:hover .card-image { 72 | -webkit-transform: translateY(-100px); 73 | transform: translateY(-100px); 74 | -webkit-transition: all .9s; 75 | transition: all .9s; 76 | } 77 | 78 | .social-icons { 79 | position: absolute; 80 | top: 50%; 81 | left: 50%; 82 | -webkit-transform: translate(-50%, -50%); 83 | transform: translate(-50%, -50%); 84 | z-index: 3; 85 | display: -webkit-box; 86 | display: -ms-flexbox; 87 | display: flex; 88 | } 89 | 90 | .social-icons li { 91 | list-style: none; 92 | } 93 | 94 | .social-icons li a { 95 | position: relative; 96 | display: block; 97 | width: 50px; 98 | height: 50px; 99 | line-height: 50px; 100 | text-align: center; 101 | background: #fff; 102 | font-size: 23px; 103 | color: #333; 104 | font-weight: bold; 105 | margin: 0 6px; 106 | -webkit-transition: .4s; 107 | transition: .4s; 108 | -webkit-transform: translateY(200px); 109 | transform: translateY(200px); 110 | opacity: 0; 111 | } 112 | 113 | .card:hover .social-icons li a { 114 | -webkit-transform: translateY(0px); 115 | transform: translateY(0px); 116 | opacity: 1; 117 | } 118 | 119 | .social-icons li a:hover { 120 | background: #000; 121 | -webkit-transition: .2s; 122 | transition: .2s; 123 | } 124 | 125 | .social-icons li a:hover .fa { 126 | color: #fff; 127 | } 128 | 129 | .social-icons li a .fa { 130 | -webkit-transition: .8s; 131 | transition: .8s; 132 | } 133 | 134 | .social-icons li a .fa:hover { 135 | -webkit-transform: rotateY(360deg); 136 | transform: rotateY(360deg); 137 | color: #fff; 138 | } 139 | 140 | .card:hover li:nth-child(1) a { 141 | -webkit-transition-delay: .1s; 142 | transition-delay: .1s; 143 | } 144 | 145 | .card:hover li:nth-child(2) a { 146 | -webkit-transition-delay: .2s; 147 | transition-delay: .2s; 148 | } 149 | 150 | .card:hover li:nth-child(3) a { 151 | -webkit-transition-delay: .3s; 152 | transition-delay: .3s; 153 | } 154 | 155 | .card:hover li:nth-child(4) a { 156 | -webkit-transition-delay: .4s; 157 | transition-delay: .4s; 158 | } 159 | 160 | .details { 161 | position: absolute; 162 | bottom: 400px; 163 | left: 0; 164 | background: #fff; 165 | width: 100%; 166 | height: 120px; 167 | z-index: 1; 168 | padding: 10px; 169 | -webkit-transition: .6s; 170 | transition: .6s; 171 | } 172 | 173 | .details h2 { 174 | margin: 30px 0; 175 | padding: 0; 176 | text-align: center; 177 | } 178 | 179 | .details h2 .job-title { 180 | font-size: 16px; 181 | line-height: 2; 182 | color: #333; 183 | font-weight: 300; 184 | display: block; 185 | } 186 | 187 | .card:hover .details { 188 | bottom: 0; 189 | } 190 | 191 | .carousel .slick-dots { 192 | bottom: -2.5vw; 193 | } 194 | 195 | .carousel .slick-dots li button { 196 | width: 20px; 197 | height: 20px; 198 | border: 1px solid #fff; 199 | border-radius: 20px; 200 | } 201 | 202 | .carousel .slick-dots li button:before { 203 | position: absolute; 204 | top: 50%; 205 | left: 50%; 206 | width: 10px; 207 | height: 10px; 208 | border-radius: 10px; 209 | content: ""; 210 | text-align: center; 211 | opacity: .5; 212 | color: #000; 213 | background-color: #fff; 214 | -webkit-transform: translate(-50%, -50%); 215 | transform: translate(-50%, -50%); 216 | -webkit-transition: all .3s ease-in-out; 217 | transition: all .3s ease-in-out; 218 | } 219 | 220 | .carousel .slick-dots li.slick-active button, .carousel .slick-dots li:hover button { 221 | border-color: tomato; 222 | } 223 | 224 | .carousel .slick-dots li.slick-active button:before, .carousel .slick-dots li:hover button:before { 225 | background-color: tomato; 226 | opacity: 1; 227 | } 228 | 229 | .carousel .slick-prev, .carousel .slick-next { 230 | width: 50px; 231 | height: 50px; 232 | background-color: #fff; 233 | } 234 | 235 | .carousel .slick-prev:hover, .carousel .slick-prev:focus, .carousel .slick-next:hover, .carousel .slick-next:focus { 236 | color: #fff; 237 | outline: none; 238 | background: #fff; 239 | } 240 | 241 | .carousel .slick-prev:before, .carousel .slick-next:before { 242 | color: #000; 243 | font-family: "Raleway", sans-serif; 244 | } 245 | 246 | .carousel .slick-next { 247 | right: -55px; 248 | } 249 | 250 | .carousel .slick-prev { 251 | left: -55px; 252 | } 253 | /*# sourceMappingURL=App.css.map */ -------------------------------------------------------------------------------- /src/css/App.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "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", 4 | "sources": [ 5 | "App.scss" 6 | ], 7 | "names": [], 8 | "file": "App.css" 9 | } -------------------------------------------------------------------------------- /src/css/App.scss: -------------------------------------------------------------------------------- 1 | *{ 2 | margin:0; 3 | padding:0; 4 | } 5 | $Raleway:'Raleway',sans-serif; 6 | 7 | body{ 8 | display:block; 9 | width:100%; 10 | height:100vh; 11 | overflow: hidden; 12 | font-family: $Raleway; 13 | position:relative; 14 | background:#333; 15 | } 16 | 17 | .slider_title{ 18 | font-size:5vw; 19 | color:tomato; 20 | text-transform: uppercase; 21 | text-align: center; 22 | margin-bottom:2vw; 23 | } 24 | .card-wrapper{ 25 | position:relative; 26 | width:100%; 27 | padding:0 10px; 28 | box-sizing: border-box; 29 | &:active,&:hover,&:focus{ 30 | outline:none; 31 | border:none; 32 | } 33 | }//card-wrapper 34 | 35 | .card{ 36 | width:100%; 37 | height:450px; 38 | border-radius: 16px; 39 | overflow: hidden; 40 | cursor:pointer; 41 | position: relative; 42 | .card-image{ 43 | position: absolute; 44 | top:0; 45 | left:0; 46 | width:100%; 47 | height:100%; 48 | z-index:2; 49 | background-color: #000; 50 | transition:.5s; 51 | img{ 52 | width:100%; 53 | height:100%; 54 | object-fit: cover; 55 | } 56 | }//card-image 57 | &:hover{ 58 | img{ 59 | opacity:.4; 60 | transition:.5s; 61 | } 62 | .card-image{ 63 | transform:translateY(-100px); 64 | transition:all .9s; 65 | } 66 | } 67 | }//card 68 | 69 | .social-icons{ 70 | position: absolute;; 71 | top:50%; 72 | left:50%; 73 | transform: translate(-50%, -50%); 74 | z-index:3; 75 | display:flex; 76 | li{ 77 | list-style: none; 78 | a{ 79 | position:relative; 80 | display:block; 81 | width:50px; 82 | height:50px; 83 | line-height: 50px; 84 | text-align: center; 85 | background:#fff; 86 | font-size:23px; 87 | color:#333; 88 | font-weight: bold; 89 | margin:0 6px; 90 | transition:.4s; 91 | transform:translateY(200px); 92 | opacity:0; 93 | } 94 | } 95 | }//social-icons 96 | 97 | .card:hover{ 98 | .social-icons li a{ 99 | transform:translateY(0px); 100 | opacity:1; 101 | } 102 | } 103 | .social-icons li a:hover{ 104 | background: #000; 105 | transition: .2s; 106 | .fa{ 107 | color:#fff; 108 | } 109 | } 110 | .social-icons li a .fa{ 111 | transition:.8s; 112 | &:hover{ 113 | transform:rotateY(360deg); 114 | color:#fff; 115 | } 116 | } 117 | 118 | .card:hover li:nth-child(1) a{ 119 | transition-delay: .1s; 120 | } 121 | .card:hover li:nth-child(2) a{ 122 | transition-delay: .2s; 123 | } 124 | .card:hover li:nth-child(3) a{ 125 | transition-delay: .3s; 126 | } 127 | .card:hover li:nth-child(4) a{ 128 | transition-delay: .4s; 129 | } 130 | .details{ 131 | position:absolute; 132 | bottom:400px; 133 | left:0; 134 | background:#fff; 135 | width:100%; 136 | height:120px; 137 | z-index:1; 138 | padding:10px; 139 | transition:.6s; 140 | h2{ 141 | margin:30px 0; 142 | padding:0; 143 | text-align: center; 144 | .job-title{ 145 | font-size:16px; 146 | line-height: 2; 147 | color:#333; 148 | font-weight:300; 149 | display:block; 150 | } 151 | } 152 | } 153 | 154 | .card:hover{ 155 | .details{ 156 | bottom:0; 157 | } 158 | } 159 | 160 | .carousel{ 161 | .slick-dots{ 162 | bottom:-2.5vw; 163 | li{ 164 | button{ 165 | width:20px; 166 | height:20px; 167 | border:1px solid #fff; 168 | border-radius: 20px; 169 | &:before{ 170 | position:absolute; 171 | top:50%; 172 | left:50%; 173 | width:10px; 174 | height:10px; 175 | border-radius: 10px; 176 | content:""; 177 | text-align: center; 178 | opacity:.5; 179 | color:#000; 180 | background-color:#fff; 181 | transform:translate(-50%, -50%); 182 | transition:all .3s ease-in-out; 183 | } 184 | } 185 | &.slick-active, 186 | &:hover{ 187 | button{ 188 | border-color: tomato; 189 | &:before{ 190 | background-color:tomato; 191 | opacity:1; 192 | } 193 | } 194 | } 195 | } 196 | } 197 | 198 | .slick-prev, .slick-next{ 199 | width:50px; 200 | height:50px; 201 | background-color:#fff; 202 | } 203 | .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{ 204 | color:#fff; 205 | outline:none; 206 | background:#fff; 207 | } 208 | .slick-prev:before,.slick-next:before{ 209 | color:#000; 210 | font-family: $Raleway; 211 | } 212 | .slick-next{ 213 | right:-55px; 214 | } 215 | .slick-prev{ 216 | left:-55px; 217 | } 218 | } -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | import reportWebVitals from './reportWebVitals'; 5 | 6 | ReactDOM.render( 7 | 8 | 9 | , 10 | document.getElementById('root') 11 | ); 12 | 13 | // If you want to start measuring performance in your app, pass a function 14 | // to log results (for example: reportWebVitals(console.log)) 15 | // or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals 16 | reportWebVitals(); 17 | -------------------------------------------------------------------------------- /src/logo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | --------------------------------------------------------------------------------