Following u since 2019 ... Nahi pata chala apke content ko follow karte karte Kahan 2023 aagya ... It has been an amazing journey from seeing u from 60k to a million subs 🙂 ... Love u and ur content ... Also still remember those nostalgic days when I use to sit and code whole the day by watching your videos 😔😔😔😔 vibes>>>>
Web Development Course Review: "I've just reached the Tutorial #33 in my web development course, and I'm already incredibly impressed. The course has provided me with a solid foundation in HTML, CSS and I can't wait to learn Javascript and Backend. Hary is knowledgeable and supportive, and the exercises have been both challenging and rewarding. I'm looking forward to diving deeper into web development and gaining the skills I need to build amazing websites and applications."
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consectetur et unde vel, aperiam sequi sed a beatae? Id labore a placeat rerum possimus, molestiae aliquam animi ullam atque qui. Cumque neque repellendus sapiente dignissimos, obcaecati amet ipsa ea autem corrupti sequi doloribus enim velit nostrum, ad blanditiis unde aliquid deleniti magni eveniet doloremque. Cupiditate consequatur at voluptates ea sit accusantium impedit qui nisi excepturi facilis, temporibus itaque repellat unde, asperiores cum consequuntur. Quidem obcaecati asperiores velit iste rem? Dicta pariatur dolor maiores ad possimus nisi in autem, incidunt eveniet ea voluptas quas similique suscipit praesentium at neque eaque, facere provident? Iure totam repellat dolorem ipsam a aut assumenda amet corporis, numquam nulla aspernatur, fugit sit labore ipsum ullam, autem velit consequuntur tempora sunt ex possimus provident dolor? Voluptates quo ea molestiae, tenetur maiores maxime eum esse aut autem ad excepturi animi facere repellat doloremque mollitia veniam doloribus ducimus. Iste officiis tempora molestias neque ad veritatis fugiat vel, soluta cupiditate iure ullam distinctio voluptate et nostrum. Itaque ad deserunt magni officia praesentium vero iusto esse placeat autem dolorem doloremque nostrum exercitationem debitis consectetur aliquam voluptate dolorum aliquid, quos rem accusamus. Explicabo tenetur ab itaque veritatis? Unde blanditiis mollitia, explicabo minima fugiat aspernatur quaerat, amet quidem natus asperiores illo sint repellendus iste officiis illum magni. Sint aspernatur velit facere maiores eum porro unde! Numquam quis similique delectus expedita. Quaerat sunt ipsam earum voluptatum dolore, odit laboriosam similique exercitationem excepturi necessitatibus illo incidunt facere minus fugit dicta inventore libero quibusdam voluptas! Consectetur eos culpa vero amet inventore unde officia explicabo dolorum ipsa tempora. Possimus aut quaerat laboriosam optio pariatur quasi, dolorem tenetur nemo amet magni rem, est eius! Veniam aspernatur fugit tempora, fugiat ea libero sit culpa ab quia, enim hic, sunt suscipit omnis vero excepturi in officia similique. Deleniti doloremque qui ut, repudiandae nostrum optio, mollitia temporibus sapiente dignissimos officia rem incidunt repellendus nihil recusandae! Rerum in maiores et expedita modi pariatur incidunt ullam culpa! Excepturi hic pariatur ea quam deleniti minus architecto, nihil adipisci omnis inventore deserunt. Sint hic dolorem inventore recusandae atque, quas sequi tempora dolor rerum totam impedit repudiandae quae similique id quaerat necessitatibus, nihil adipisci tenetur dignissimos quibusdam, fuga nulla consectetur soluta non. Ea repudiandae illo quos laudantium ab delectus alias nam fugiat repellat, aliquam nobis ipsa magni sed excepturi necessitatibus asperiores officiis vitae quae hic in provident blanditiis facere. Omnis quae incidunt iure, debitis saepe suscipit esse veritatis distinctio repellat quia dignissimos vero ullam similique libero accusantium porro nostrum dolore alias in. Veniam odit laborum dignissimos amet quae laudantium, eligendi quibusdam pariatur possimus, reiciendis provident, suscipit quas culpa consequuntur! Illum, dicta. Fuga dignissimos a alias adipisci in quaerat accusantium, pariatur possimus id sequi perspiciatis provident similique, repellendus impedit ratione natus et, reprehenderit sapiente. Vel est ad suscipit? Architecto natus repellat voluptates at sed. Magni id dolore dolorum odit deserunt officia nobis cupiditate magnam perspiciatis, veniam autem nostrum aut nihil doloribus alias fuga ratione vero reprehenderit recusandae. Accusantium asperiores obcaecati ad blanditiis dolor commodi, nisi quasi eum quisquam.
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consectetur et unde vel, aperiam sequi sed a beatae? Id labore a placeat rerum possimus, molestiae aliquam animi ullam atque qui. Cumque neque repellendus sapiente dignissimos, obcaecati amet ipsa ea autem corrupti sequi doloribus enim velit nostrum, ad blanditiis unde aliquid deleniti magni eveniet doloremque. Cupiditate consequatur at voluptates ea sit accusantium impedit qui nisi excepturi facilis, temporibus itaque repellat unde, asperiores cum consequuntur. Quidem obcaecati asperiores velit iste rem? Dicta pariatur dolor maiores ad possimus nisi in autem, incidunt eveniet ea voluptas quas similique suscipit praesentium at neque eaque, facere provident? Iure totam repellat dolorem ipsam a aut assumenda amet corporis, numquam nulla aspernatur, fugit sit labore ipsum ullam, autem velit consequuntur tempora sunt ex possimus provident dolor? Voluptates quo ea molestiae, tenetur maiores maxime eum esse aut autem ad excepturi animi facere repellat doloremque mollitia veniam doloribus ducimus. Iste officiis tempora molestias neque ad veritatis fugiat vel, soluta cupiditate iure ullam distinctio voluptate et nostrum. Itaque ad deserunt magni officia praesentium vero iusto esse placeat autem dolorem doloremque nostrum exercitationem debitis consectetur aliquam voluptate dolorum aliquid, quos rem accusamus. Explicabo tenetur ab itaque veritatis? Unde blanditiis mollitia, explicabo minima fugiat aspernatur quaerat, amet quidem natus asperiores illo sint repellendus iste officiis illum magni. Sint aspernatur velit facere maiores eum porro unde! Numquam quis similique delectus expedita. Quaerat sunt ipsam earum voluptatum dolore, odit laboriosam similique exercitationem excepturi necessitatibus illo incidunt facere minus fugit dicta inventore libero quibusdam voluptas! Consectetur eos culpa vero amet inventore unde officia explicabo dolorum ipsa tempora. Possimus aut quaerat laboriosam optio pariatur quasi, dolorem tenetur nemo amet magni rem, est eius! Veniam aspernatur fugit tempora, fugiat ea libero sit culpa ab quia, enim hic, sunt suscipit omnis vero excepturi in officia similique. Deleniti doloremque qui ut, repudiandae nostrum optio, mollitia temporibus sapiente dignissimos officia rem incidunt repellendus nihil recusandae! Rerum in maiores et expedita modi pariatur incidunt ullam culpa! Excepturi hic pariatur ea quam deleniti minus architecto, nihil adipisci omnis inventore deserunt. Sint hic dolorem inventore recusandae atque, quas sequi tempora dolor rerum totam impedit repudiandae quae similique id quaerat necessitatibus, nihil adipisci tenetur dignissimos quibusdam, fuga nulla consectetur soluta non. Ea repudiandae illo quos laudantium ab delectus alias nam fugiat repellat, aliquam nobis ipsa magni sed excepturi necessitatibus asperiores officiis vitae quae hic in provident blanditiis facere. Omnis quae incidunt iure, debitis saepe suscipit esse veritatis distinctio repellat quia dignissimos vero ullam similique libero accusantium porro nostrum dolore alias in. Veniam odit laborum dignissimos amet quae laudantium, eligendi quibusdam pariatur possimus, reiciendis provident, suscipit quas culpa consequuntur! Illum, dicta. Fuga dignissimos a alias adipisci in quaerat accusantium, pariatur possimus id sequi perspiciatis provident similique, repellendus impedit ratione natus et, reprehenderit sapiente. Vel est ad suscipit? Architecto natus repellat voluptates at sed. Magni id dolore dolorum odit deserunt officia nobis cupiditate magnam perspiciatis, veniam autem nostrum aut nihil doloribus alias fuga ratione vero reprehenderit recusandae. Accusantium asperiores obcaecati ad blanditiis dolor commodi, nisi quasi eum quisquam.
can we use our own property which is not defined in the root and how you get to know all the property bcoz harry has only shared few property how you got rest the list of property please refer it so that it will help others on this community
We need a proper roadmap and guidance for BCA , includes college study, DSA, Development, CS fundamentals, Off Campus internships, Hackathons, competitive programming, open source etc.
Harry Bhaiya... You're looking great in the wrestling costume at 0:01!! 😀😀Your Biceps and Triceps are awesome... Love You Bhaiya ❤❤ #SigmaBatchOP #HarryBhaiyaOP #HarryBhai #ChallengeAccepted #ChallengeCompleted
Sohrab Alam Lorem ipsum dolor, amet consectetur adipisicing elit. Delectus consectetur quod eius quos laborum, sint laudantium fuga dolorem molestias ab velit debitis tempore ratione repudiandae dolor maiores. Similique cum consequatur esse quia quod saepe accusamus sunt illo quae veniam doloribus, ut magnam suscipit vitae distinctio. Cum magnam alias vitae itaque obcaecati. Consequatur minima, vero veniam pariatur itaque, dolore, et deleniti voluptatum cumque iure ipsum quae voluptates! Est, velit possimus! Voluptatibus illum quae quos sit asperiores, recusandae dolorum corrupti eligendi, praesentium explicabo impedit omnis adipisci aliquam esse ullam possimus odit nihil, rem voluptatum? Tempora neque quae beatae laudantium ipsam reiciendis incidunt quas, labore temporibus, assumenda fugit. Ut soluta eius ratione, enim nihil voluptas dolor corporis repellat vero fugiat saepe ab assumenda maxime hic fugit quisquam? Modi cumque, accusantium perspiciatis impedit ut saepe labore suscipit, voluptatum odit eveniet doloremque in ab et molestias! Veritatis iste iure ea dolorem voluptas quos sunt incidunt? Nesciunt qui ea debitis ut esse amet earum officiis quos perspiciatis modi exercitationem architecto neque dicta voluptate aspernatur, minima porro ipsam molestias suscipit inventore? Quisquam quidem ipsum deserunt ipsam facere minus a sunt tempore assumenda provident quasi dolorum nemo labore ullam tenetur laborum quos nisi, minima iure quibusdam explicabo?
Hi Harry I like your teaching style thanks a lot. I leart HTML, CSS, and javascript I request, can you make a new series of web 3.0 blockchain metaverse full course including solidity
🎯 Key Takeaways for quick navigation: 00:53 🎨 *Design a multicolored navbar using CSS variables.* 01:21 🚀 *Gradually transition to making a full website after covering important concepts like flexbox, grid, transitions, and animations.* 01:41 🕒 *Full website development coming soon, so stay tuned and access the playlist and source code.* Made with HARPA AI
#Bhupendra hogi Challenge accepted Harry Bhai Thankyou Harry Bhai ❤❤❤❤ Sry kl video dekha tha or kaam aaya to krne lga or phir bul gya likha sry Harry Bhai or kl hi solve kr liya tha 😊
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero minima ducimus fugit nobis, velit voluptas dolorum? Sequi vero distinctio alias voluptatum voluptates dolor?
Jogendar Nagi Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque quia in consequatur quas obcaecati dignissimos nemo molestias alias, non repudiandae qui quaerat dicta aliquid, consequuntur eveniet voluptas mollitia! Harum quasi adipisci nemo ducimus dolore sunt, fuga enim reprehenderit incidunt unde aperiam sint ex possimus magnam! Iure laudantium nihil ut ad doloremque officia quod, debitis provident impedit numquam ipsa nulla aspernatur eius veritatis saepe consequatur corrupti distinctio esse itaque vitae harum quisquam sit quas. Omnis quaerat eveniet architecto harum vitae dolor earum sint dignissimos quod iusto consequuntur eos, laboriosam dolorum quia beatae placeat quas. Laborum quasi quam atque mollitia cumque consequatur ullam animi sint totam ipsa qui omnis quas, enim, quibusdam veritatis aspernatur iure, quia dolorum et eum nesciunt. At exercitationem, tenetur possimus nesciunt provident libero rerum modi consequuntur voluptas esse. Numquam reiciendis harum dignissimos autem labore facilis odio! Praesentium, velit dolores nihil eligendi totam facere, nisi qui obcaecati maiores eius unde iure? Pariatur aut ab quis minima voluptas consequuntur, eos quibusdam, atque ipsum maiores fugiat distinctio? Ex tempora et aut aliquid quas illo a incidunt dolore possimus, dolor vel perferendis, explicabo facere, recusandae est saepe perspiciatis molestias. Nisi aliquid amet blanditiis hic excepturi deserunt eveniet, consequuntur corrupti itaque doloribus repudiandae.
Bupendra Jogi Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, eveniet sit voluptatibus dolore tenetur eum ea placeat corporis laborum expedita nihil excepturi dolor asperiores illo exercitationem quas, fugit explicabo commodi quae odio et cupiditate consequatur eos! Est quisquam nesciunt rem dolor nam quo veritatis fugiat at fuga doloribus, quos accusamus eaque inventore, iusto dicta! Temporibus, asperiores.
} p{ margin: 6px 6px; font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; }
Home Contact About Profile Setting
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, explicabo libero exercitationem voluptatibus distinctio impedit aliquam incidunt fugit quaerat animi a voluptatem tempore maiores quo rem sint eum mollitia cupiditate vero totam vitae accusamus!
Hiiiii, pls ignore media query and all as i was trying to fix the overflow and all that was happening when previewing in my phone, tho it resulted in failure,..
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam velit soluta ea tempore, explicabo reprehenderit ut impedit debitis aspernatur enim quas accusantium molestias.sdfgksdmmsmdl slmldlksfkdsjm Lorem ipsum dolor sit, amet consectetur adipisicing elit. Itaque officia quae architecto tempore inventore et.
![ไลฟ์สุ่ม iPhone 295 บาท... โกงมั้ย?[ โกงมั้ยครับ ep.97 ] | DOM](http://i.ytimg.com/vi/gdstHEE4UUE/mqdefault.jpg)
Following u since 2019 ... Nahi pata chala apke content ko follow karte karte Kahan 2023 aagya ... It has been an amazing journey from seeing u from 60k to a million subs 🙂 ... Love u and ur content ... Also still remember those nostalgic days when I use to sit and code whole the day by watching your videos 😔😔😔😔 vibes>>>>
par Bhai apka to account hi 2020 me bna😂😂
@Crafter-s__Tribeare wo Sikh Raha hai....
Pher abhi to front end.developer ho
Bhai bas follow kar rahe ho ya kuch aur bhi kar rahe ho......
bhai mai jab bhi code solution comment kar rha hu mera comment auto delete ho ja rha hai bar baar please help me if someone know about this issue!
Web Development Course Review:
"I've just reached the Tutorial #33 in my web development course, and I'm already incredibly impressed. The course has provided me with a solid foundation in HTML, CSS and I can't wait to learn Javascript and Backend. Hary is knowledgeable and supportive, and the exercises have been both challenging and rewarding. I'm looking forward to diving deeper into web development and gaining the skills I need to build amazing websites and applications."
Post it to the first video also for harry bhai 😊
Ai😂
#Bhupendra Jogi
Thanks Harry bhai ❤❤
*{
margin: 0;
padding: 0;
}
:root{
--color:rgb(214, 202, 202);
--seccolor:rgb(146, 146, 146);
--another-color:rgb(168, 204, 201);
--decoration-color: rgba(46, 11, 11, 0.952);
--main-color:rgb(224, 224, 224);
--defpad:15px;
--defop:0.5;
}
body{
background-color: var(--seccolor);
}
.nav{
background-color: var(--color);
}
.nav li:hover{
background-color: var(--another-color);
cursor: pointer;
border-radius: 20px;
}
ul{
display: flex;
}
ul li{
opacity: var(--defop);
list-style: none;
font-size: 25px;
margin: 10px;
padding: var(--defpad);
}
h1{
text-align: center;
color: var(--decoration-color);
}
.jogi{
text-align: center;
margin: 23px 300px;
padding: var(--defpad);
font-style:inherit;
font-size: 20px;
color: rgb(129, 110, 110);
border: 5px solid var(--main-color);
height: auto;
width: 50vw;
background-color: var(--another-color);
border-radius: 25px;
}
.jogi p{
margin-top: 20px;
}
Home
About
Contact
Bhupendra Jogi
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consectetur et unde vel, aperiam sequi sed a beatae? Id labore a placeat rerum possimus, molestiae aliquam animi ullam atque qui. Cumque neque repellendus sapiente dignissimos, obcaecati amet ipsa ea autem corrupti sequi doloribus enim velit nostrum, ad blanditiis unde aliquid deleniti magni eveniet doloremque. Cupiditate consequatur at voluptates ea sit accusantium impedit qui nisi excepturi facilis, temporibus itaque repellat unde, asperiores cum consequuntur. Quidem obcaecati asperiores velit iste rem? Dicta pariatur dolor maiores ad possimus nisi in autem, incidunt eveniet ea voluptas quas similique suscipit praesentium at neque eaque, facere provident? Iure totam repellat dolorem ipsam a aut assumenda amet corporis, numquam nulla aspernatur, fugit sit labore ipsum ullam, autem velit consequuntur tempora sunt ex possimus provident dolor? Voluptates quo ea molestiae, tenetur maiores maxime eum esse aut autem ad excepturi animi facere repellat doloremque mollitia veniam doloribus ducimus. Iste officiis tempora molestias neque ad veritatis fugiat vel, soluta cupiditate iure ullam distinctio voluptate et nostrum. Itaque ad deserunt magni officia praesentium vero iusto esse placeat autem dolorem doloremque nostrum exercitationem debitis consectetur aliquam voluptate dolorum aliquid, quos rem accusamus. Explicabo tenetur ab itaque veritatis? Unde blanditiis mollitia, explicabo minima fugiat aspernatur quaerat, amet quidem natus asperiores illo sint repellendus iste officiis illum magni. Sint aspernatur velit facere maiores eum porro unde! Numquam quis similique delectus expedita. Quaerat sunt ipsam earum voluptatum dolore, odit laboriosam similique exercitationem excepturi necessitatibus illo incidunt facere minus fugit dicta inventore libero quibusdam voluptas! Consectetur eos culpa vero amet inventore unde officia explicabo dolorum ipsa tempora. Possimus aut quaerat laboriosam optio pariatur quasi, dolorem tenetur nemo amet magni rem, est eius! Veniam aspernatur fugit tempora, fugiat ea libero sit culpa ab quia, enim hic, sunt suscipit omnis vero excepturi in officia similique. Deleniti doloremque qui ut, repudiandae nostrum optio, mollitia temporibus sapiente dignissimos officia rem incidunt repellendus nihil recusandae! Rerum in maiores et expedita modi pariatur incidunt ullam culpa! Excepturi hic pariatur ea quam deleniti minus architecto, nihil adipisci omnis inventore deserunt. Sint hic dolorem inventore recusandae atque, quas sequi tempora dolor rerum totam impedit repudiandae quae similique id quaerat necessitatibus, nihil adipisci tenetur dignissimos quibusdam, fuga nulla consectetur soluta non. Ea repudiandae illo quos laudantium ab delectus alias nam fugiat repellat, aliquam nobis ipsa magni sed excepturi necessitatibus asperiores officiis vitae quae hic in provident blanditiis facere. Omnis quae incidunt iure, debitis saepe suscipit esse veritatis distinctio repellat quia dignissimos vero ullam similique libero accusantium porro nostrum dolore alias in. Veniam odit laborum dignissimos amet quae laudantium, eligendi quibusdam pariatur possimus, reiciendis provident, suscipit quas culpa consequuntur! Illum, dicta. Fuga dignissimos a alias adipisci in quaerat accusantium, pariatur possimus id sequi perspiciatis provident similique, repellendus impedit ratione natus et, reprehenderit sapiente. Vel est ad suscipit? Architecto natus repellat voluptates at sed. Magni id dolore dolorum odit deserunt officia nobis cupiditate magnam perspiciatis, veniam autem nostrum aut nihil doloribus alias fuga ratione vero reprehenderit recusandae. Accusantium asperiores obcaecati ad blanditiis dolor commodi, nisi quasi eum quisquam.
looks amazing brother
some changes 😂😂😂😂
*{
margin: 0;
padding: 0;
}
:root{
--color:rgb(214, 202, 202);
--seccolor:rgb(146, 146, 146);
--another-color:rgb(168, 204, 201);
--decoration-color: rgba(46, 11, 11, 0.952);
--main-color:rgb(224, 224, 224);
--defpad:15px;
--defop:0.5;
}
body{
background-color: var(--seccolor);
}
.nav{
background-color: greenyellow;
border: 2px solid black;
width: 350px;
position: relative;
left: 530px;
border-radius: 25px;
}
.nav li:hover{
background-color: rgb(22, 119, 40);
color: blueviolet;
cursor: pointer;
border-radius: 20px;
}
ul{
display: flex;
}
ul li{
opacity: var(--defop);
list-style: none;
font-size: 25px;
margin: 10px;
padding: var(--defpad);
}
h1{
text-align: center;
color: var(--decoration-color);
}
.jogi{
text-align: center;
margin: 23px 300px;
padding: var(--defpad);
font-style:inherit;
font-size: 20px;
color: rgb(129, 110, 110);
border: 5px solid var(--main-color);
height: auto;
width: 50vw;
background-color: var(--another-color);
border-radius: 25px;
}
.jogi p{
margin-top: 20px;
}
Home
About
Contact
Bhupendra Jogi
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Consectetur et unde vel, aperiam sequi sed a beatae? Id labore a placeat rerum possimus, molestiae aliquam animi ullam atque qui. Cumque neque repellendus sapiente dignissimos, obcaecati amet ipsa ea autem corrupti sequi doloribus enim velit nostrum, ad blanditiis unde aliquid deleniti magni eveniet doloremque. Cupiditate consequatur at voluptates ea sit accusantium impedit qui nisi excepturi facilis, temporibus itaque repellat unde, asperiores cum consequuntur. Quidem obcaecati asperiores velit iste rem? Dicta pariatur dolor maiores ad possimus nisi in autem, incidunt eveniet ea voluptas quas similique suscipit praesentium at neque eaque, facere provident? Iure totam repellat dolorem ipsam a aut assumenda amet corporis, numquam nulla aspernatur, fugit sit labore ipsum ullam, autem velit consequuntur tempora sunt ex possimus provident dolor? Voluptates quo ea molestiae, tenetur maiores maxime eum esse aut autem ad excepturi animi facere repellat doloremque mollitia veniam doloribus ducimus. Iste officiis tempora molestias neque ad veritatis fugiat vel, soluta cupiditate iure ullam distinctio voluptate et nostrum. Itaque ad deserunt magni officia praesentium vero iusto esse placeat autem dolorem doloremque nostrum exercitationem debitis consectetur aliquam voluptate dolorum aliquid, quos rem accusamus. Explicabo tenetur ab itaque veritatis? Unde blanditiis mollitia, explicabo minima fugiat aspernatur quaerat, amet quidem natus asperiores illo sint repellendus iste officiis illum magni. Sint aspernatur velit facere maiores eum porro unde! Numquam quis similique delectus expedita. Quaerat sunt ipsam earum voluptatum dolore, odit laboriosam similique exercitationem excepturi necessitatibus illo incidunt facere minus fugit dicta inventore libero quibusdam voluptas! Consectetur eos culpa vero amet inventore unde officia explicabo dolorum ipsa tempora. Possimus aut quaerat laboriosam optio pariatur quasi, dolorem tenetur nemo amet magni rem, est eius! Veniam aspernatur fugit tempora, fugiat ea libero sit culpa ab quia, enim hic, sunt suscipit omnis vero excepturi in officia similique. Deleniti doloremque qui ut, repudiandae nostrum optio, mollitia temporibus sapiente dignissimos officia rem incidunt repellendus nihil recusandae! Rerum in maiores et expedita modi pariatur incidunt ullam culpa! Excepturi hic pariatur ea quam deleniti minus architecto, nihil adipisci omnis inventore deserunt. Sint hic dolorem inventore recusandae atque, quas sequi tempora dolor rerum totam impedit repudiandae quae similique id quaerat necessitatibus, nihil adipisci tenetur dignissimos quibusdam, fuga nulla consectetur soluta non. Ea repudiandae illo quos laudantium ab delectus alias nam fugiat repellat, aliquam nobis ipsa magni sed excepturi necessitatibus asperiores officiis vitae quae hic in provident blanditiis facere. Omnis quae incidunt iure, debitis saepe suscipit esse veritatis distinctio repellat quia dignissimos vero ullam similique libero accusantium porro nostrum dolore alias in. Veniam odit laborum dignissimos amet quae laudantium, eligendi quibusdam pariatur possimus, reiciendis provident, suscipit quas culpa consequuntur! Illum, dicta. Fuga dignissimos a alias adipisci in quaerat accusantium, pariatur possimus id sequi perspiciatis provident similique, repellendus impedit ratione natus et, reprehenderit sapiente. Vel est ad suscipit? Architecto natus repellat voluptates at sed. Magni id dolore dolorum odit deserunt officia nobis cupiditate magnam perspiciatis, veniam autem nostrum aut nihil doloribus alias fuga ratione vero reprehenderit recusandae. Accusantium asperiores obcaecati ad blanditiis dolor commodi, nisi quasi eum quisquam.
can we use our own property which is not defined in the root and how you get to know all the property bcoz harry has only shared few property how you got rest the list of property please refer it so that it will help others on this community
Sir can u change .jogi{
margin: 23px 300px;
}
to
.jogi{
margin: 20px auto;
}
@@elf_gamer
3
:root {
--color: rgb(255, 0, 183);
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: auto;
background-color: var(--color);
}
li {
float: left;
}
li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
Home
News
Contact
About
Tutorial - 33 Done ✅
#SigmaBatchOP #HarryBhai #ChallengeAccepted
Thank you ❤ Harry bhai for this amazing course
Lecture 33 done ✅
Waiting for more 👍🏼
#sigmabatchop
#challangeaccepted #html
Started in 2021 with ur web development course ❤ and here we are together 😊
We need a proper roadmap and guidance for BCA , includes college study, DSA, Development, CS fundamentals, Off Campus internships, Hackathons, competitive programming, open source etc.
Yes Yes
Yes bro
Yes
Best Course Ever !
Sigma Batch OP🔥
Harry Bhaiya... You're looking great in the wrestling costume at 0:01!! 😀😀Your Biceps and Triceps are awesome...
Love You Bhaiya ❤❤ #SigmaBatchOP #HarryBhaiyaOP #HarryBhai #ChallengeAccepted #ChallengeCompleted
* {
padding: 0;
margin: 0;
}
:root {
--color: blue;
--seccol: gray;
--maincolor : rgb(27, 211, 202);
--fontcolor : rgb(134, 115, 115);
--defpad: 30px;
}
.nav {
/* padding: var(--defpad); */
/* position:fixed; */
/* margin-left: 910px; */
background-color: var(--maincolor);
}
.nav ul {
display: flex;
/* background-color: var(--maincolor); */
margin-left: 910px;
}
ul li:hover{
/* background-color: var(--seccol); */
text-decoration: underline;
cursor: pointer;
color: var(--fontcolor);
}
ul li {
list-style: none;
padding: var(--defpad);
}
h2{
/* padding: 26px */
margin-left: 20px;
margin-top: 10px;
}
.content{
margin-left: 50px;
margin-top: 30px;
}
p::first-line{
/* left: 9px; */
color: red;
}
Home
About
Contact
Sohrab Alam
Lorem ipsum dolor, amet consectetur adipisicing elit. Delectus consectetur quod eius quos laborum, sint laudantium fuga dolorem molestias ab velit debitis tempore ratione repudiandae dolor maiores. Similique cum consequatur esse quia quod saepe accusamus sunt illo quae veniam doloribus, ut magnam suscipit vitae distinctio. Cum magnam alias vitae itaque obcaecati. Consequatur minima, vero veniam pariatur itaque, dolore, et deleniti voluptatum cumque iure ipsum quae voluptates! Est, velit possimus! Voluptatibus illum quae quos sit asperiores, recusandae dolorum corrupti eligendi, praesentium explicabo impedit omnis adipisci aliquam esse ullam possimus odit nihil, rem voluptatum? Tempora neque quae beatae laudantium ipsam reiciendis incidunt quas, labore temporibus, assumenda fugit. Ut soluta eius ratione, enim nihil voluptas dolor corporis repellat vero fugiat saepe ab assumenda maxime hic fugit quisquam? Modi cumque, accusantium perspiciatis impedit ut saepe labore suscipit, voluptatum odit eveniet doloremque in ab et molestias! Veritatis iste iure ea dolorem voluptas quos sunt incidunt? Nesciunt qui ea debitis ut esse amet earum officiis quos perspiciatis modi exercitationem architecto neque dicta voluptate aspernatur, minima porro ipsam molestias suscipit inventore? Quisquam quidem ipsum deserunt ipsam facere minus a sunt tempore assumenda provident quasi dolorum nemo labore ullam tenetur laborum quos nisi, minima iure quibusdam explicabo?
* {
margin: 0px;
padding: 0px;
}
body {
background-color: lightpink;
}
.nav {
list-style: none;
display: flex;
}
ul li {
padding: 35px;
margin-top: 20px;
}
.first {
background-color:palevioletred;
}
.first:hover {
color:black;
font-size:xx-large;
font-weight: 800;
}
.second {
background-color:red;
}
.second:hover {
color:blue;
font-size:xx-large;
font-weight: 800;
}
.third {
background-color: goldenrod;
}
.third:hover {
color:purple;
font-size:xx-large;
font-weight: 800;
}
.fourth {
background-color:lawngreen;
}
.fourth:hover {
color:darkred;
font-size:xx-large;
font-weight: 800;
}
Home
About
Reviews
Contact
is it necessary to create a list for nav bar? hm isko span ki help sy bhi to bna skty hein na?
Challenge accepted!!
Pichla wala bahut lazily banaya tha
CSS weak tha but glad I learned from the best!!
#Bhupendra_Jogi
*{
padding: 0;
margin: 0;
}
:root{
--defopacity: 1;
--defpad: 10px;
--color: rebeccapurple;
--iconcolor: rgb(213, 202, 202);
}
.navbar ul{
padding: var(--defpad);
background-color: var(--color);
display: flex;
}
.navbar ul li{
opacity: var(--defopacity);
padding: 12px;
list-style: none;
color: var(--iconcolor);
font-family: sans-serif;
}
.navbar ul li:hover{
color: rgb(186, 186, 186);
cursor: pointer;
}
Home
About
Contact
Hi Harry I like your teaching style thanks a lot. I leart HTML, CSS, and javascript I request, can you make a new series of web 3.0 blockchain metaverse full course including solidity
Challenge accepted ❤#HarryBhai
Hats off to your efforts 🙌
Exercise 4 :- Create a multicolor navbar using CSS Variables & Global variables....
best course harry bhai
🎯 Key Takeaways for quick navigation:
00:53 🎨 *Design a multicolored navbar using CSS variables.*
01:21 🚀 *Gradually transition to making a full website after covering important concepts like flexbox, grid, transitions, and animations.*
01:41 🕒 *Full website development coming soon, so stay tuned and access the playlist and source code.*
Made with HARPA AI
Hi brother that's very kind of you to share this transcript may i know how did you copy these please?
@@kash1903 use extension HARPA AI
Challenge accepted ! Code comment karne laga hnn soon
Bhupendra Jogi, Sigma Batch Op
Tutorial 33 done 👍
#Bhupendra hogi
Challenge accepted Harry Bhai
Thankyou Harry Bhai ❤❤❤❤
Sry kl video dekha tha or kaam aaya to krne lga or phir bul gya likha sry Harry Bhai or kl hi solve kr liya tha
😊
:root {
--color: blue;
--seccolor: yellow;
}
.nav {
background-color: var(--color);
}
* {
padding: 0;
margin: 0;
}
ul {
list-style: none;
display: flex;
}
li {
padding: 5px;
margin: 5px;
}
ul li:first-child {
background-color: var(--seccolor);
}
Home
About
contact
Challenge accepted sirji!!
Late for this course,pichle ex. mey thoda struggel kiya tha but ye wala kar ke rhunga.
Challenge Accepted
Thank You....I will never forget this...I will fight for you :)
0: 02 Harry Bhai always rock
Challenge accepted herry bhai
if any one sees pls let me know any errors
#solution
#sigmabatchop
:root{
--color:rgb(135, 135, 135);
--seccolor:rgb(0, 0, 0);
}
*{
margin:0;
padding: 0;
}
div > div > span{
border: 2px solid;
border-radius: 50px;
margin: 10px;
padding: 5px;
color: var(--seccolor);
background-color: rgb(188, 183, 183);
cursor: pointer;
cursor: hover;
}
.nav{
border: 2px solid;
padding: 30px;
background-color: var(--color);
}
span:first-child{
background-color: var(--seccolor);
color: white;
}
span:hover{
color: blueviolet;
}
Home
About
Contant
journey
Lorem ipsum dolor sit amet consectetur adipisicing elit. Libero minima ducimus fugit nobis, velit voluptas dolorum? Sequi vero distinctio alias voluptatum voluptates dolor?
Challenge Accepted & Thank you Harry Bhai ❤
#sigmabatchop
#challengeaccepted #html #HarryBhai
always ready
Challenge Accepted ❤ And Completed
sigma Batch OP
I am loving this series
YOU ARE AMAZING HARRY BHAI
Sigma Batch OP
Sigma Batch OP⭐⭐⭐⭐⭐
SIGMA BATCH OP 🔥
Harry Sensei OP ❤❤
Harry Bhai OP! Sigma Batch OP!!!
Sigma Batch OP
#solution
*{
margin: 0;
padding: 0;
}
nav ul li{
list-style: none;
padding: 25px;
position: relative;
left: 45vw;
cursor: pointer;
}
ul{
display: flex;
}
nav{
border: 2px solid black;
width: 80vw;
margin: auto;
margin-top: 10px;
background-color: var(--color);
color: var(--seccolor);
}
nav ul li:first-child{
position: relative;
left: 10px;
cursor: pointer;
}
nav ul li:hover{
text-decoration: underline;
background-color: var(--anothercolor);
}
:root{
--color:rgb(220, 81, 81);
--seccolor:rgb(119, 249, 13);
--anothercolor:rgb(250, 250, 30);
}
Document
Excercise 4
Home
About
Services
Contact
Thank you so much harry bhai
Challenge Accepted And Done 👍
*{
margin: 0;
padding: 0
}
nav{
width: 350px;
height: 30px;
border: 1px solid black;
margin: 15px;
padding: 0px 15px 10px;
border-radius: 10px;
position: sticky;
}
body nav ul{
list-style: none;
display: flex;
}
li{
margin: 10px
}
Home
About
Contact
#solution
Challenge Accepted
#sigmabatchop.
#BhupendraJogi
:root{
--color: white;
--color1: yellow;
--color2: violet;
--color3: indigo;
--color4: blue;
--color5: green;
--defpad: 10px 50px;
}
* {
margin: 0;
padding: 0;
}
.box {
background-color: var(--color1);
height: 40px;
width: 100%;
}
ul {
display: flex;
}
ul li {
list-style: none;
padding: var(--defpad);
/* margin: 0 10px; */
}
ul :first-child:hover{
color: var(--color);
background-color: var(--color2);
text-decoration: underline;
}
ul :nth-child(2):hover{
color: var(--color);
background-color: var(--color3);
text-decoration: underline;
}
ul :nth-child(3):hover{
color: var(--color);
background-color: var(--color4);
text-decoration: underline;
}
ul :nth-child(4):hover{
color: var(--color);
background-color: var(--color5);
text-decoration: underline;
}
Home
Address
Contacts
About Us
Web Development Interviews me kya pucha jata hai?
challenge accepted:
Exercise 4
body{
margin: 0;
padding: 0;
}
:root{
--color:blue;
--backcol:rgb(176, 225, 240);
--pad:5px;
--col:rgb(67, 230, 211);
}
ul li{
color: var(--color);
list-style-type: none;
display: inline ;
padding: var(--pad);
}
li:hover{
background-color: var(--backcol);
cursor: pointer;
}
Home
About
Services
Contact
# day 33 completed
Can you tell me what chair you use it looks really nice
vid_33 completed!
Challenge accepted harry bhai!....❤❤
sigma batch OP
challenge accepted
css :
:root{
--color:rgb(209, 145, 155);
--seccolor:rgb(240, 207, 213);
--defpad:23px;
--defop:0.4;
}
*{
margin: 0;
padding: 0;
}
.nav ul{
display: flex;
}
ul li{
list-style: none;
/* --color:black; */
border: 2px solid var(--color);
padding: var(--defpad);
opacity: var(--defop);
margin: 5px;
}
ul li:first-child{
background-color: var(--color);
}
ul li:nth-child(2){
background-color: var(--seccolor);
}
Challenge Accepted Harry Bhai Op
challenge accepted harry bhai
CHALLENGE ACCEPTED-
*{
padding: 0;
margin: 0;
}
:root{
--color: rgb(255, 255, 255);
}
body{
background-color: gray;
}
nav{
background-color: var(--color);
border-radius:300px;
box-shadow: 0px 11px 15px 3px #cd6a6a;
}
ul{
display: flex;
justify-content: right;
margin-top: 10px;
padding: 0px 4px;
}
ul li{
list-style: none;
padding: 20px;
}
Home
About
Contact
Challenge Accepted
#Solution
:root{
--primary_color:rgb(104, 3, 20);
--secondary_color:rgba(8, 109, 152, 0.51);
--padding:4px;
--backcolor:rgba(5, 157, 122, 0.491);
}
*{
margin: 0;
padding: 0;
}
body{
background-color: var(--backcolor);
}
.nav{
background-color: var(--secondary_color);
height:10vh;
width:100vw;
}
.nav ul{
padding: 4px;
display: flex;
justify-content: space-evenly;
}
.nav ul li{
list-style: none;
padding: var(--padding);
color: var(--primary_color);
}
Lecture 33 Completed😊
HTML Code:
Home
About
Section
Contact
Projects
CSS Code:
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: "Poppins", sans-serif;
}
:root{
--li-first: blue;
--li-second: red;
--li-third: rgb(106, 106, 83);
--li-fourth: rgb(42, 40, 40);
--li-fifth: pink;
--text-color: white;
}
nav ul{
display: flex;
list-style: none;
gap: 1rem;
align-items: center;
justify-content: center;
}
ul li{
color: var(--text-color);
padding: 10px 40px;
cursor: pointer;
}
.list-1{
background-color: var(--li-first);
}
.list-2{
background-color: var(--li-second);
}
.list-3{
background-color: var(--li-third);
}
.list-4{
background-color: var(--li-fourth);
}
.list-5{
background-color: var(--li-fifth);
}
is it necessary to create a list for nav bar? hm isko span ki help sy bhi to bna skty hein na?
SIGMA BATCH OP
May GOD always help you !
"BHUPENDRA JOGI"
challenge accepted, Sir Harry.
Challenge Accepted Harry Bhai!!!
:root{
--color:red;
--seccolor:orange;
}
ul li{
list-style-type: none;
padding: 3px;
margin: 3px;
border: 5px solid greenyellow;
}
ul{
display: flex;
}
ul li:first-child{
background-color: var(--color);
}
ul li:nth-child(3){
background-color: var(--seccolor);
}
Home
About
Contact
#Exercise4
Exercise 4 - Make a multicolour Navbar
*{
margin: 0;
padding: 0;
box-sizing: border-box;
}
:root {
--backColor: rgb(122, 26, 122);
--color: rgb(195, 95, 195);
--borderStyle: rgb(61, 7, 61);
--SecBackColor: rgb(114, 60, 5);
--SecColor: rgb(235, 190, 145);
--SecborderStyle: rgb(147, 79, 12);
--3BackColor: rgb(9, 107, 110);
--3Color: rgb(88, 199, 203);
--3borderStyle: rgb(46, 73, 74);
}
nav {
height: 7vh;
width: 100%;
background-color: var(--3BackColor);
color: var(--3Color);
display: flex;
align-items: center;
justify-content: space-around;
}
nav .logo a {
text-align: center;
text-decoration: none;
background-color: var(--3Color);
color: var(--3BackColor);
border: 2px solid var(--3borderStyle);
border-radius: 10px;
border-style: dotted;
padding: 5px 54px;
}
nav ul {
display: flex;
align-items: center;
justify-content: center;
}
nav ul li {
list-style: none;
padding: 40px;
text-decoration-line:underline;
}
Arif
Home
About
Contact
Feedback
task done sirji😎😎😎😎😎😎😎😎😎😎
Challenge accepted !
Love from Pakistan..
#sigma_batch_op!
#challange_accepted
* {
margin: 0;
padding: 0px;
}
:root{
--bccolor:rgb(32, 201, 231);
--color:blue;
--anothercolor:white;
--navcolor:rgb(228, 225, 225);
--clickcolor:rgb(85, 85, 172);
--mbkc:grey;
--pad:6px;
}
.lists li:hover{
cursor: pointer;
border-radius:8px;
background-color: var(--bccolor);
}
body {
background-color:var(--mbkc)
}
.lists {
background-color:var(--anothercolor)
}
.lists ul li {
list-style: none;
display: flex;
display: inline-flex;
padding:var(--pad);
margin-left: 25px;
border: none;
}
.content {
background-color: var(--bccolor);
padding-top: 2px;
padding-bottom: 400px;
margin: 40px;
border-radius:9px;
outline: 5px solid var(--anothercolor);
}
.content h1 {
text-align: center;
margin-top:10px ;
}
p {
margin: 20px;
}
Home
About
Contact
Jogendar Nagi
Lorem ipsum dolor sit amet consectetur adipisicing elit. Cumque quia in consequatur quas obcaecati
dignissimos nemo molestias alias, non repudiandae qui quaerat dicta aliquid, consequuntur eveniet voluptas
mollitia! Harum quasi adipisci nemo ducimus dolore sunt, fuga enim reprehenderit incidunt unde aperiam sint
ex possimus magnam! Iure laudantium nihil ut ad doloremque officia quod, debitis provident impedit numquam
ipsa nulla aspernatur eius veritatis saepe consequatur corrupti distinctio esse itaque vitae harum quisquam
sit quas. Omnis quaerat eveniet architecto harum vitae dolor earum sint dignissimos quod iusto consequuntur
eos, laboriosam dolorum quia beatae placeat quas. Laborum quasi quam atque mollitia cumque consequatur ullam
animi sint totam ipsa qui omnis quas, enim, quibusdam veritatis aspernatur iure, quia dolorum et eum
nesciunt. At exercitationem, tenetur possimus nesciunt provident libero rerum modi consequuntur voluptas
esse. Numquam reiciendis harum dignissimos autem labore facilis odio! Praesentium, velit dolores nihil
eligendi totam facere, nisi qui obcaecati maiores eius unde iure? Pariatur aut ab quis minima voluptas
consequuntur, eos quibusdam, atque ipsum maiores fugiat distinctio? Ex tempora et aut aliquid quas illo a
incidunt dolore possimus, dolor vel perferendis, explicabo facere, recusandae est saepe perspiciatis
molestias. Nisi aliquid amet blanditiis hic excepturi deserunt eveniet, consequuntur corrupti itaque
doloribus repudiandae.
sigma batch op
Challenge Accepted and lecture 33 completed ✅
#Solution #html #Css #Web Development
navbar
*{
padding: 0;
margin: 0;
}
:root{
--text-color:rgb(16, 128, 143);
--bgcolor:#333;
--hover-color:#ccc;
--hover-bg:purple;
}
.navbar{
background-color:var(--bgcolor) ;
height: 40px;
text-align: center;
padding: 1rem;
}
a{
color: var(--text-color);
text-decoration: none;
margin: 1rem;
font-size: 1.3rem;
padding: 1rem;
}
a:hover{
color: var(--hover-color);
background-color: var(--hover-bg);
}
Home
Blogs
Features
About
challange accepted harry sir
❤️🙏
Challenge Accepted.
❤️🙏
#bupendra jogi
*{
margin: 0;
padding: 0;
}
:root{
--color: rgb(130, 138, 156);
--seccolor: rgb(183, 199, 114);
--anothercolor: red;
--decorationcolor: rgb(121, 185, 121);
--textcolor: rgb(250, 93, 93);
}
body{
background-color: var(--color);
}
ul{
display: flex;
list-style: none;
}
.box1{
border: 2px solid var(--decorationcolor);
margin: 2px;
padding: 2px;
color: var(--anothercolor);
}
.box2{
border: 2px solid var(--decorationcolor);
margin: 2px;
padding: 2px;
color: var(--anothercolor);
}
.box3{
border: 2px solid var(--decorationcolor);
margin: 2px;
padding: 2px;
color: var(--anothercolor);
}
header{
border: 2px solid var(--decorationcolor);
text-align: center;
color: var(--textcolor);
}
div p{
color: var(--seccolor);
}
name
about
help
Bupendra Jogi
Lorem ipsum dolor sit amet consectetur adipisicing elit. Facilis, eveniet sit voluptatibus dolore tenetur eum ea placeat corporis laborum expedita nihil excepturi dolor asperiores illo exercitationem quas, fugit explicabo commodi quae odio et cupiditate consequatur eos! Est quisquam nesciunt rem dolor nam quo veritatis fugiat at fuga doloribus, quos accusamus eaque inventore, iusto dicta! Temporibus, asperiores.
Sigma batch op !
challenge accepted Harry bhai
challenge accepted exercise-4✌✌
:root {
--background: rgb(229, 22, 205);
--color: rgb(4, 255, 33);
}
*{
margin: 0px;
padding: 0px;
box-sizing: border-box;
}
.container{
background-color: #fff;
}
.nav{
padding: 15px 60px;
background-color: var(--background);
display: flex;
justify-content: space-between;
align-items: center;
}
.logo img{
height: 50px;
}
ul{
display: flex;
gap: 30px;
}
ul li{
list-style: none;
font-size: 2rem;
color: var(--color);
}
#day3 challenge accepted, done!
challenge accepted
sigma batch op
Navigation Bar
*{
margin: 0;
padding: 0;
background-color: var(--bodycolor);
}
:root{
--bgcolor: rgb(103, 103, 233);
--bodycolor: rgb(184, 150, 207);
}
ul{
display: flex;
background-color: var(--bgcolor);
padding: 12px;
margin-top: 2px;
border-radius: 10px;
box-shadow: 1px 1px 5px 1px blue;
}
li{
list-style: none;
border: 2px solid gray;
margin: 3px;
padding: 0 6px;
border-radius: 10px;
background-color: var(--bodycolor);
color: rgb(80, 8, 24);
text-decoration: underline;
position: sticky;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
text-shadow: 1px 1px 6px ;
}
p{
margin: 6px 6px;
font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
Home
Contact
About
Profile
Setting
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque, explicabo libero exercitationem voluptatibus distinctio impedit aliquam incidunt fugit quaerat animi a voluptatem tempore maiores quo rem sint eum mollitia cupiditate vero totam vitae accusamus!
body{
background-color: rgb(147, 246, 253);
}
:root{
--color: rgb(255, 138, 138);
--seccolor:rgb(147, 147, 255);
--colorfhov: rgb(0, 17, 65);
--seccolorhov: rgba(36, 253, 8, 0.76);
--defhov: rgb(236, 253, 0);
--bghov: rgb(0, 81, 255);
--defop: 0.5;
}
.nav ul li{
display:inline;
list-style: none;
padding: 13px;
margin-left: 20px;
border: 2px solid var(--color);
border-radius: 16px;
}
ul li:hover{
color: var(--defhov);
background-color: var(--bghov);
opacity: var(--defop);
}
ul li:first-child:hover{
color: var(--colorfhov);
background-color: var(--seccolorhov);
}
Home
About
Activity
Contact Us
challenge accepted
sigma batch op
let's leran and enhance experiences
#SigmaBatchOP🔥🔥🔥
❤❤❤❤❤challenge accepted 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉full energy on
✅Challenge Accepted❤
#challangeAccepted Harry bhai. sigma thanks for sigma course. #SigmaBatchOP.
Hiiiii, pls ignore media query and all as i was trying to fix the overflow and all that was happening when previewing in my phone, tho it resulted in failure,..
Multicolor navbar
* {
margin: 0;
padding: 0;
}
:root {
--navconbor: rgba(167, 155, 155, 0.24);
--naavconbor2: rgba(94, 90, 90, 0.849);
--color: rgb(143, 143, 211);
--hcolor: rgba(129, 129, 235, 0.63);
--tcolorh: rgba(116, 20, 13, 0.774);
--contcol: rgba(112, 161, 173, 0.63);
}
.nav {
/* border: 3px solid black; */
min-height: 5vh;
margin: 3px;
outline: 3px solid rgb(141, 141, 216);
background-color: rgb(142, 182, 228);
border-radius: 3px;
box-sizing: border-box;
}
/* .HAC{
display: flex;
list-style: none;
}*/
.button button {
border-radius: 10px;
border: 3px solid var(--navconbor);
margin: 24px;
padding: 5px;
font-size: 23px;
background-color: var(--color);
transition: 0.3s;
}
.button button:hover {
opacity: 0.7;
background-color: var(--hcolor);
color: var(--tcolorh);
}
.content {
background-color: var(--contcol);
min-height: 100vh;
}
article {
width: 50vw;
min-height: 90vh;
background-color: rgb(138, 190, 143);
padding: 20px;
position: relative;
top: 20px;
left: 23vw;
border-radius: 10px;
}
article h1 {
background-color: var(--color);
padding: 10px 20px;
width: 200px;
text-align: center;
position: absolute;
left: 17vw;
border-radius: 15px;
}
article p {
position: absolute;
left: 10vw;
right: 10vw;
top: 90px;
background-color: var(--hcolor);
padding: 20px;
min-height: 80px;
border-radius: 15px;
}
@media only screen and (max-width: 800px) {
article h1 {
background-color: var(--color);
padding: 10px 20px;
width: 200px;
text-align: center;
position: absolute;
left: 11vw;
border-radius: 15px;
}
}
Home
About
Contact
#Bhupendra Jogi
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Aperiam velit soluta ea tempore, explicabo
reprehenderit ut impedit debitis aspernatur enim quas accusantium molestias.sdfgksdmmsmdl
slmldlksfkdsjm Lorem ipsum dolor sit, amet consectetur adipisicing elit. Itaque officia quae
architecto tempore inventore et.
Thank you so much harry bhai for this content
solution :
Nav bar - Sigma Web Development | Quiz
:root {
--background-color: grey;
}
* {
margin: 0;
padding: 0;
}
nav {
background-color: var(--background-color);
}
ul {
list-style-type: none;
display: flex;
padding: 15px;
}
li {
padding: 15px;
color: white;
}
li:hover {
color: black;
}
Home
About
Pricing
Contact
harry bhai tum ne video 37 ka source code nhi dala
Challenge Accepted🔥
#SIGMA_BATCH_OP
Challenge Accepted
Challenge Accepted!! #SigmaBatchOP #HarryBhaiOP
challenge accepted
#solution
* {
/* padding: 0; */
margin: 0;
}
:root {
--color: red;
--seccolor: purple;
--thirdcolor: greenyellow;
--fourthcolor: rgb(12, 139, 236);
--defpadding: 0px 65px;
}
body{
background-color: aquamarine;
}
.class2 {
margin: 15px;
padding: 15px 0px 15px 450px;
background-color: bisque;
}
.class2 ul li {
list-style: none;
padding: var(--defpadding);
}
.c1 {
background-color: var(--thirdcolor);
border: 1px solid black;
height: 24px;
text-align: center;
font-size: 20px;
}
.c2 {
background-color: var(--seccolor);
border: 1px solid black;
font-size: 20px;
}
.c3 {
background-color: var(--color);
border: 1px solid black;
font-size: 20px;
}
.c4 {
background-color: var(--fourthcolor);
border: 1px solid black;
font-size: 20px;
}
.harry { text-align: center;
font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
.harry p{
padding: 110px 0px 0px 0px;
}
.harry {
padding: 110px 0px 0px 0px;
}
home
category
student
staff
Message
for
Code-With-harry
Thank you harry bhai for launching sigma web development course for free......
* {
margin: 0;
padding: 0;
}
:root {
--color: rgb(226, 101, 154);
--secolor: rgb(186, 158, 196);
--textcolor: rgb(158, 109, 185);
}
ol {
display: flex;
}
li {
padding: 15px;
list-style: none;
font-weight: bolder;
color: var(--textcolor);
}
nav {
background-color: var(--color);
}
body {
background-color: var(--secolor);
}
Name
About
City
Challage accpeted
Challenge Excepted
Harry bhai❌ Román Harry✅
accepted
challenge accepted
* {
margin: 0;
padding: 0;
}
:root {
--color: #ffc0cb;
--seccolor: red;
--another-color: rgb(186, 152, 152);
--decoration-color: green;
--main-color: purple;
--defpad: 15px;
--defop: 0.5;
}
.nav {
background-color: var(--seccolor);
}
ul {
display: flex;
}
ul li {
list-style: none;
padding: var(--defpad);
color: var(--color);
font-size: 15px;
margin: 10px;
}
.nav ul li:hover {
background-color: var(--another-color);
cursor: pointer;
border-radius: 50px;
}
Home
About
Contact