The latest articles on DEV Community by Priyeo Kendua (@priyeo_kendua_11c01095784). https://dev.to/priyeo_kendua_11c01095784 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3901894%2F60aded05-c524-4103-8a30-f8bd550892ca.png https://dev.to/priyeo_kendua_11c01095784 en Priyeo Kendua Tue, 28 Apr 2026 07:56:30 +0000 https://dev.to/priyeo_kendua_11c01095784/mymensingh-polytechnic-institute-26c0 https://dev.to/priyeo_kendua_11c01095784/mymensingh-polytechnic-institute-26c0 <p>&lt;!DOCTYPE html&gt;<br> <br> </p> <br> <br> <br> Region Ahmed | Portfolio <p>&lt;br&gt; * {&lt;br&gt; box-sizing: border-box;&lt;br&gt; }&lt;/p&gt; &lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;:root { --bg: #f4f4f4; --text: #222; --card: #fff; --primary: #0077ff; } body.dark { --bg: #0f172a; --text: #e2e8f0; --card: #1e293b; --primary: #38bdf8; } body { margin: 0; font-family: Arial, sans-serif; background: var(--bg); color: var(--text); transition: 0.3s; } header { background: linear-gradient(135deg, var(--primary), #00c6ff); color: white; text-align: center; padding: 50px 20px; position: relative; } header h1 { margin: 0; font-size: 34px; } header p { margin-top: 10px; font-size: 16px; } .toggle { position: absolute; top: 15px; right: 15px; padding: 8px 12px; border: none; cursor: pointer; border-radius: 6px; background: white; font-weight: bold; } .container { max-width: 900px; margin: auto; padding: 15px; } .card { background: var(--card); padding: 20px; margin: 15px 0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: 0.3s; } h2 { color: var(--primary); } /* PROJECTS */ .projects { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .project { padding: 15px; border-radius: 10px; background: var(--card); border: 1px solid #ccc; } /* CONTACT&amp;lt;!DOCTYPE html&amp;gt; &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt; &lt;p&gt;&lt;html lang="bn"&gt;&lt;br&gt; &lt;head&gt;&lt;br&gt; &lt;meta charset="UTF-8"&gt;&lt;br&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;&lt;br&gt; &lt;title&gt;Region Ahmed | Portfolio&lt;/title&gt;&lt;/p&gt; &lt;p&gt;&lt;style&gt;&lt;br&gt; * {&lt;br&gt; box-sizing: border-box;&lt;br&gt; }&lt;/p&gt; &lt;div class="highlight"&gt;&lt;pre class="highlight plaintext"&gt;&lt;code&gt;:root { --bg: #f4f4f4; --text: #222; --card: #fff; --primary: #0077ff; } body.dark { --bg: #0f172a; --text: #e2e8f0; --card: #1e293b; --primary: #38bdf8; } body { margin: 0; font-family: Arial, sans-serif; background: var(--bg); color: var(--text); transition: 0.3s; } header { background: linear-gradient(135deg, var(--primary), #00c6ff); color: white; text-align: center; padding: 50px 20px; position: relative; } header h1 { margin: 0; font-size: 34px; } header p { margin-top: 10px; font-size: 16px; } .toggle { position: absolute; top: 15px; right: 15px; padding: 8px 12px; border: none; cursor: pointer; border-radius: 6px; background: white; font-weight: bold; } .container { max-width: 900px; margin: auto; padding: 15px; } .card { background: var(--card); padding: 20px; margin: 15px 0; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); transition: 0.3s; } h2 { color: var(--primary); } /* PROJECTS */ .projects { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 15px; } .project { padding: 15px; border-radius: 10px; background: var(--card); border: 1px solid #ccc; } /* CONTACT &lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;</p> mobile