মো: রইছ উদ্দিন
কম্পিউটার বিজ্ঞানের প্রতি অনুরাগ এবং যুব সম্প্রদায়ের ইতিবাচক পরিবর্তনের জন্য একটি দৃষ্টিভঙ্গি সহ একজন একটিভ ছাত্র/কর্মী। আমি বিশ্বাস করি, "যুবকরাই আমাদের ভবিষ্যতের আশা"। আমি আমার দায়িত্ব যেকোনো পরিস্থিতিতে সৎ এবং নিষ্ঠার সাথে কর্তব্য পালন করি। আমি জীবসেবা ও ভ্রমন প্রিয়।
/* Profile photo */
.auth-pic {
border: 4px solid #FFFFFF;
border-radius: 50%;
box-shadow: 7px 7px 14px #d6d6d6, -7px -7px 14px #ffffff;
width: 120px;
height: 120px;
object-fit: cover;
}
/* Author name */
h2, h2 strong, p, .socialbar a {
color: black; /* Set text color to white */
}
/* Card styling */
.card {
border-radius: 0em 2em 0em 2em;
padding: 10px;
background: #fff;
box-shadow: rgb(23 43 99/30%) 0 2px 10px;
text-align: center;
}
/* Social bar */
.socialbar {
background-color: ;
border-radius: 3em;
padding: 14px;
padding-bottom: 6px;
width: 70%;
margin: 15px auto;
box-shadow: rgb(23 43 99/30%) 0 2px 10px;
}
.socialbar a {
transition: 0.4s;
}
#github:hover {
color: #c9510c;
}
#instagram:hover {
color: #d62976;
}
#facebook:hover {
color: #3b5998;
}
#twitter:hover {
color: #00acee;
}
/* Your existing styles */
.card1 {
width: 100%;
height: 254px;
color: black;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
gap: 5px;
overflow: visible;
}
.card1 .item {
border-radius: 10px;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.item:hover {
transform: scale(1.1);
transition: all 350ms ease-in-out;
}
.item svg {
width: 40px;
height: 40px;
margin-bottom: 7px;
}
.item--1 {
background: #fff;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.item--2 {
background: #fff;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.item--3 {
background: #fff;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.item--4 {
background: #fff;
box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.quantity {
font-size: 25px;
font-weight: 600;
}
.text {
font-size: 15px;
font-family: inherit;
font-weight: 600;
}
.text--1 {
color: rgba(149, 149, 255, 1);
}
.text--2 {
color: rgba(252, 161, 71, 1);
}
.text--3 {
color: rgba(66, 193, 110, 1);
}
.text--4 {
color: rgba(220, 91, 183, 1);
}
আমার সম্পর্কে--
আমি আত্মবিশ্বাস, আত্মসম্মান, সততা, সরলতা, দলগত কাজ এবং প্রতিশ্রুতির প্রতি নিজেকে নিবেদিত রাখি। আমি উচ্চ মানের প্রতি নিজেকে দায়িত্বশীল মনে করি এবং ক্রমাগত উন্নতির জন্য সুযোগ খুঁজে চলি। আমি একটি চ্যালেঞ্জিং অবস্থান অর্জন করতে আগ্রহী, যেখানে আমার দক্ষতা এবং জ্ঞান ধারাবাহিক বৃদ্ধি ও উন্নয়নে অবদান রাখতে পারে। আমি এমন পরিবেশে কাজ করতে ভালোবাসি যা জাতীয়, আন্তর্জাতিক, দেশসেবামূলক এবং বহুজাতিক হয়, এবং আমি একটি অর্থবহ প্রভাব তৈরি করার প্রতি আগ্রহী।
.container {
text-align: center;
background: #ffffff;
padding: 30px 40px;
max-width: 100%;
width: 100%;
}
h1 {
font-size: 2.5em;
color: #2d3e50;
margin-bottom: 10px;
}
p {
font-size: 1.2em;
margin-bottom: 20px;
}
.countdown {
display: flex;
justify-content: center;
align-items: center;
margin-top: 20px;
flex-wrap: nowrap; /* Prevent wrapping to new lines */
}
.countdown div {
margin: 0 10px;
padding: 15px;
background-color: #f7f7f7;
color: black;
border-radius: 10px;
font-size: 1.8em;
width:100%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
display: flex;
flex-direction: column;
align-items: center;
}
.countdown span {
display: block;
font-size: 0.7em;
}
.happy-birthday {
display: none;
background-color: #2ecc71;
color: white;
padding: 20px;
border-radius: 10px;
font-size: 2em;
margin-top: 20px;
}
@media (max-width: 600px) {
/* Make the countdown smaller for mobile */
.countdown div {
font-size: 1.4em;
padding: 10px;
margin: 0 5px;
}
h1 {
font-size: 2em;
}
p {
font-size: 1em;
}
}
আমার জন্মদিন ৫ মে, জন্মদিন হতে আর বাকি!
দিন
00
ঘণ্টা
00
মিনিট
00
সেকেন্ড
00
Happy Birthday! 🎉🎂
আমার দক্ষতা সমূহ --
আমি ইন্টারনেট জাতীয় বিষয়গুলোতে অধিকতর আগ্রহী এবং দক্ষ। বিশেষ করে ব্র্যান্ড মার্কেটিং, ইন্ডাস্ট্রি/প্রোডাক্ট/প্রতিষ্ঠান উন্নয়ন, অগ্রগতি, পরিকল্পনা, SEO, কনটেন্ট রাইটার, ওয়েবসাইট ডিজাইন, কাস্টমাইজেশন, রেস্পন্সিভ ডিজাইন, ডাটা এন্ট্রি, গ্রাফিক্স ডিজাইন, ক্যানভা প্র, রিলস ভিডিও, লং ভিডিও এডিটিং, MS Office এপ্লিকেশন ট্রেনিং, ব্লগিন ট্রেনিং ইত্যাদি নানান বিষয়ে আমি দক্ষ। আমার এই পোর্টফলিও সাইট টি আমি নিজের সৃজনশীলতার জায়গা থেকে তৈরি করেছি। আমার এই মাল্টি ট্যালেন্ট দেখে আমার কলিগ আমাকে "জিনিয়াস" বলে সম্বোধন করেন যে নিকনেমটি আমার মনে গেথে গেছে।
.skills {
margin-top: 20px;
text-align: left;
}
.skill-bar {
margin: 15px 0;
}
.skill-title {
font-size: 1.1em;
margin-bottom: 5px;
}
.bar-container {
width: 100%;
height: 20px;
background-color: #e0e0e0;
border-radius: 10px;
overflow: hidden;
position: relative;
}
/* The bar representing the skill percentage */
.bar {
height: 100%;
width: 0;
background-color: #4caf50;
border-radius: 10px;
position: absolute;
animation: fillBar 25s ease-in-out forwards; /* Trigger the fill animation */
}
.percentage {
position: absolute;
color: green;
font-weight: bold;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
/* Animation for the progress bar */
@keyframes fillBar {
0% {
width: 0;
}
100% {
width: var(--skill-percent);
}
}
@media (max-width: 600px) {
.container {
padding: 20px;
}
h1 {
font-size: 1.8em;
}
.skill-title {
font-size: 1em;
}
.bar-container {
height: 15px;
}
}
.amrbody {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 300px;
}
.custom-container {
position: relative;
width: 80%;
height: 80%;
max-width: 600px;
margin: 0 auto;
}
.price-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 2rem;
font-weight: bold;
color: #333;
display: none;
}
আমার অভিজ্ঞতা সমূহ --
/* Container for the list */
img {
pointer-events: none; /* Disable all mouse interactions */
}
.styled-list {
list-style-type: none;
padding: 0;
width: 100%;
max-width: 100%;
margin: 0 auto;
}
/* Individual list items */
.styled-list li {
background-color: #ffdddd;
color: #333;
margin: 10px 0;
padding: 15px;
border-radius: 8px;
font-family: Arial, sans-serif;
font-size: 16px;
}
- * ফ্রিলান্সিং করে লাখ টাকা আয়
- * ডিজিটাল মার্কেটিং ট্রেনিং প্রদান
- * Loop IT তে ব্লগিং SEO কনটেন্ট রাইটিং ট্রেনিং প্রদান
- * S. A. Mannan Cadet School এ দশম শ্রেণির সহকারী শিক্ষকতা
- * EDGE, ICT Division & PSTU এর ফ্রিলান্সিং ট্রেনিং প্রোগ্রামের CO-Ordinator
- * অরগানিক মার্কেটিং এবং নিউজ রাইটার হিসেবে কাজের অভিজ্ঞতা
আমার সাম্প্রতিক কার্যক্রম সমূহ--
আমি সর্বদাই সোশ্যাল ওয়ার্ক কে সাপোর্ট করি এবং সেবা মূলক কাজে অংশগ্রহণ করে সেই খাঁতে ভূমিকা রাখি।
.slider-container {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.slider {
width: 100%;
max-width: 100%;
overflow: hidden;
border: 4px solid #800180;
border-radius: 10px;
box-sizing: border-box;
position: relative;
}
.slides {
display: flex;
transition: transform 1s ease-in-out;
}
.slide {
min-width: 100%;
box-sizing: border-box;
}
.slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.slide img:hover {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.dots {
position: relative;
text-align: center;
margin-top: 10px;
}
.dot {
display: inline-block;
height: 10px;
width: 10px;
margin: 0 5px;
background-color: #bbb;
border-radius: 50%;
transition: background-color 0.3s ease;
cursor: pointer;
}
.active {
background-color: black;
}
.gallery-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 10px;
padding: 10px;
}
.gallery-item {
overflow: hidden;
position: relative;
}
.gallery-item img {
width: 100%;
height: 100%;
transition: transform 0.3s ease-in-out;
}
/* Define the heart beat animation */
@keyframes heartbeat {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.gallery-item:nth-child(1) {
animation: heartbeat 1s ease-in-out 0s;
}
.gallery-item:nth-child(2) {
animation: heartbeat 1s ease-in-out 1s;
}
.gallery-item:nth-child(3) {
animation: heartbeat 1s ease-in-out 2s;
}
.gallery-item:nth-child(4) {
animation: heartbeat 1s ease-in-out 3s;
}
/* Adjust animations so that they are not all running at the same time */
@media (max-width: 768px) {
.gallery-container {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
}
}
আমার আরও দক্ষতা--
.styled-list2 {
list-style-type: none;
padding: 0;
width: 100%;
}
.styled-list2 li {
background-color: #eaf7ff;
color: #207399;
font-size: 1.2em;
padding: 15px;
margin-bottom: 10px;
border-left: 5px solid #9cd1e6;
}
- * Airdrop, Crypto Currency Web3 সম্পর্কে জানি এবং শিখছি নিয়মিত
- * যেকোনো কাজ আমি সৃজনশীলতার সাথে করার চেষ্টা করি।
- * ডিজিটাল মার্কেটিং অরগানিক ভাবে করার চেষ্টা।
- * রাজনীতি নয় সমাজসেবা/দেশসেবা পছন্দ করি।
আমার সার্ভিস সমূহ--
আমি মাল্টিপল বিষয়ে অভিজ্ঞ এবং দক্ষ, আমি সৃজনশীল এবং সৎ। আমি সাধারণত যে সকল সার্ভিস দিয়ে থাকি সেগুলো নিচে দেওয়া হয়েছে।
Marketing/Branding
আপনার পণ্য/সেবাকে সকলের নিকট ছড়িয়ে দেওয়া বা প্রচার করার কাজে আমি কাজ করতে পারি। আপনার সেবা/পণ্যকে ব্র্যান্ড করে তোলা আমার দায়িত্ব।
Tution/Training
আপনার সন্তান/শিক্ষার্থী পড়াতে আমাকে টিউটর হিসেবে নিতে দ্বিধাবোধ করবেন না। এছাড়াও আমি কম্পিউটার/ফ্রিলান্সিং বিষয়ে ট্রেনিং প্রদান করি।
Assistant
যেকোনো সরকারি/বেসরকারি/ব্যাক্তিগত প্রজেক্টে আমি সহকারী বা উন্নয়নকারী হিসেবে কাজ করে থাকি।
Brand Optimization
আপনার ব্র্যান্ড কে এসইও এবং নানান উপায়ে অপটিমাইজেশন করতে আমি আছি আপনার সাথে।
.services {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
/* Service Cards */
.service-item {
width: 96%;
padding:20px;
text-align: center;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
opacity: 0;
transform: translateY(30px);
transition: opacity 2s ease, transform 6s ease;
}
.service-item:hover {
transform: translateY(-10px);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.service-item h3 {
margin: 20px 0;
font-size: 1.6rem;
}
.service-item p {
font-size: 1rem;
color: #555;
}
.cover-image img {
width: 100%;
height: 260px;
object-fit: cover;
border-radius: 8px;
}
/* Media Queries */
@media (max-width: 768px) {
.services {
flex-direction: column;
align-items: center;
}
}
Personal Information
| Name | MD ROISE UDDIN |
|---|
| Present Address | Faridpur, Dhaka, Bangladesh |
|---|
| G-mail | mdroiseuddin360@gmail.com |
|---|
| Date of Birth | May 05, 2004 |
|---|
| Age | 20+ |
|---|
| Marital Status | Unmarried |
|---|
| Nationality | Bangladeshi |
|---|
| Education | B.Sc. Honours 2nd Year in Physics,
National University (2025) |
|---|
Professional Aspiration
I am committed to honesty, simplicity, teamwork, and dedication. I hold myself to high standards of quality and continuously seek opportunities for improvement. I am eager to secure a challenging position in a dynamic organization where my skills and knowledge can contribute to ongoing growth and development. I thrive in environments that are national, multinational, and multicultural, and I am passionate about making a meaningful impact.
Education
| Exam | Board | Year | Grade |
|---|
| HSC | Dhaka | 2022 | 5.00 |
| SSC | Dhaka | 2020 | 5.00 |
| JSC | Dhaka | 2018 | 5.00 |
| PSC | Dhaka | 2015 | 5.00 |
My Educational institutions
.unique-slider-container {
display: flex;
justify-content: center;
align-items: center;
margin: 0;
}
.unique-slider {
width: 100%;
max-width: 100%;
overflow: hidden;
}
.unique-slides {
display: flex;
transition: transform 1s ease-in-out;
}
.unique-slide {
min-width: 100%;
transition: opacity 1s ease-in-out;
}
.unique-slide img {
width: 100%;
border-radius: 10px;
}
/* Adding hover effect to the images */
.unique-slide img:hover {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.contact-section {
padding: 50px 20px;
text-align: center;
}
.contact-section h2 {
font-size: 2.5em;
margin-bottom: 10px;
color: #333;
}
.contact-section p {
font-size: 1.2em;
margin-bottom: 20px;
color: #666;
}
.contact-details {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.contact-details div {
font-size: 1.1em;
color: #555;
}
.contact-details a {
color: #007BFF;
text-decoration: none;
}
.contact-details a:hover {
text-decoration: underline;
}
