{"id":9,"date":"2026-05-05T13:58:36","date_gmt":"2026-05-05T13:58:36","guid":{"rendered":"https:\/\/custompc.sadikmohsin.com\/?page_id=9"},"modified":"2026-05-05T14:10:42","modified_gmt":"2026-05-05T14:10:42","slug":"home","status":"publish","type":"page","link":"https:\/\/custompc.sadikmohsin.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nSadik Mohsin \u2013 PC Enthusiast<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Share+Tech+Mono&family=Barlow+Condensed:wght@300;400;600;800&family=Orbitron:wght@400;700;900&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n :root {\r\n --bg: #050508;\r\n --surface: #0d0d14;\r\n --accent: #00f5d4;\r\n --accent2: #ff3a5c;\r\n --accent3: #f5a623;\r\n --text: #ffffff;\r\n --muted: #c0c0d8;\r\n --border: rgba(0,245,212,0.15);\r\n --glow: 0 0 20px rgba(0,245,212,0.3);\r\n }\r\n * { margin: 0; padding: 0; box-sizing: border-box; }\r\n html { scroll-behavior: smooth; }\r\n body {\r\n background: var(--bg);\r\n color: var(--text);\r\n font-family: 'Barlow Condensed', sans-serif;\r\n overflow-x: hidden;\r\n cursor: none;\r\n }\r\n .cursor {\r\n width: 12px; height: 12px; border-radius: 50%;\r\n background: var(--accent); position: fixed; pointer-events: none;\r\n z-index: 9999; transform: translate(-50%,-50%);\r\n transition: transform 0.1s, width 0.2s, height 0.2s; mix-blend-mode: screen;\r\n }\r\n .cursor-ring {\r\n width: 36px; height: 36px; border-radius: 50%;\r\n border: 1px solid var(--accent); position: fixed; pointer-events: none;\r\n z-index: 9998; transform: translate(-50%,-50%);\r\n transition: left 0.15s ease, top 0.15s ease; opacity: 0.5;\r\n }\r\n .scroll-progress {\r\n position: fixed; top: 0; left: 0; height: 3px;\r\n background: linear-gradient(90deg, var(--accent), var(--accent2));\r\n z-index: 1000; width: 0%; transition: width 0.1s; box-shadow: var(--glow);\r\n }\r\n body::before {\r\n content: ''; position: fixed; inset: 0; pointer-events: none;\r\n z-index: 9997; opacity: 0.4;\r\n background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\r\n }\r\n\r\n \/* NAV *\/\r\n nav {\r\n position: fixed; top: 0; left: 0; right: 0; z-index: 100;\r\n padding: 18px 48px; display: flex; justify-content: center;\r\n align-items: center; border-bottom: 1px solid var(--border);\r\n background: rgba(5,5,8,0.85); backdrop-filter: blur(12px);\r\n }\r\n .nav-inner { max-width: 1100px; width: 100%; display: flex; justify-content: space-between; align-items: center; }\r\n .nav-logo { font-family: 'Orbitron', monospace; font-weight: 900; font-size: 18px; color: var(--accent); letter-spacing: 2px; }\r\n .nav-logo span { color: var(--accent2); }\r\n .nav-links { display: flex; gap: 28px; }\r\n .nav-links a { font-family: 'Share Tech Mono', monospace; font-size: 11px; color: var(--muted); text-decoration: none; letter-spacing: 2px; transition: color 0.2s; text-transform: uppercase; }\r\n .nav-links a:hover { color: var(--accent); }\r\n .nav-right { display: flex; align-items: center; gap: 16px; }\r\n .nav-wa {\r\n display: flex; align-items: center; gap: 7px;\r\n font-family: 'Share Tech Mono', monospace; font-size: 11px;\r\n color: #25D366; text-decoration: none; border: 1px solid rgba(37,211,102,0.3);\r\n padding: 7px 14px; transition: all 0.3s; letter-spacing: 1px;\r\n }\r\n .nav-wa:hover { background: rgba(37,211,102,0.1); border-color: #25D366; box-shadow: 0 0 15px rgba(37,211,102,0.3); }\r\n .wa-icon { font-size: 14px; }\r\n .nav-status { display: flex; align-items: center; gap: 8px; font-family: 'Share Tech Mono', monospace; font-size: 11px; color: var(--accent); }\r\n .status-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--accent); animation: pulse 2s infinite; }\r\n @keyframes pulse { 0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,245,212,0.4)}50%{opacity:0.7;box-shadow:0 0 0 6px rgba(0,245,212,0)} }\r\n\r\n \/* HERO *\/\r\n section { padding: 60px 48px 40px; position: relative; }\r\n #hero {\r\n display: flex; align-items: center; justify-content: center;\r\n flex-direction: column; text-align: center;\r\n position: relative; overflow: hidden; min-height: 100vh; padding: 0;\r\n }\r\n .hero-grid {\r\n position: absolute; inset: 0;\r\n background-image: linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);\r\n background-size: 60px 60px;\r\n mask-image: radial-gradient(ellipse at center, black 30%, transparent 75%);\r\n animation: gridShift 20s linear infinite;\r\n }\r\n @keyframes gridShift { from{transform:translateY(0)} to{transform:translateY(60px)} }\r\n .hero-scanline {\r\n position: absolute; inset: 0; pointer-events: none;\r\n background: repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,0.1) 2px,rgba(0,0,0,0.1) 4px);\r\n }\r\n .particles { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }\r\n .particle { position: absolute; width: 2px; height: 2px; background: var(--accent); border-radius: 50%; animation: floatUp linear infinite; opacity: 0; }\r\n @keyframes floatUp { 0%{transform:translateY(100vh);opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{transform:translateY(-100px) translateX(30px);opacity:0} }\r\n\r\n .hero-content { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; padding: 120px 48px 0; }\r\n .hero-tag { font-family: 'Share Tech Mono', monospace; font-size: 12px; color: var(--accent); letter-spacing: 4px; margin-bottom: 28px; animation: fadeInUp 0.8s both; }\r\n\r\n \/* Photo *\/\r\n .hero-photo-wrap {\r\n width: 130px; height: 130px; border-radius: 50%;\r\n border: 2px solid var(--accent);\r\n box-shadow: 0 0 30px rgba(0,245,212,0.3), 0 0 0 6px rgba(0,245,212,0.06);\r\n overflow: hidden; margin: 0 auto 28px;\r\n animation: fadeInUp 0.8s 0.1s both;\r\n flex-shrink: 0;\r\n }\r\n .hero-photo-wrap img { width: 100%; height: 100%; object-fit: cover; object-position: center top; }\r\n\r\n .hero-name { font-family: 'Orbitron', monospace; font-size: clamp(52px, 9vw, 110px); font-weight: 900; line-height: 0.9; letter-spacing: -2px; animation: fadeInUp 0.8s 0.2s both; text-align: center; width: 100%; }\r\n .hero-name .first { color: var(--text); display: block; text-align: center; }\r\n .hero-name .last { color: transparent; -webkit-text-stroke: 2px var(--accent); display: block; margin-top: 8px; text-align: center; }\r\n .hero-role { font-size: 20px; font-weight: 300; color: var(--muted); letter-spacing: 6px; text-transform: uppercase; margin-top: 20px; animation: fadeInUp 0.8s 0.4s both; }\r\n\r\n .hero-cta { display: flex; gap: 14px; justify-content: center; margin-top: 40px; flex-wrap: wrap; animation: fadeInUp 0.8s 0.6s both; }\r\n .btn { padding: 13px 28px; font-family: 'Share Tech Mono', monospace; font-size: 12px; letter-spacing: 2px; text-transform: uppercase; border: none; cursor: pointer; transition: all 0.3s; text-decoration: none; display: inline-flex; align-items: center; gap: 7px; }\r\n .btn-primary { background: var(--accent); color: #000; }\r\n .btn-primary:hover { background: #fff; box-shadow: 0 0 40px rgba(0,245,212,0.5); transform: translateY(-2px); }\r\n .btn-outline { background: transparent; color: var(--accent); border: 1px solid var(--accent); }\r\n .btn-outline:hover { background: rgba(0,245,212,0.1); transform: translateY(-2px); }\r\n .btn-wa { background: transparent; color: #25D366; border: 1px solid #25D366; }\r\n .btn-wa:hover { background: rgba(37,211,102,0.1); box-shadow: 0 0 20px rgba(37,211,102,0.3); transform: translateY(-2px); }\r\n\r\n \/* STATS STRIP \u2014 centre, big *\/\r\n .hero-stats-strip {\r\n width: 100%; background: rgba(0,245,212,0.04);\r\n border-top: 1px solid var(--border); border-bottom: 1px solid var(--border);\r\n margin-top: 60px; padding: 36px 0;\r\n display: flex; justify-content: center; gap: 0;\r\n animation: fadeInUp 0.8s 0.8s both;\r\n }\r\n .hero-stat {\r\n text-align: center; flex: 1; max-width: 200px;\r\n padding: 0 20px; position: relative;\r\n }\r\n .hero-stat + .hero-stat::before {\r\n content: ''; position: absolute; left: 0; top: 10%; bottom: 10%;\r\n width: 1px; background: var(--border);\r\n }\r\n .hero-stat-val {\r\n font-family: 'Orbitron', monospace; font-size: clamp(36px, 5vw, 56px);\r\n font-weight: 900; color: var(--accent); display: block; line-height: 1;\r\n }\r\n .hero-stat-label {\r\n font-family: 'Share Tech Mono', monospace; font-size: 11px;\r\n color: var(--text); letter-spacing: 3px; margin-top: 8px; display: block;\r\n }\r\n\r\n @keyframes fadeInUp { from{opacity:0;transform:translateY(30px)} to{opacity:1;transform:translateY(0)} }\r\n\r\n \/* SCROLL DOTS *\/\r\n .scroll-hint { position: fixed; right: 28px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; gap: 10px; z-index: 100; }\r\n .scroll-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--muted); cursor: pointer; transition: all 0.3s; }\r\n .scroll-dot.active { background: var(--accent); box-shadow: 0 0 10px rgba(0,245,212,0.6); transform: scale(1.3); }\r\n\r\n \/* SECTION COMMON *\/\r\n .section-inner { max-width: 1100px; margin: 0 auto; width: 100%; }\r\n .section-label { font-family: 'Share Tech Mono', monospace; font-size: 11px; color: var(--accent); letter-spacing: 4px; text-transform: uppercase; margin-bottom: 12px; display: flex; align-items: center; gap: 12px; }\r\n .section-label::after { content:''; flex:1; max-width:60px; height:1px; background:var(--accent); opacity:0.4; }\r\n .section-title { font-family: 'Orbitron', monospace; font-size: clamp(30px,5vw,52px); font-weight: 900; line-height: 1; margin-bottom: 20px; }\r\n\r\n \/* ABOUT *\/\r\n #about { }\r\n .about-left { flex: 1; }\r\n .about-right { flex: 1; display: flex; flex-direction: column; gap: 20px; }\r\n .about-text { font-size: 19px; font-weight: 300; line-height: 1.7; color: var(--text); max-width: 520px; }\r\n .info-card { background: var(--surface); border: 1px solid var(--border); padding: 22px; position: relative; overflow: hidden; transition: border-color 0.3s, box-shadow 0.3s; }\r\n .info-card::before { content:''; position:absolute; top:0;left:0;right:0;height:2px; background:linear-gradient(90deg,var(--accent),transparent); }\r\n .info-card:hover { border-color: rgba(0,245,212,0.4); box-shadow: var(--glow); }\r\n .info-card-label { font-family:'Share Tech Mono',monospace; font-size:10px; color:var(--muted); letter-spacing:3px; margin-bottom:6px; }\r\n .info-card-value { font-size: 17px; font-weight: 600; color: var(--text); }\r\n\r\n \/* SPECS *\/\r\n #specs { background: var(--surface); }\r\n .specs-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(280px,1fr)); gap: 2px; background: var(--border); border: 1px solid var(--border); }\r\n .spec-card { background: var(--bg); padding: 30px; position: relative; overflow: hidden; cursor: pointer; transition: all 0.3s; }\r\n .spec-card::after { content:''; position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,245,212,0.06),transparent);opacity:0;transition:opacity 0.3s; }\r\n .spec-card:hover::after { opacity: 1; }\r\n .spec-card:hover { transform: scale(1.02); z-index: 2; }\r\n .spec-icon { font-size: 30px; margin-bottom: 14px; display: block; }\r\n .spec-name { font-family: 'Orbitron', monospace; font-size: 10px; color: var(--accent); letter-spacing: 3px; margin-bottom: 7px; }\r\n .spec-value { font-size: 20px; font-weight: 800; color: var(--text); line-height: 1.2; }\r\n .spec-detail { font-family: 'Share Tech Mono', monospace; font-size: 12px; color: var(--muted); margin-top: 8px; line-height: 1.6; }\r\n .spec-bar { margin-top: 14px; height: 2px; background: rgba(255,255,255,0.07); border-radius: 1px; overflow: hidden; }\r\n .spec-bar-fill { height: 100%; background: linear-gradient(90deg,var(--accent),var(--accent2)); border-radius: 1px; transition: width 1.5s cubic-bezier(0.4,0,0.2,1); width: 0%; }\r\n\r\n \/* SKILLS *\/\r\n .skills-container { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }\r\n .skill-group-title { font-family: 'Orbitron', monospace; font-size: 13px; color: var(--accent); letter-spacing: 2px; margin-bottom: 24px; padding-bottom: 12px; border-bottom: 1px solid var(--border); }\r\n .skill-item { margin-bottom: 20px; }\r\n .skill-header { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 15px; font-weight: 600; color: var(--text); }\r\n .skill-pct { font-family: 'Share Tech Mono', monospace; color: var(--accent); font-size: 13px; }\r\n .skill-track { height: 4px; background: rgba(255,255,255,0.07); border-radius: 2px; overflow: hidden; }\r\n .skill-fill { height: 100%; border-radius: 2px; transition: width 1.5s cubic-bezier(0.4,0,0.2,1); width: 0%; }\r\n\r\n \/* TIMELINE *\/\r\n .timeline { position: relative; padding-left: 32px; }\r\n .timeline::before { content:''; position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--border); }\r\n .timeline-item { position: relative; padding-bottom: 48px; opacity:0; transform:translateX(-20px); transition:all 0.6s ease; }\r\n .timeline-item.visible { opacity:1; transform:translateX(0); }\r\n .timeline-dot { position:absolute;left:-39px;top:6px;width:14px;height:14px;border-radius:50%;border:2px solid var(--accent);background:var(--bg); }\r\n .timeline-dot::before { content:'';position:absolute;inset:3px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite; }\r\n .timeline-period { font-family:'Share Tech Mono',monospace;font-size:11px;color:var(--accent);letter-spacing:2px;margin-bottom:8px; }\r\n .timeline-title { font-size:24px;font-weight:800;margin-bottom:4px;color:var(--text); }\r\n .timeline-org { font-size:14px;color:var(--muted);margin-bottom:16px;font-weight:300;letter-spacing:2px; }\r\n .timeline-points { list-style:none;display:flex;flex-direction:column;gap:10px; }\r\n .timeline-points li { font-size:16px;color:var(--text);padding-left:16px;position:relative;font-weight:300;line-height:1.5; }\r\n .timeline-points li::before { content:'\u203a';position:absolute;left:0;color:var(--accent); }\r\n\r\n \/* CONTACT *\/\r\n #contact { background: var(--surface); text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; }\r\n .contact-email { font-family: 'Orbitron', monospace; font-size: clamp(18px,2.5vw,32px); color: var(--accent); text-decoration: none; border-bottom: 1px solid var(--border); padding-bottom: 8px; transition: all 0.3s; margin-bottom: 36px; display: inline-block; }\r\n .contact-email:hover { border-color: var(--accent); text-shadow: 0 0 20px rgba(0,245,212,0.5); }\r\n .contact-links { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\r\n .contact-link { font-family:'Share Tech Mono',monospace;font-size:12px;color:var(--text);text-decoration:none;letter-spacing:2px;padding:12px 22px;border:1px solid var(--border);transition:all 0.3s; }\r\n .contact-link:hover { color:var(--accent);border-color:var(--accent);box-shadow:var(--glow); }\r\n .contact-link.wa { color: #25D366; border-color: rgba(37,211,102,0.3); }\r\n .contact-link.wa:hover { border-color: #25D366; box-shadow: 0 0 20px rgba(37,211,102,0.3); }\r\n\r\n \/* FOOTER *\/\r\n footer { padding: 24px 48px; border-top: 1px solid var(--border); display: flex; justify-content: space-between; align-items: center; }\r\n footer span { font-family: 'Share Tech Mono', monospace; font-size: 11px; color: var(--muted); letter-spacing: 2px; }\r\n\r\n \/* REVEAL *\/\r\n .reveal { opacity: 0; transform: translateY(40px); transition: all 0.7s cubic-bezier(0.4,0,0.2,1); }\r\n .reveal.visible { opacity: 1; transform: translateY(0); }\r\n\r\n @media(max-width:768px){\r\n nav{padding:14px 20px;} .nav-links,.nav-status{display:none;}\r\n section{padding:50px 24px 30px;}\r\n #about{flex-direction:column;gap:36px;}\r\n .skills-container{grid-template-columns:1fr;}\r\n .hero-stats-strip{gap:0;} .hero-stat-val{font-size:32px;}\r\n footer{flex-direction:column;gap:8px;text-align:center;}\r\n .scroll-hint{display:none;}\r\n .hero-content{padding:100px 24px 0;}\r\n }\r\n\r\n .hero-bg-img {\r\n position: absolute; inset: 0; z-index: 0;\r\n background-image: url('https:\/\/custompc.sadikmohsin.com\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-May-5-2026-02_50_29-PM.png');\r\n background-size: cover;\r\n background-position: center center;\r\n background-repeat: no-repeat;\r\n opacity: 0.3;\r\n width: 100%; height: 100%;\r\n }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"cursor\" id=\"cursor\"><\/div>\r\n<div class=\"cursor-ring\" id=\"cursorRing\"><\/div>\r\n<div class=\"scroll-progress\" id=\"scrollProgress\"><\/div>\r\n\r\n<!-- NAV -->\r\n<nav>\r\n <div class=\"nav-inner\">\r\n <div class=\"nav-logo\">S<span>M<\/span><\/div>\r\n <div class=\"nav-links\">\r\n <a href=\"#about\">ABOUT<\/a>\r\n <a href=\"#specs\">SPECS<\/a>\r\n <a href=\"#skills\">SKILLS<\/a>\r\n <a href=\"#experience\">EXPERIENCE<\/a>\r\n <a href=\"#contact\">CONTACT<\/a>\r\n <\/div>\r\n <div class=\"nav-right\">\r\n <div class=\"nav-status\"><div class=\"status-dot\"><\/div>AVAILABLE<\/div>\r\n <\/div>\r\n <\/div>\r\n<\/nav>\r\n\r\n<!-- SCROLL DOTS -->\r\n<div class=\"scroll-hint\" id=\"scrollHint\">\r\n <div class=\"scroll-dot active\" data-target=\"hero\"><\/div>\r\n <div class=\"scroll-dot\" data-target=\"about\"><\/div>\r\n <div class=\"scroll-dot\" data-target=\"specs\"><\/div>\r\n <div class=\"scroll-dot\" data-target=\"skills\"><\/div>\r\n <div class=\"scroll-dot\" data-target=\"experience\"><\/div>\r\n <div class=\"scroll-dot\" data-target=\"contact\"><\/div>\r\n<\/div>\r\n\r\n<!-- HERO -->\r\n<section id=\"hero\">\r\n <div class=\"hero-bg-img\"><\/div>\r\n <div class=\"hero-grid\"><\/div>\r\n <div class=\"hero-scanline\"><\/div>\r\n <div class=\"particles\" id=\"particles\"><\/div>\r\n\r\n <div class=\"hero-content\">\r\n <div class=\"hero-tag\">\/\/ COMPUTER SCIENCE STUDENT & PC BUILDER<\/div>\r\n\r\n <div class=\"hero-photo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/sadikmohsin.com\/wp-content\/uploads\/2026\/05\/24.jpg\" alt=\"Sadik Mohsin\" onerror=\"this.parentElement.style.background='linear-gradient(135deg,#0d0d14,#1a1a2e)';this.style.display='none'\">\r\n <\/div>\r\n\r\n <div class=\"hero-name\">\r\n <span class=\"first\">SADIK<\/span>\r\n <span class=\"last\">MOHSIN<\/span>\r\n <\/div>\r\n <div class=\"hero-role\">PC Enthusiast \u00b7 Bristol, UK<\/div>\r\n\r\n <div class=\"hero-cta\">\r\n <a href=\"#specs\" class=\"btn btn-primary\">VIEW MY BUILD<\/a>\r\n <a href=\"https:\/\/wa.link\/r6pttf\" class=\"btn btn-wa\" target=\"_blank\"><span>\ud83d\udcac<\/span>WHATSAPP ME<\/a>\r\n <a href=\"#contact\" class=\"btn btn-outline\">CONTACT<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- STATS \u2014 centered, big, full-width strip -->\r\n <div class=\"hero-stats-strip\">\r\n <div class=\"hero-stat\">\r\n <span class=\"hero-stat-val\">4+<\/span>\r\n <span class=\"hero-stat-label\">YEARS BUILDING<\/span>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <span class=\"hero-stat-val\">10+<\/span>\r\n <span class=\"hero-stat-label\">PCS BUILT<\/span>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <span class=\"hero-stat-val\">2<\/span>\r\n <span class=\"hero-stat-label\">GENERATIONS BUILT<\/span>\r\n <\/div>\r\n <div class=\"hero-stat\">\r\n <span class=\"hero-stat-val\">\u221e<\/span>\r\n <span class=\"hero-stat-label\">PASSION<\/span>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- ABOUT -->\r\n<section id=\"about\">\r\n <div class=\"section-inner\" style=\"display:flex;align-items:center;gap:80px;\">\r\n <div class=\"about-left reveal\">\r\n <div class=\"section-label\">01 \/\/ ABOUT<\/div>\r\n <h2 class=\"section-title\">WHO I AM<\/h2>\r\n <p class=\"about-text\">\r\n Enthusiastic Computer Science student at the University of the West of England, Bristol.\r\n I've been building, upgrading, and tuning custom PCs since 2021 \u2014 from hardware assembly\r\n to BIOS optimisation, Windows installation, and full system troubleshooting.\r\n <br><br>\r\n I'm seeking an entry-level role in <strong style=\"color:var(--accent)\">PC building, IT support,<\/strong>\r\n or <strong style=\"color:var(--accent)\">hardware technician<\/strong> work where I can turn passion into profession.\r\n <\/p>\r\n <div style=\"margin-top:32px;display:flex;gap:12px;flex-wrap:wrap;\">\r\n <a href=\"mailto:sadikmohsin0@gmail.com\" class=\"btn btn-outline\">\u2709 EMAIL ME<\/a>\r\n <\/div>\r\n <\/div>\r\n <div class=\"about-right reveal\">\r\n <div class=\"info-card\">\r\n <div class=\"info-card-label\">\/\/ EDUCATION<\/div>\r\n <div class=\"info-card-value\">BSc (Hons) Computer Science<\/div>\r\n <div style=\"color:var(--muted);font-size:14px;margin-top:4px;font-family:'Share Tech Mono',monospace;\">University of the West of England, Bristol \u00b7 2023\u20132027<\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-card-label\">\/\/ LOCATION<\/div>\r\n <div class=\"info-card-value\">Bristol, United Kingdom<\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-card-label\">\/\/ PORTFOLIO<\/div>\r\n <div class=\"info-card-value\"><a href=\"https:\/\/sadikmohsin.com\" style=\"color:var(--text);text-decoration:none;\" target=\"_blank\">sadikmohsin.com<\/a><\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-card-label\">\/\/ PHONE<\/div>\r\n <div class=\"info-card-value\"><a href=\"tel:07842581642\" style=\"color:var(--text);text-decoration:none;\">07842 581 642<\/a><\/div>\r\n <\/div>\r\n <div class=\"info-card\">\r\n <div class=\"info-card-label\">\/\/ AVAILABILITY<\/div>\r\n <div class=\"info-card-value\" style=\"color:var(--accent)\">Immediate \u2713<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SPECS -->\r\n<section id=\"specs\">\r\n <div class=\"section-inner\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">02 \/\/ CURRENT BUILD<\/div>\r\n <h2 class=\"section-title\">MY RIG<\/h2>\r\n <\/div>\r\n <div class=\"specs-grid reveal\">\r\n <div class=\"spec-card\">\r\n <span class=\"spec-icon\">\ud83d\udd32<\/span>\r\n <div class=\"spec-name\">CPU<\/div>\r\n <div class=\"spec-value\">AMD Ryzen 5 5600<\/div>\r\n <div class=\"spec-detail\">6 Cores \/ 12 Threads<br>3.5GHz Base \u00b7 4.4GHz Boost<br>AM4 Socket \u00b7 Zen 3 Architecture<\/div>\r\n <div class=\"spec-bar\"><div class=\"spec-bar-fill\" data-width=\"82\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <span class=\"spec-icon\">\ud83c\udfae<\/span>\r\n <div class=\"spec-name\">GPU<\/div>\r\n <div class=\"spec-value\">NVIDIA GTX 1660 Super<\/div>\r\n <div class=\"spec-detail\">6GB GDDR6 VRAM<br>1408 CUDA Cores<br>192-bit Memory Bus<\/div>\r\n <div class=\"spec-bar\"><div class=\"spec-bar-fill\" data-width=\"72\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <span class=\"spec-icon\">\ud83d\udcbe<\/span>\r\n <div class=\"spec-name\">RAM<\/div>\r\n <div class=\"spec-value\">16GB DDR4 3600MHz<\/div>\r\n <div class=\"spec-detail\">XMP Profile Enabled<br>Dual Channel Configuration<br>Optimised Timings<\/div>\r\n <div class=\"spec-bar\"><div class=\"spec-bar-fill\" data-width=\"78\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <span class=\"spec-icon\">\ud83d\udda5\ufe0f<\/span>\r\n <div class=\"spec-name\">MOTHERBOARD<\/div>\r\n <div class=\"spec-value\">B550M<\/div>\r\n <div class=\"spec-detail\">MicroATX Form Factor<br>PCIe 4.0 Support<br>AM4 Platform<\/div>\r\n <div class=\"spec-bar\"><div class=\"spec-bar-fill\" data-width=\"75\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"spec-card\">\r\n <span class=\"spec-icon\">\u26a1<\/span>\r\n <div class=\"spec-name\">PSU<\/div>\r\n <div class=\"spec-value\">EVGA 600W<\/div>\r\n <div class=\"spec-detail\">80+ Certified<br>Reliable Power Delivery<br>Stable Voltage Output<\/div>\r\n <div class=\"spec-bar\"><div class=\"spec-bar-fill\" data-width=\"65\"><\/div><\/div>\r\n <\/div>\r\n <div class=\"spec-card\" style=\"background:rgba(0,245,212,0.03);border-color:rgba(0,245,212,0.15)\">\r\n <span class=\"spec-icon\">\ud83c\udfdb\ufe0f<\/span>\r\n <div class=\"spec-name\">PREVIOUS BUILD (PRE-2025)<\/div>\r\n <div class=\"spec-value\">Intel i7-4770K<\/div>\r\n <div class=\"spec-detail\">32GB DDR3 RAM (4 sticks)<br>ASUS Z87-Pro Motherboard<br>Haswell \u00b7 LGA1150<\/div>\r\n <div class=\"spec-bar\"><div class=\"spec-bar-fill\" data-width=\"55\" style=\"background:linear-gradient(90deg,var(--muted),var(--accent2))\"><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- SKILLS -->\r\n<section id=\"skills\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">03 \/\/ CAPABILITIES<\/div>\r\n <h2 class=\"section-title\">CORE SKILLS<\/h2>\r\n <\/div>\r\n <div class=\"skills-container\">\r\n <div class=\"reveal\">\r\n <div class=\"skill-group-title\">\/\/ HARDWARE<\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>Custom PC Building & Assembly<\/span><span class=\"skill-pct\">95%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"95\" style=\"background:linear-gradient(90deg,var(--accent),#00c4aa)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>Hardware Installation (CPU, GPU, RAM, PSU)<\/span><span class=\"skill-pct\">92%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"92\" style=\"background:linear-gradient(90deg,var(--accent),#00c4aa)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>Component Compatibility & Part Selection<\/span><span class=\"skill-pct\">90%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"90\" style=\"background:linear-gradient(90deg,var(--accent),#00c4aa)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>BIOS Configuration (XMP, Boot Priority)<\/span><span class=\"skill-pct\">88%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"88\" style=\"background:linear-gradient(90deg,var(--accent),#00c4aa)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>System Testing & Stability Checks<\/span><span class=\"skill-pct\">85%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"85\" style=\"background:linear-gradient(90deg,var(--accent),#00c4aa)\"><\/div><\/div><\/div>\r\n <\/div>\r\n <div class=\"reveal\">\r\n <div class=\"skill-group-title\">\/\/ SOFTWARE & SUPPORT<\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>Windows OS Installation & Driver Setup<\/span><span class=\"skill-pct\">94%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"94\" style=\"background:linear-gradient(90deg,var(--accent2),#ff6b3a)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>Troubleshooting Hardware & Software Issues<\/span><span class=\"skill-pct\">90%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"90\" style=\"background:linear-gradient(90deg,var(--accent2),#ff6b3a)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>PC Performance Optimisation<\/span><span class=\"skill-pct\">88%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"88\" style=\"background:linear-gradient(90deg,var(--accent2),#ff6b3a)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>RAM Generations (DDR3 vs DDR4)<\/span><span class=\"skill-pct\">87%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"87\" style=\"background:linear-gradient(90deg,var(--accent2),#ff6b3a)\"><\/div><\/div><\/div>\r\n <div class=\"skill-item\"><div class=\"skill-header\"><span>CPU & GPU Performance Analysis<\/span><span class=\"skill-pct\">85%<\/span><\/div><div class=\"skill-track\"><div class=\"skill-fill\" data-width=\"85\" style=\"background:linear-gradient(90deg,var(--accent2),#ff6b3a)\"><\/div><\/div><\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- EXPERIENCE -->\r\n<section id=\"experience\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\">04 \/\/ WORK HISTORY<\/div>\r\n <h2 class=\"section-title\">EXPERIENCE<\/h2>\r\n <\/div>\r\n <div class=\"timeline\">\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\"><\/div>\r\n <div class=\"timeline-period\">2021 \u2013 PRESENT<\/div>\r\n <div class=\"timeline-title\">Independent PC Building & Technical Support<\/div>\r\n <div class=\"timeline-org\">Self-Employed \u00b7 Bristol, UK<\/div>\r\n <ul class=\"timeline-points\">\r\n <li>Built, upgraded, and configured PCs for personal use and clients across multiple hardware generations<\/li>\r\n <li>Installed Windows OS, drivers, and essential software for complete system setups from scratch<\/li>\r\n <li>Configured BIOS settings including XMP for RAM optimisation and boot priority management<\/li>\r\n <li>Diagnosed and resolved system issues \u2014 performance bottlenecks, hardware faults, and boot failures<\/li>\r\n <li>Advised users on component selection based on budget, use-case, and compatibility requirements<\/li>\r\n <\/ul>\r\n <\/div>\r\n <div class=\"timeline-item\">\r\n <div class=\"timeline-dot\"><\/div>\r\n <div class=\"timeline-period\">2023 \u2013 2027 (ONGOING)<\/div>\r\n <div class=\"timeline-title\">BSc (Hons) Computer Science<\/div>\r\n <div class=\"timeline-org\">University of the West of England \u00b7 Bristol<\/div>\r\n <ul class=\"timeline-points\">\r\n <li>Studying core principles of computing, software engineering, and systems architecture<\/li>\r\n <li>Building on practical hardware knowledge with formal academic grounding in CS theory<\/li>\r\n <li>Hands-on learner applying course concepts to real-world PC projects<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- CONTACT -->\r\n<section id=\"contact\">\r\n <div class=\"reveal\">\r\n <div class=\"section-label\" style=\"justify-content:center\">05 \/\/ CONTACT<\/div>\r\n <h2 class=\"section-title\">LET'S BUILD SOMETHING<\/h2>\r\n <a href=\"mailto:sadikmohsin0@gmail.com\" class=\"contact-email\">sadikmohsin0@gmail.com<\/a>\r\n <\/div>\r\n <div class=\"contact-links reveal\">\r\n <a href=\"https:\/\/wa.link\/r6pttf\" class=\"contact-link wa\" target=\"_blank\">\ud83d\udcac WHATSAPP \u2014 FASTEST REPLY<\/a>\r\n <a href=\"tel:07842581642\" class=\"contact-link\">\ud83d\udcde 07842 581 642<\/a>\r\n <a href=\"https:\/\/sadikmohsin.com\" class=\"contact-link\" target=\"_blank\">\ud83c\udf10 sadikmohsin.com<\/a>\r\n <a href=\"#\" class=\"contact-link\">\ud83d\udccd Bristol, UK<\/a>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- FOOTER -->\r\n<footer>\r\n <span>\u00a9 2025 SADIK MOHSIN<\/span>\r\n <span>PC ENTHUSIAST \u00b7 COMPUTER SCIENCE STUDENT<\/span>\r\n <a href=\"https:\/\/wa.link\/r6pttf\" style=\"font-family:'Share Tech Mono',monospace;font-size:11px;color:#25D366;letter-spacing:2px;text-decoration:none;\" target=\"_blank\">\ud83d\udcac WHATSAPP<\/a>\r\n<\/footer>\r\n\r\n<!-- FLOATING WA BUTTON -->\r\n<a href=\"https:\/\/wa.link\/r6pttf\" target=\"_blank\" style=\"position:fixed;bottom:28px;right:28px;z-index:500;background:#25D366;color:#000;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 4px 20px rgba(37,211,102,0.5);text-decoration:none;transition:transform 0.2s;\" onmouseover=\"this.style.transform='scale(1.1)'\" onmouseout=\"this.style.transform='scale(1)'\">\ud83d\udcac<\/a>\r\n\r\n<script>\r\n \/\/ Cursor\r\n const cursor = document.getElementById('cursor');\r\n const cursorRing = document.getElementById('cursorRing');\r\n document.addEventListener('mousemove', e => {\r\n cursor.style.left = e.clientX + 'px';\r\n cursor.style.top = e.clientY + 'px';\r\n cursorRing.style.left = e.clientX + 'px';\r\n cursorRing.style.top = e.clientY + 'px';\r\n });\r\n document.querySelectorAll('a, button, .spec-card').forEach(el => {\r\n el.addEventListener('mouseenter', () => { cursor.style.width='24px'; cursor.style.height='24px'; cursor.style.background='var(--accent2)'; });\r\n el.addEventListener('mouseleave', () => { cursor.style.width='12px'; cursor.style.height='12px'; cursor.style.background='var(--accent)'; });\r\n });\r\n\r\n \/\/ Scroll progress\r\n window.addEventListener('scroll', () => {\r\n const pct = (window.scrollY \/ (document.body.scrollHeight - window.innerHeight)) * 100;\r\n document.getElementById('scrollProgress').style.width = pct + '%';\r\n updateDots();\r\n });\r\n\r\n \/\/ Scroll dots\r\n const sections = ['hero','about','specs','skills','experience','contact'];\r\n const dots = document.querySelectorAll('.scroll-dot');\r\n dots.forEach((dot, i) => dot.addEventListener('click', () => document.getElementById(sections[i]).scrollIntoView({behavior:'smooth'})));\r\n function updateDots() {\r\n const mid = window.scrollY + window.innerHeight \/ 2;\r\n sections.forEach((id, i) => {\r\n const el = document.getElementById(id);\r\n if (!el) return;\r\n if (mid >= el.offsetTop && mid < el.offsetTop + el.offsetHeight) {\r\n dots.forEach(d => d.classList.remove('active'));\r\n dots[i].classList.add('active');\r\n }\r\n });\r\n }\r\n\r\n \/\/ Reveal on scroll\r\n const revealEls = document.querySelectorAll('.reveal, .timeline-item');\r\n const observer = new IntersectionObserver(entries => {\r\n entries.forEach(entry => {\r\n if (entry.isIntersecting) {\r\n entry.target.classList.add('visible');\r\n entry.target.querySelectorAll('.skill-fill, .spec-bar-fill').forEach(bar => {\r\n const w = bar.getAttribute('data-width');\r\n if (w) setTimeout(() => bar.style.width = w + '%', 150);\r\n });\r\n }\r\n });\r\n }, { threshold: 0.12 });\r\n revealEls.forEach(el => observer.observe(el));\r\n\r\n \/\/ Spec card bars\r\n document.querySelectorAll('.spec-card').forEach(card => {\r\n new IntersectionObserver(entries => {\r\n entries.forEach(e => {\r\n if (e.isIntersecting) {\r\n e.target.querySelectorAll('.spec-bar-fill').forEach(bar => {\r\n const w = bar.getAttribute('data-width');\r\n if (w) setTimeout(() => bar.style.width = w + '%', 200);\r\n });\r\n }\r\n });\r\n }, {threshold: 0.3}).observe(card);\r\n });\r\n\r\n \/\/ Particles\r\n const pc = document.getElementById('particles');\r\n for (let i = 0; i < 22; i++) {\r\n const p = document.createElement('div');\r\n p.className = 'particle';\r\n p.style.left = Math.random() * 100 + '%';\r\n p.style.animationDuration = (8 + Math.random() * 12) + 's';\r\n p.style.animationDelay = (Math.random() * 10) + 's';\r\n if (Math.random() > 0.75) p.style.background = 'var(--accent2)';\r\n pc.appendChild(p);\r\n }\r\n\r\n \/\/ Typing tag\r\n const tag = document.querySelector('.hero-tag');\r\n const txt = tag.textContent; tag.textContent = ''; let ti = 0;\r\n const t = setInterval(() => { tag.textContent += txt[ti++]; if (ti >= txt.length) clearInterval(t); }, 38);\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Sadik Mohsin \u2013 PC Enthusiast SM ABOUT SPECS SKILLS EXPERIENCE CONTACT AVAILABLE \/\/ COMPUTER SCIENCE STUDENT & PC BUILDER SADIK MOHSIN PC Enthusiast \u00b7 Bristol, UK VIEW MY BUILD 💬WHATSAPP ME CONTACT 4+ YEARS BUILDING 10+ PCS BUILT 2 GENERATIONS BUILT \u221e PASSION 01 \/\/ ABOUT WHO I AM Enthusiastic Computer Science student at the […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":19,"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":34,"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/34"}],"wp:attachment":[{"href":"https:\/\/custompc.sadikmohsin.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}