├── README.md └── build ├── asset-manifest.json ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json ├── robots.txt └── static ├── css ├── main.b2b7aaf1.css └── main.b2b7aaf1.css.map ├── js ├── main.fc783ae4.js ├── main.fc783ae4.js.LICENSE.txt └── main.fc783ae4.js.map └── media ├── 1.9a55e86a635d2ceebf4e.jpg ├── Facebook.93ceca25ffb24a7b2c66 ├── GitHub.fc592eb826874bc7f8e2 ├── Instagram.6710fa574b6886e0c0cd └── Twitter.45b56de6a38435d62451 /README.md: -------------------------------------------------------------------------------- 1 | # profile-card-Scrimba 2 | My Profile Card using React 3 | 4 | 5 | 6 | 9 | 10 |
7 | 8 |
11 | -------------------------------------------------------------------------------- /build/asset-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": { 3 | "main.css": "/static/css/main.b2b7aaf1.css", 4 | "main.js": "/static/js/main.fc783ae4.js", 5 | "static/media/1.jpg": "/static/media/1.9a55e86a635d2ceebf4e.jpg", 6 | "static/media/Instagram": "/static/media/Instagram.6710fa574b6886e0c0cd", 7 | "static/media/GitHub": "/static/media/GitHub.fc592eb826874bc7f8e2", 8 | "index.html": "/index.html", 9 | "static/media/Twitter": "/static/media/Twitter.45b56de6a38435d62451", 10 | "static/media/Facebook": "/static/media/Facebook.93ceca25ffb24a7b2c66", 11 | "main.b2b7aaf1.css.map": "/static/css/main.b2b7aaf1.css.map", 12 | "main.fc783ae4.js.map": "/static/js/main.fc783ae4.js.map" 13 | }, 14 | "entrypoints": [ 15 | "static/css/main.b2b7aaf1.css", 16 | "static/js/main.fc783ae4.js" 17 | ] 18 | } -------------------------------------------------------------------------------- /build/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Harshbailurkar/React-profile-card/6aaf93553da5292aee5efb0b60cd096b5d2850b3/build/favicon.ico -------------------------------------------------------------------------------- /build/index.html: -------------------------------------------------------------------------------- 1 | Profile Card
-------------------------------------------------------------------------------- /build/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Harshbailurkar/React-profile-card/6aaf93553da5292aee5efb0b60cd096b5d2850b3/build/logo192.png -------------------------------------------------------------------------------- /build/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Harshbailurkar/React-profile-card/6aaf93553da5292aee5efb0b60cd096b5d2850b3/build/logo512.png -------------------------------------------------------------------------------- /build/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 | -------------------------------------------------------------------------------- /build/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /build/static/css/main.b2b7aaf1.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css2?family=Roboto&family=Lobster&display=swap);.ProfilePhoto>img{aspect-ratio:1;border-radius:8px 8px 0 0;width:100%}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}html{background-color:#10101a}.Info h1{color:#f5f5f5;font-size:2rem;font-weight:700;line-height:30px;line-height:100%;margin:1.5rem 0 .3rem}.Info h1,.Info h2{display:flex;justify-content:center;text-align:center}.Info h2{color:#f3bf99;font-size:1em;font-weight:400;line-height:15px;line-height:100%}.Info p{color:#f5f5f5;display:flex;font-size:1em;justify-content:center;margin:.5rem 0;text-align:center}.--info-portfolio{color:#fff;text-decoration:none}.--info-portfolio:active{color:#fff}.--info-buttons{display:flex;justify-content:space-around;padding:1.2rem}.Info button{border:none;border-radius:6px;font-size:14px;height:34px;line-height:16px;width:115px}.--info-email{background-color:#fff;color:#374151}.--info-linkedin{background-color:#5093e2;color:#fff}.About{padding:.2rem 2rem 1rem}.About h2{font-size:1.2rem}.About h2,.About p{color:#f5f5f5;display:flex;justify-content:flex-start}.About p{font-size:.8em;line-height:15px}.Interests{padding:.2rem 2rem 2rem}.Interests h2{font-size:1.2rem}.Interests h2,.Interests p{color:#f5f5f5;display:flex;justify-content:flex-start}.Interests p{font-size:.8em;line-height:15px}.Footer{background-color:#161619;border-radius:0 0 8px 8px}.Footer ul{display:flex;justify-content:space-evenly;list-style:none;padding-bottom:1em;padding-top:1em}.Footer a{color:#918e9b}@media screen and (max-width:481px){.container{background-color:#1a1b21;border-radius:8px;margin:1rem auto;max-width:80%;min-width:345px}}@media screen and (min-width:481px){.container{background-color:#1a1b21;border-radius:8px;margin:1rem auto;max-width:40%;min-width:345px}}@media screen and (min-width:769px){.container{background-color:#1a1b21;border-radius:8px;margin:1rem auto;max-width:33%;min-width:345px}}.rotateimg{-webkit-transform:rotate(-.5deg);transform:rotate(-.5deg)} 2 | /*# sourceMappingURL=main.b2b7aaf1.css.map*/ -------------------------------------------------------------------------------- /build/static/css/main.b2b7aaf1.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"file":"static/css/main.b2b7aaf1.css","mappings":"yFACA,kBAEE,cAAe,CACf,yBAA0B,CAF1B,UAGF,CACA,EAGE,qBAAsB,CACtB,6BAAiC,CAHjC,QAAS,CACT,SAGF,CACA,KACE,wBACF,CACA,SAOE,aAAiB,CALjB,cAAe,CAIf,eAAgB,CAFhB,gBAAiB,CACjB,gBAAiB,CAFjB,qBAOF,CAEA,kBAJE,YAAa,CACb,sBAAuB,CARvB,iBAoBF,CATA,SAEE,aAAc,CACd,aAAc,CACd,eAAgB,CAChB,gBAAiB,CACjB,gBAGF,CACA,QAIE,aAAiB,CACjB,YAAa,CAHb,aAAc,CAId,sBAAuB,CAHvB,cAAgB,CAFhB,iBAMF,CACA,kBACE,UAAc,CACd,oBACF,CAEA,yBACE,UACF,CACA,gBACE,YAAa,CACb,4BAA6B,CAC7B,cACF,CAEA,aAGE,WAAY,CACZ,iBAAkB,CAClB,cAAe,CAHf,WAAY,CAIZ,gBAAiB,CALjB,WAMF,CAEA,cACE,qBAAyB,CACzB,aACF,CAEA,iBACE,wBAAyB,CACzB,UACF,CAEA,OACE,uBACF,CAEA,UACE,gBAIF,CAEA,mBALE,aAAiB,CACjB,YAAa,CACb,0BASF,CANA,SACE,cAAgB,CAChB,gBAIF,CAEA,WACE,uBACF,CAEA,cACE,gBAIF,CAEA,2BALE,aAAiB,CACjB,YAAa,CACb,0BASF,CANA,aACE,cAAgB,CAChB,gBAIF,CAEA,QACE,wBAAyB,CACzB,yBACF,CAEA,WAEE,YAAa,CACb,4BAA6B,CAF7B,eAAgB,CAIhB,kBAAmB,CADnB,eAEF,CAEA,UACE,aACF,CACA,oCACE,WAGE,wBAAyB,CACzB,iBAAkB,CAHlB,gBAAiB,CACjB,aAAc,CAGd,eACF,CACF,CACA,oCACE,WAGE,wBAAyB,CACzB,iBAAkB,CAHlB,gBAAiB,CACjB,aAAc,CAGd,eACF,CACF,CACA,oCACE,WAGE,wBAAyB,CACzB,iBAAkB,CAHlB,gBAAiB,CACjB,aAAc,CAGd,eACF,CACF,CACA,WACE,gCAAkC,CAIlC,wBACF","sources":["index.css"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Roboto&family=Lobster&display=swap\");\r\n.ProfilePhoto > img {\r\n width: 100%;\r\n aspect-ratio: 1;\r\n border-radius: 8px 8px 0 0;\r\n}\r\n* {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: \"Roboto\", sans-serif;\r\n}\r\nhtml {\r\n background-color: #10101a;\r\n}\r\n.Info h1 {\r\n text-align: center;\r\n font-size: 2rem;\r\n margin: 1.5rem 0 0.3rem 0;\r\n line-height: 30px;\r\n line-height: 100%;\r\n font-weight: 700;\r\n color: whitesmoke;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n.Info h2 {\r\n text-align: center;\r\n color: #f3bf99;\r\n font-size: 1em;\r\n font-weight: 400;\r\n line-height: 15px;\r\n line-height: 100%;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n.Info p {\r\n text-align: center;\r\n font-size: 1em;\r\n margin: 0.5rem 0;\r\n color: whitesmoke;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n.--info-portfolio {\r\n color: #ffffff;\r\n text-decoration: none;\r\n}\r\n\r\n.--info-portfolio:active {\r\n color: #ffffff;\r\n}\r\n.--info-buttons {\r\n display: flex;\r\n justify-content: space-around;\r\n padding: 1.2rem;\r\n}\r\n\r\n.Info button {\r\n width: 115px;\r\n height: 34px;\r\n border: none;\r\n border-radius: 6px;\r\n font-size: 14px;\r\n line-height: 16px;\r\n}\r\n\r\n.--info-email {\r\n background-color: #ffffff;\r\n color: #374151;\r\n}\r\n\r\n.--info-linkedin {\r\n background-color: #5093e2;\r\n color: #ffffff;\r\n}\r\n\r\n.About {\r\n padding: 0.2rem 2rem 1rem;\r\n}\r\n\r\n.About h2 {\r\n font-size: 1.2rem;\r\n color: whitesmoke;\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.About p {\r\n font-size: 0.8em;\r\n line-height: 15px;\r\n color: whitesmoke;\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.Interests {\r\n padding: 0.2rem 2rem 2rem;\r\n}\r\n\r\n.Interests h2 {\r\n font-size: 1.2rem;\r\n color: whitesmoke;\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.Interests p {\r\n font-size: 0.8em;\r\n line-height: 15px;\r\n color: whitesmoke;\r\n display: flex;\r\n justify-content: flex-start;\r\n}\r\n\r\n.Footer {\r\n background-color: #161619;\r\n border-radius: 0 0 8px 8px;\r\n}\r\n\r\n.Footer ul {\r\n list-style: none;\r\n display: flex;\r\n justify-content: space-evenly;\r\n padding-top: 1em;\r\n padding-bottom: 1em;\r\n}\r\n\r\n.Footer a {\r\n color: #918e9b;\r\n}\r\n@media screen and (max-width: 481px) {\r\n .container {\r\n margin: 1rem auto;\r\n max-width: 80%;\r\n background-color: #1a1b21;\r\n border-radius: 8px;\r\n min-width: 345px;\r\n }\r\n}\r\n@media screen and (min-width: 481px) {\r\n .container {\r\n margin: 1rem auto;\r\n max-width: 40%;\r\n background-color: #1a1b21;\r\n border-radius: 8px;\r\n min-width: 345px;\r\n }\r\n}\r\n@media screen and (min-width: 769px) {\r\n .container {\r\n margin: 1rem auto;\r\n max-width: 33%;\r\n background-color: #1a1b21;\r\n border-radius: 8px;\r\n min-width: 345px;\r\n }\r\n}\r\n.rotateimg {\r\n -webkit-transform: rotate(-0.5deg);\r\n -moz-transform: rotate(-0.5deg);\r\n -ms-transform: rotate(-0.5deg);\r\n -o-transform: rotate(-0.5deg);\r\n transform: rotate(-0.5deg);\r\n}\r\n"],"names":[],"sourceRoot":""} -------------------------------------------------------------------------------- /build/static/js/main.fc783ae4.js: -------------------------------------------------------------------------------- 1 | /*! For license information please see main.fc783ae4.js.LICENSE.txt */ 2 | !function(){"use strict";var e={463:function(e,n,t){var r=t(791),l=t(296);function a(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t