diff --git a/assets/image/bg1.png b/assets/image/bg1.png new file mode 100644 index 0000000..c24b639 Binary files /dev/null and b/assets/image/bg1.png differ diff --git a/assets/image/bit-video.mp4 b/assets/image/bit-video.mp4 new file mode 100644 index 0000000..f204588 Binary files /dev/null and b/assets/image/bit-video.mp4 differ diff --git a/assets/image/bit.png b/assets/image/bit.png new file mode 100644 index 0000000..d90f14b Binary files /dev/null and b/assets/image/bit.png differ diff --git a/assets/image/btech.png b/assets/image/btech.png new file mode 100644 index 0000000..2f089ac Binary files /dev/null and b/assets/image/btech.png differ diff --git a/assets/image/lab.png b/assets/image/lab.png new file mode 100644 index 0000000..54e8888 Binary files /dev/null and b/assets/image/lab.png differ diff --git a/assets/style.css b/assets/style.css index 3fec78e..698dd75 100644 --- a/assets/style.css +++ b/assets/style.css @@ -937,7 +937,7 @@ height: 90px; background:var(--primary-color1); -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 10px 3px #0000000d; - left: -34px; + left: -18px; list-style: outside none none; margin: 0; opacity: 0; @@ -951,7 +951,7 @@ height: 90px; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; visibility: hidden; - width: 193px; + width: 138px; z-index: 999; border-radius: 4px; @@ -1357,12 +1357,7 @@ margin-bottom: 80px; /* Section background */ .bg-dark-2 { -background: radial-gradient( - 1200px 600px at top center, - #5f6ab8 0%, - #3c4884 60%, - #2b346f 100% -); +background-image: url(./image/bg1.png); padding: 60px; @@ -2151,20 +2146,23 @@ padding: 6px 19px; width: 100%; } .content_box { - padding: 35px; + padding: 10px 35px 35px 35px; } .single_blog span { text-transform: capitalize; margin-bottom: 10px; display: inline-block; } +.card.event-card.event-list1{ +height: 329px !important; +} .single_blog span a { - color: #525fe1; + color: var(--hover-color); font-weight: 700; } .single_blog h2 { line-height: 32px; - font-size: 20px; + font-size: 17px; margin-bottom: 15px; } .single_blog h2 a { @@ -2175,7 +2173,7 @@ padding: 6px 19px; text-decoration: none; } .single_blog h2 a:hover { - color: #525fe1; + color: var(--hover-color); } .content_box span a{ text-decoration: none; @@ -3017,4 +3015,181 @@ display: flex; .card.event-card { width: 100%; } -} \ No newline at end of file +} +/* bit detail */ +/* Animations */ +.animate { + opacity: 0; + transform: translateY(40px); + transition: all 0.8s ease; +} + +.animate.show { + opacity: 1; + transform: translateY(0); +} + +/* HERO */ +.bit-hero { + background: linear-gradient(135deg, var(--font-color), var(--primary-color1)); + color: #fff; + padding: 90px 0; +} + +.hero-grid { + display: grid; + grid-template-columns: 1.2fr 1fr; + gap: 40px; + align-items: center; +} + +.hero-image img { + width: 100%; + height: 500px; + object-fit: cover; + border-radius: 14px; + box-shadow: 0 20px 40px rgba(0,0,0,0.25); + animation: float 4s ease-in-out infinite; +} + +@keyframes float { + 0% { transform: translateY(0); } + 50% { transform: translateY(-12px); } + 100% { transform: translateY(0); } +} + +/* DETAILS */ +.bit-details { + padding: 80px 0; + background: #f7f9fc; +} + +.grid { + display: grid; + grid-template-columns: 2fr 1fr; + gap: 40px; +} + +.image-card { + background: #fff; + border-radius: 14px; + overflow: hidden; + box-shadow: 0 12px 30px rgba(0,0,0,0.1); +} + +.image-card img { + width: 100%; + display: block; +} + +.image-card span { + display: block; + padding: 15px; + font-weight: 600; + color: #0f4c81; +} +.content h2, h3{ + color: var(--font-color) !important; + font-size: 30px !important; + font-weight: 600 !important; +} + +/* FEATURES */ +.bit-features { + padding: 80px 0; +} +.bit-features h2{ + color: var(--font-color); + font-size: 30px; + font-weight: 600; +} + +.features-grid { + display: grid; + grid-template-columns: repeat(4, 1fr); + gap: 25px; + margin-top: 40px; +} + +.feature-box { + background: #fff; + border-radius: 14px; + padding: 25px; + text-align: center; + box-shadow: 0 10px 25px rgba(0,0,0,0.08); + transition: transform 0.3s ease; +} + +.feature-box:hover { + transform: translateY(-10px); +} + +.feature-box h4 { + color: var(--font-color); +} +.feature-box img { + width: 60px; + margin-bottom: 15px; +} + +/* CAREER */ +.video-box { + position: relative; + overflow: hidden; + border-radius: 14px; + box-shadow: 0 20px 40px rgba(0,0,0,0.25); +} + +.video-box video { + width: 100%; + height: 435px; + object-fit: cover; + display: block; +} + +.bit-career { + background: linear-gradient(135deg, var(--font-color), var(--primary-color1)); + color: #fff; + padding: 80px 0; +} + +.career-grid { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 40px; + align-items: center; +} + +.career-image img { + width: 100%; + border-radius: 14px; +} + +/* BUTTON */ +.btn-primary { + display: inline-block; + background: var(--primary-color1); + color: var(--font-color1); + padding: 12px 25px; + border-radius: 6px; + font-weight: 600; + text-decoration: none; + margin-top: 20px; + transition:0.3s all ease-out; +} +.btn-primary:hover { +background-color: var(--hover-color); +} + +/* RESPONSIVE */ +@media (max-width: 900px) { + .hero-grid, + .grid, + .career-grid { + grid-template-columns: 1fr; + } + + .features-grid { + grid-template-columns: repeat(2, 1fr); + } +} diff --git a/bit-detail.html b/bit-detail.html new file mode 100644 index 0000000..3d50e49 --- /dev/null +++ b/bit-detail.html @@ -0,0 +1,445 @@ + + +
+ + ++ Build a strong foundation in modern IT, software development, and computing + technologies at South City College of Science and Technology. +
+ Apply Now +
+ + The BIT program focuses on developing skilled IT professionals with strong + analytical thinking, programming skills, and real-world problem-solving ability. +
+ +
+ Modern Computer Labs
+
+ C, Java, Python & modern frameworks
+
+ HTML, CSS, JS & backend technologies
+
+ SQL, data modeling & management
+
+ Computer networks & security basics
+
+ The B.Tech. Ed. in Information Technology program prepares competent IT professionals + with strong technical expertise and teaching skills for both industry and academic careers. +
+ Apply Now + +
+ + The Bachelor of Technical Education (B.Tech. Ed.) in Information Technology is a + four-year undergraduate program designed to produce skilled IT professionals + who are also qualified technical educators. The program integrates modern + information technology with pedagogical and educational training. +
+ +
+Advanced IT & Teaching Labs
+
+ C, Java, Python, Object-Oriented Programming
+ +
+ Frontend, Backend, Database-driven applications
+ +
+ Operating Systems, Networking, Security fundamentals
+ +
+ Teaching methods, curriculum development, ICT in education
+ +
- asklmaklsf lknfa nma lkandslak lkansflka lknfa fn lanfla lnfa l + We are delighted to announce the Inter-College Chess Competition 2025, an exciting event that brings together chess enthusiasts from various institutions to compete, learn, and showcase their strategic thinking. This competition aims to promote logical reasoning, sportsmanship, and a passion for mind sports among students. + +The event will feature intense matches across multiple rounds, conducted under standard chess rules. Participants will have the opportunity to challenge skilled opponents, improve their gameplay, and gain valuable competitive experience in a professional and friendly environment. + +Whether you are a seasoned player or an emerging talent, this tournament offers a platform to test your abilities, sharpen your strategies, and engage with fellow chess lovers.
+