├── .gitattributes ├── assets ├── fonts │ ├── Inter-Bold.ttf │ ├── Inter-Regular.ttf │ └── Inter-SemiBold.ttf └── images │ ├── favicon-32x32.png │ └── avatar-jessica.jpeg ├── css ├── fonts.css └── style.css ├── .github └── workflows │ └── static.yml ├── index.html └── README.md /.gitattributes: -------------------------------------------------------------------------------- 1 | # Auto detect text files and perform LF normalization 2 | * text=auto 3 | -------------------------------------------------------------------------------- /assets/fonts/Inter-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boss-0000/html-css/HEAD/assets/fonts/Inter-Bold.ttf -------------------------------------------------------------------------------- /assets/fonts/Inter-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boss-0000/html-css/HEAD/assets/fonts/Inter-Regular.ttf -------------------------------------------------------------------------------- /assets/fonts/Inter-SemiBold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boss-0000/html-css/HEAD/assets/fonts/Inter-SemiBold.ttf -------------------------------------------------------------------------------- /assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boss-0000/html-css/HEAD/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /assets/images/avatar-jessica.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boss-0000/html-css/HEAD/assets/images/avatar-jessica.jpeg -------------------------------------------------------------------------------- /css/fonts.css: -------------------------------------------------------------------------------- 1 | /* 2 | the files font name: inter 3 | tow weight 400 , 700 4 | regular , bold 5 | */ 6 | @font-face { 7 | font-family: 'inter'; 8 | src: url(../assets/fonts/Inter-Regular.ttf), 9 | url("../assets/fonts/Inter-SemiBold.ttf") format("ttf"), 10 | url("../assets/fonts/Inter-Bold.ttf") format("ttf"); 11 | font-weight: normal; 12 | } 13 | body{ 14 | font-family: 'inter'; 15 | } 16 | .profile-name{ 17 | font-family: 'inter'; 18 | } -------------------------------------------------------------------------------- /.github/workflows/static.yml: -------------------------------------------------------------------------------- 1 | # Simple workflow for deploying static content to GitHub Pages 2 | name: Deploy static content to Pages 3 | 4 | on: 5 | # Runs on pushes targeting the default branch 6 | push: 7 | branches: ["main"] 8 | 9 | # Allows you to run this workflow manually from the Actions tab 10 | workflow_dispatch: 11 | 12 | # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages 13 | permissions: 14 | contents: read 15 | pages: write 16 | id-token: write 17 | 18 | # Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued. 19 | # However, do NOT cancel in-progress runs as we want to allow these production deployments to complete. 20 | concurrency: 21 | group: "pages" 22 | cancel-in-progress: false 23 | 24 | jobs: 25 | # Single deploy job since we're just deploying 26 | deploy: 27 | environment: 28 | name: github-pages 29 | url: ${{ steps.deployment.outputs.page_url }} 30 | runs-on: ubuntu-latest 31 | steps: 32 | - name: Checkout 33 | uses: actions/checkout@v4 34 | - name: Setup Pages 35 | uses: actions/configure-pages@v5 36 | - name: Upload artifact 37 | uses: actions/upload-pages-artifact@v3 38 | with: 39 | # Upload entire repository 40 | path: '.' 41 | - name: Deploy to GitHub Pages 42 | id: deployment 43 | uses: actions/deploy-pages@v4 44 | -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Frontend Mentor | Social links profile 13 | 14 | 15 | 16 |
17 |
18 |
19 |
20 | 21 | avatar 22 | 23 |
24 |
25 |

Jessica Randall

26 |
27 |
28 | London, United Kingdom 29 |
30 | 31 | 32 |
33 |

"Front-end Developer and avid reader."

34 |
35 | 36 | 55 |
56 |
57 |
58 | 59 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /* 2 | css all files 3 | */ 4 | /* reset */ 5 | *, 6 | *::after, 7 | *::before{ 8 | margin: 0; 9 | padding: 0; 10 | box-sizing: border-box; 11 | } 12 | /* root */ 13 | :root{ 14 | --gray-900-color: #0E0E0E; 15 | --gray-800-color: #141414; 16 | --green-color: hsl(75, 94%, 57%); 17 | --primery-text-color: hsl(0, 0%, 100%); 18 | --gray-700-color: #1F1F1F; 19 | } 20 | html{ 21 | font-size: 62.5%; 22 | } 23 | body{ 24 | background-color: var(--gray-900-color); 25 | font-size: 1.4rem; 26 | font-family: 'inter'; 27 | } 28 | h1{ 29 | color: var(--primery-text-color); 30 | font-family: 'inter'; 31 | font-weight: 700; 32 | } 33 | h2{ 34 | color: var(--primery-text-color); 35 | font-weight: 600; 36 | } 37 | h3{ 38 | font-weight: 400; 39 | } 40 | /* start all codes */ 41 | .flex-center{ 42 | display: flex; 43 | justify-content: center; 44 | } 45 | .container{ 46 | height: 100vh; 47 | display: flex; 48 | align-items: center; 49 | justify-content: center; 50 | } 51 | .profile-box{ 52 | background-color: var(--gray-800-color); 53 | padding: 20px 10px; 54 | width: 25em; 55 | border-radius: 10px; 56 | box-shadow: 1px 2px 4px var(--gray-800-color); 57 | } 58 | .profile-image a img{ 59 | border-radius: 100%; 60 | width: 8rem; 61 | border: none; 62 | box-shadow: 1px 2px 3px var(--gray-800-color); 63 | } 64 | .profile-name{ 65 | margin: 2rem 0 1.5rem 0; 66 | } 67 | .profile-location a{ 68 | text-decoration: none; 69 | color: var(--green-color); 70 | } 71 | .profile-about-me{ 72 | font-size: 1.1rem; 73 | margin: 10px; 74 | color: #eee; 75 | } 76 | .social-buttons{ 77 | width: 100%; 78 | } 79 | .list-alls{ 80 | width: inherit; 81 | display: flex; 82 | flex-direction: column; 83 | gap: 10px; 84 | list-style-type: none; 85 | } 86 | .social-btn{ 87 | text-decoration: none; 88 | text-align: center; 89 | border: 1px solid var(--gray-700-color); 90 | color: var(--primery-text-color); 91 | background-color: #333333; 92 | padding: 10px; 93 | border-radius: 5px; 94 | box-shadow: 1px 2px 3px var(--gray-800-color); 95 | font-weight: 450; 96 | font-size: 1.3rem; 97 | } 98 | .social-btn:hover{ 99 | background-color: var(--green-color); 100 | color: var(--gray-800-color); 101 | transition: all 0.4s ease; 102 | } 103 | /* responsive code Mobile */ 104 | @media screen and (min-width: 375px) { 105 | .profile{ 106 | width: 25em; 107 | /* background-color: var(--gray-700-color); */ 108 | height: 100vh; 109 | display: flex; 110 | justify-content: center; 111 | align-items: center; 112 | } 113 | } 114 | /* responsive codes Desktop*/ 115 | @media screen and (min-width:1440px) { 116 | .profile{ 117 | background-color: var(--gray-900-color); 118 | } 119 | } -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 |

2 | 3 | Senior Full stack and Blockchain Developer 4 | 5 |

6 | 7 |

8 | 9 |

10 | 11 |

12 | 13 | 14 | 15 |

16 | 17 | ## Core Skills 18 | 19 | - 🔭 Frontend : React.js, Next.js, Wordpress, Shopify, Vue.js, Angular.js, Nuxt.js 20 | - 🔥 BlockChain : Web3.js, Ether.js, Wagmi, Hardhat, Truffle, Ethereum, Solana, DeFi, Dex, NFT 21 | - 🌱 Libraries : TailwindCSS, Material UI, AntD, RSuite 22 | - 👨‍💻 Backend : PHP / Laravel, CI, Node.js / Express, Python / Django 23 | - 💬 Database : MySQL, MongoDB, PostgreSQL, MariaDB, SQLite 24 | - 📫 Languages : JavaScript, TypeScript, ReScript, HTML5, CSS/SCSS/LESS, PHP, Python, Solidity, Rust 25 | 26 | ## Languages & Tools 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 |

65 | 66 | ## Profile Views 67 | 68 | ![Profile view counter on GitHub](https://komarev.com/ghpvc/?username=perisicnikola37) 69 | 70 | ## Github Stats 71 | 72 |

73 | 74 | 75 | 76 | 77 |

78 | 79 |

80 |

81 | 82 | 83 | 84 | 85 |
86 | 94 | 95 |
96 | --------------------------------------------------------------------------------