Responsive Affiliate Webinar Landing Page in Bootstrap from Scratch | Krishnaa Kumar | Skillshare

Playback Speed

  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Responsive Affiliate Webinar Landing Page in Bootstrap from Scratch

teacher avatar Krishnaa Kumar, Your Best Mentor :-)

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Watch this class and thousands more

Get unlimited access to every class
Taught by industry leaders & working professionals
Topics include illustration, design, photography, and more

Lessons in This Class

7 Lessons (13m)
    • 1. Introduction

    • 2. Bootstrap Package

    • 3. Background

    • 4. Box

    • 5. Controls

    • 6. Custom Font

    • 7. Responsive

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.





About This Class

Hi Everyone,

In this class, we will create a responsive Affiliate Webinar landing page in bootstrap absolutely from scratch.  Make sure, you have some basic knowledge of bootstrap.  If you dont have, then you can simply follow along because creating such landing page is very easy.

Meet Your Teacher

Teacher Profile Image

Krishnaa Kumar

Your Best Mentor :-)


I am a software developer. I have been developing softwares for the last 3 years. I know many programming languages and would love to teach you all of them. I create mini-projects for beginners in various languages like C#, JavaScript, CSS3, HTML etc.

If you are beginner and wants to start with some mini projects to learn basics, then just don't be reluctant, Enroll Now!

See full profile

Class Ratings

Expectations Met?
  • 0%
  • Yes
  • 0%
  • Somewhat
  • 0%
  • Not really
  • 0%
Reviews Archive

In October 2018, we updated our review system to improve the way we collect feedback. Below are the reviews written before that update.

Why Join Skillshare?

Take award-winning Skillshare Original Classes

Each class has short lessons, hands-on projects

Your membership supports Skillshare teachers

Learn From Anywhere

Take classes on the go with the Skillshare app. Stream or download to watch on the plane, the subway, or wherever you learn best.


1. Introduction: Hi, everyone in this little girl is a page. Absolutely from scratch. Input step. This will be completely responsive. You can see this. Make sure Yes and basic knowledgeable step if you don't have, you can simply for long because getting stoppage is very, very easy. Soon the close when I stayed. 2. Bootstrap Package: he's able to step up site to get started. First Folio to download the package that simply click on this button and you're Donald will start after that, you have to go toe dickering upside and your download this package, I have only utensil. And after extracting the goose step package, you will get this folder this folder and this fold up and make sure the degraded file should be in this for love. Okay, when you are done with this, you can simply put them in a boat. Steph Older like this. You got all your content in one folder? No. In the basic template to the head, the website off the board step where you can find the basic template. And this is the camp. It was simply to copy this and based it on these of lime text. You can see you already got a reference for the bootstrap files. But since they are in the would step fold up, which is this one year to make little tea in his hail. Make it bootstrap. Just copy this person over time. Best Rick Hill and kids are degrading. We need the final aim. But in this case, is this one? Just simply copy the file him and replace this here. Make it DRDs and copy the part with his bootstrap. This one and baster tail. Make it J. Grady. So we're done with it. Just save this file, and we won't ask this on a local host. Refresh it. And this is your book. So we're done with the download installation process off our boots. Step in the next video. We'll start with the recording process. Civil X radio. Helen, I straight. 3. Background: Hi, everyone, this will ever started. According process. The first thing that you have to do is to have a background image of a page. Let's start with this. We already got image in the Regis folder. This is really bad. Only Mitch No. Two biggest and shoot Save it as my style. Dark thesis in disease is full of the court oil. Just simply police and the street here because we have doing this style shoot. It will be my style dot CSS. See what no hotel style shoot, select morning element. Make use off background property. What will be this medias background? Dark DPD, No beat and fixed? Let's make use off background size property here and make it go. Save it. Good job, fresh it and that's helped put. So we're done with this part. See the next video? How would I stay 4. Box: in this little greater blocks in the center of the page. That's good. Court fight. Make use off Development class will be container. There will be a room and they will be calling. Costs will be going D four and colon g offset full When Mukhlas Video box make use off. That's one element on next will be affiliate where we know there will be a Charlie Mint. There will be a studio element with this text. Copy this. Be a studio. There will be a key element text will be and your email here. See it Go to Gaza, Refresh it And this is your foot. That's fix this select container glass and make the margin top 5% save it could browser refresher And that's the output. Make the color white and explain will be sent to save it. Nice. No select box, Gus. And back on court level with this Save it great. Make the border areas and pixels on burning five pixels Place Select the element and with the modern top around 15 pixels. Great. So what? I know this part In the next video we'll that controls here Control such as a tax box in the bottom. See the next video? How can I stay 5. Controls: Hi, everyone in this room American tool. So let's go to court file. Let's make it just a day. Every minute Make use of development on glass will be controls. It is a formal um Until then, input element it will be email then will be made close. Will be formed. Control. There will be a Burton Plus will be Gideon and begin a block. Next will be summit. There will be a small element with this text. Just copy this Mr Till Seaweed Good Rosa. Refresh it. And this is the old Let's fix this. Select controls Close background color will be this border. This will be and pixels and burning will be 15 pixels. Se whipped Good browser. Refresh it and that is they are work. Let's 60 button select begin close background color will be this for the button for insights will be have been pixels margin. Top will be 20 pixels. Save it great on the button hole in particular toe year. Look, save it Great. Select small element made the players block and modern will be help, excels and auto. Save it nice. So we're done with this part in the next video Nordic a stone for in the next video. Have a nice day 6. Custom Font: I know it is really the custom phoned to have a page that's gotta go will not come They with uniforms inserts part like Acme. Select it! Copy this. Go do good file and based it here it will be my custom form. Save it now Hold a style Shoot Select foreign family How many will be asked me? Secondly will be moral space and self civic Good Broza The fresh it and thats your custom foot So what did with this part? The Lexx Rodeo will make about pitch responsive See the next video. Have a nice day. 7. Responsive: Hi. Everyone in this room will make other pitch responsive. This is the output in case of a last device that's reduced the size and goto immediately by size, which is below 100. This is the or in case of emergency wise. Let's fix this unit where took classes here most will be Call Andy six and second will be called MD Off certain. Three. Save it Good Rosa pressure. And this is the output Exco below 992 This is the old put in case off tablets or you can say small devices. Let's fix this and do classes here coalesce, um, and coalesce him. Offset to save it, fresh it. And this is your They're to go below 7 68 between the sides off extra small device. Let's fix this. Also, it will be called existen and offset what? Save it to fresh it. And this is the old wood in case off extra small device. Perfect. So I don't believe a page and this defined output. See the next video? How, when I stay