From 9b0d1dabb9b8cb37861c5889db522336f8a6820d Mon Sep 17 00:00:00 2001 From: Mubashir Date: Sun, 28 Jan 2024 11:36:25 +0530 Subject: [PATCH] Home page done with responsiveness --- .DS_Store | Bin 6148 -> 6148 bytes public/css/.DS_Store | Bin 0 -> 6148 bytes public/css/nav.css | 6 +- public/css/navbar.css | 7 +- public/events.html | 1 - public/index.css | 130 +++- public/index.html | 1420 +---------------------------------------- 7 files changed, 112 insertions(+), 1452 deletions(-) create mode 100644 public/css/.DS_Store diff --git a/.DS_Store b/.DS_Store index b7c9364a02070d4cb12a9dcf948d46d519f9a89b..34a3fe363db5f6d0667f80a4d6d5dffd329a32ef 100644 GIT binary patch delta 20 bcmZoMXffC@pNWxU@&cx4M$XNDm^efMMwkXG delta 20 bcmZoMXffC@pNWxu@&cx4Mvl#Ym^efMMur9{ diff --git a/public/css/.DS_Store b/public/css/.DS_Store new file mode 100644 index 0000000000000000000000000000000000000000..1ad4923cb31d60a75f711858cb5f5e86f212a806 GIT binary patch literal 6148 zcmeHK!A`4A{E;1qF2P z67=!R9ec;-{w?pO^FcnH=Zw(faYO%F1!E65Lyjrt-0P?Hp6}yyHaHFD>EkV)kZSZd zXKh>bY85hAbWYAtZ-W>@JQZ_e#LnTd~k)M zL#vaY3O}KO6AUpXr#Qr_jVmlZy14?bfGcoh1z5Aynu(#eu7E4x3ak~-??Xyg%p#VC z;nTq;Tmgu64hLgje-@RKM$96XhI~U4qY{lO@rofv=Xe_9vWTUj(IN5jAu+SW8;XSN zoIefWkj&6qSHKn6R^Y@QTU!5b58wZ{N&e&txB~x50jc-ydtELm*4CZHX{}A^4|Fw+ nD-G8ac0ws;td`;ndN7Ws+975UOGA#({6`?j;EgMAR0Vzk4FYqT literal 0 HcmV?d00001 diff --git a/public/css/nav.css b/public/css/nav.css index a85065c..e19de07 100644 --- a/public/css/nav.css +++ b/public/css/nav.css @@ -89,7 +89,7 @@ nav { top: 0; height: 70px; padding: 0 1.5em; - background-color: #121212; + /* background-color: #121212; */ font-family: 'Montserrat', sans-serif; } nav .logo { @@ -118,7 +118,7 @@ nav .nav-item > a { } nav .nav-item > a:hover { - background-image: linear-gradient(62deg, #797535de 0%, #a17f22cd 100%); + /* background-image: linear-gradient(62deg, #797535de 0%, #a17f22cd 100%); */ } nav .dropdown { position: relative; @@ -222,7 +222,7 @@ nav.opened .btn-hamburger span:nth-child(3) { display: flex; flex-direction: column; justify-content: start; - background-image: linear-gradient(62deg, #797535de 0%, #a17f22cd 100%); + /* background-image: linear-gradient(62deg, #797535de 0%, #a17f22cd 100%); */ transition: bottom .5s ease-in-out; overflow: hidden; color: #000; diff --git a/public/css/navbar.css b/public/css/navbar.css index c45621a..c08eced 100644 --- a/public/css/navbar.css +++ b/public/css/navbar.css @@ -63,7 +63,7 @@ nav { top: 0; height: 70px; padding: 0 1.5em; - background-color: #121212; + font-family: 'Montserrat', sans-serif; } nav .logo { @@ -89,10 +89,7 @@ nav .nav-item > a { color: #edf2fc; text-decoration: none; } -nav .nav-item > a:hover -{ - background-image: linear-gradient(62deg, #797535de 0%, #a17f22cd 100%); -} + nav .dropdown { position: relative; } diff --git a/public/events.html b/public/events.html index f6e1468..faceddc 100644 --- a/public/events.html +++ b/public/events.html @@ -90,7 +90,6 @@ background-size: 200% auto; color: #fff; background-clip: text; - text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: textclip 2s linear infinite; diff --git a/public/index.css b/public/index.css index 6c9fe75..357ecbd 100644 --- a/public/index.css +++ b/public/index.css @@ -1,51 +1,119 @@ * { - margin: 0; - padding: 0; - box-sizing: border-box; + margin: 0; + padding: 0; + box-sizing: border-box; } -div.video{ +div.home { height: 100dvh; background-color: #000; width: 100%; display: flex; flex-direction: column; - justify-content: space-evenly; + justify-content: center; align-items: center; - - margin-top: 40px; - @media (max-width: 500px) { - margin-top: 70px; - - } + +} + +div.home p.text { + color: #fff; + font-size: 6rem; + font-weight: 400; + font-family: "Noto Sans Display", sans-serif; + text-align: center; + margin-bottom: 1rem; + line-height: 1.2; +} + +div.home p.last { + color: #fff; + font-size: 2rem; + font-weight: 300; + font-family: "Noto Sans Display", sans-serif; + text-align: center; + margin-bottom: 1rem; + line-height: 1.2; } -div.video img{ - max-width: 800px; - max-height: 500px; - border: #fff solid 2px; - @media (max-width: 500px) { - height: auto; - max-height: 500px; - max-width: 250px; +span.tsig { + color: #fff; + font-size: 7rem; + font-weight: 400; + font-family: "Noto Sans Display", sans-serif; + text-align: center; + background: linear-gradient(to bottom right, + #FFFFFF 0%, + #FFEA61 25%, + #FFEA61 50%, + #FFFFB7 75%, + #FFD400 100%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; + -webkit-text-fill-color: transparent; + background-size: 500% auto; + animation: textShine 3s ease-in-out infinite alternate; +} + +@keyframes textShine { + 0% { + background-position: 100% 0%; + } + + 100% { + background-position: 0% 100%; } +} + +div.home div.down{ + display: flex; + flex-direction: column; + justify-content: space-around; + align-items: center; } -div.video a { - text-decoration: none; - color: #000; - background-color: #fff; +div.down a{ + margin: 10px; + background-color: transparent; + color: black; + font-size: 1.5rem; + font-weight: 400; + font-family: "Noto Sans Display", sans-serif; padding: 10px 20px; - border-radius: 5px; - font-size: 1.2rem; + border: white 2px + solid; cursor: pointer; + transition: all 0.3s ease-in-out; + +} +div.down p.last{ + font-size: 2rem; + font-weight: 400; + font-family: "Noto Sans Display", sans-serif; text-align: center; - margin: 10px auto; - font-weight: bold; - @media (max-width: 500px) { - margin: 10px auto; - width: 50%; + margin: 1rem; + +} +a i{ + font-size: 3rem; + color: #FFF; +} + + +@media (min-width: 270px) and (max-width: 768px) { + div.home p.text { + font-size: 3rem; + } + + div.home p.last { + font-size: 1rem; + } + + span.tsig { + font-size: 4rem; + } + + div.home a { font-size: 1rem; - } } diff --git a/public/index.html b/public/index.html index f9dd9f6..b86d5ac 100644 --- a/public/index.html +++ b/public/index.html @@ -18,6 +18,7 @@ + -
- - - Register Here -
- - - - - - -
- -
- - - - - - - - - -
- -
- - - -
- -
- -
-
-
-

Our Services

-
-   -
-
-
- -
- Web development company in hyderabad - cloud -
- -
- Full Stack Development -

We are called as the best web developers in our college for a reason. We have a - team of highly skilled developers who excel in providing clean code and user friendly design. This group - helps you you teach this course from scratch to the advance level. -

-
- - - - - - - - - - -
-
- -
-
- -
- App development, app ui designers in hyderabad, app ux designers in hyderabad - cloud -
- -
- MECHTRONIOT -

This group is mainly about core electronics. Where you would be experiencing a - lot of knowledge that are embedded with sensors, software, and other technologies for the purpose of - connecting and exchanging data with other devices and systems -

-
- - - - - - - - - - -
-
- -
-
- -
- best logo designers in hyderabad, brochure designers in hyderabad, event poster designers in hyderabad - cloud -
- -
- DSAI -

Data science and Artifial intellegence, this course in full boom these days, many - people are aiming to make their future in this side.We also work on this course and provide many - projects which can help you build up deep knowledge of the subject. -

-
- - - - - - - - - - -
-
-
-
-
-
- -
- Web development company in hyderabad - cloud -
- -
- Cyber Security -

Being a Creative agency at the core and one of the best Web Designing Company in - Hyderabad, we create designs based on your preference. Be it professional, funky, modern - you name it - and we will bring it to reality. -

-
- - - - - - - - - - -
-
- -
-
- -
- App development, app ui designers in hyderabad, app ux designers in hyderabad - cloud -
- -
- VLSI -

The UI is the skin of the product that your building. The users decide to use or - exit the app based on the UI/UX. Being the best app UI designers in Hyderabad, we will give you the - designs that will make your users stick to the app. -

-
- - - - - - - - - - -
-
- - -
+
+

Unlock Your Potential
+ With TSIG
+

+ +

Innovation Across Domains

-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
-
For you from us
-

B.I.T.A

-

These are not a set of reasons, but the promises that we make to our execoms and we - oath to fullfil them. -

-
-
-
-
-
- - - -
Resume Enhancement
-
-

We are serious when we say that we care about you! I mean once you are our - execom there is no need for you to worry about enhancing your resume. -

-
-
-
-
-
- - - -
Placement Training
-
-

Yes! You heard right, here we are for you to guide in a right way to lead you - towards your goals.We would be training you by providing the required courses and guided by our - seniors who are well experienced.

-
-
-
-
-
- - - -
Workshops
-
-

A few workshops that you might attend and many that you might conduct! You - would be having a lot hands on experience while working on the projects and will be conducting many - workshope based on them.

-
-
-
-
-
- - - -
Problem Solving
-
-

You will be getting to know a lot of languages as you might take up projects - and work on them. This might be a huge chance to find your interests as we all found ours.

-
-
-
-
- -
-
-
-
- slide -
-
- slide -
-
- slide -
-
- -
-
-
-
-
-
- - - - - - - - - - - -
-
-
-
-
-
-
Our Works
-

Let Everyone Know Why We are the Best

-
These are some of our works, workshops and events that we have done, -
-
-
- -
- -
-
- -
-
-
-
-
- - case - - -
-
-
INTERNPRENEUR a huge successful event for our team. Happens every year.
- -
-
-
- -
-
- - case - - -
-
-
Hands on IOT workshop that has got a great response
- -
-
-
- -
-
- - case - - -
-
-
Hands on IOT workshop that has got a great response
- - Visit Website -
- - - - - - -
- -
-
-
- -
-
- - case - - -
-
-
This is a website that we have done as freelancers.
- - Visit Website -
- - - - - - -
- -
-
-
- -
-
- - case - - -
-
-
COLLEGE FAMOUS workshop.
- -
-
-
- - - -
-
- - -
-
-
- -
- -
- - - - - -
- - -
- - - - - -
-
- -
Contact with us
-
- - - - Huzaifa: +91 7337239300 -
- -
- - - - Imaad: +91 9381784086 -
-
- - - - tsignature@gmail.com -
- - - - Send a Message - - -
- - - Follow Us: -   - -   - - - - - - -
-
- - - - -
- - - - - -
-
-
- - Copyright © 2022 T SIGNATURE @ MJCET - -
-
-
-
- -
- - - - - -
- - - - - - -
-
Send a Message
-

You can tell us what you want and our team will reach you shortly!

-
-
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- -
- - - - -
- - - -
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -