@bharathram550
I searched and i watched lots of vedios on youtube to learn web page designing they explains in their own way without concentrating on beginners...but your vedios are extremly different Thank you so much Sir
@alexandrugrecov8964
great and easy to follow, thanks and keep it like this !
@salarpasha
Really fantastic method of teaching short and simple, but mind blowing!!!!!! any individual can develop website with an easy way, I appreciate to you Thanks a lot.
@sydneyhara1449
Litttle did i know that i can get such useful data from your videos.
@zouhair4423
Nice video
@welynnkale6219
Great video!
@michaeltheuri9417
am grateful for the video am learning much since are well detailed and easy to understand.. Mike from Kenya
@G4902
another great tutorial for newbies! thanks.
@Simleenkaurarora
Awsummm
@amal1111ful
you are the best man
@mahfooz546
Great work bro!
@apinaash
Solid tutorial very useful thanks
@muhammadsami1462
you are too gud man :) seriously ... !!!
@windz643
thank you for these videos, you've helped me a lot!
@flnnx
Really helpful. Thanks! :)
@anjuramos3074
Can you do a video on it? Your videos are good.
@michaeltheuri9417
These tutorial is quiet simple to understand by my questions is 1.making these websites are you using notepad +++or what are you using??
@vidursapra8739
Hello to Awesome team of GT Coding. Here I am sending my Html & css which learnt using your videos. I have got two questions.
1. How to margin for .footer div. I was not able to
2. If I want write about other things on navigation bar, where I have to & how can i connect those to main website.
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Made with Thimble</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class= "wrapper">
<div class="heading">
<h1>
ABC PHYSIO & REHAB CLINIC
</h1>
</div>
<div class="nav">
<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">OUR SERVICES</a></li>
<li><a href="#">PROGRAMS</a></li>
<li><a href="#">CONTACT US</a></li>
</ul>
</div>
<div class="content">
<img src="https://www.mpa.net.my/images/MPA-WelcomeImage.jpg" alt="joints" id="home-pic">
<h1>
Welcome
</h1>
<p>
jkfvkjdjkvdkhdkl
bdssdbkjbdjkv
jvjkbvkjdb
kvskdjvjk
</p>
</div>
<div class="side-bar">
<ul>
<li>Car Accidents</li>
<li>Work related injury</li>
<li>Benefits</li>
<li>Arthritis</li>
</ul></div>
<div class="footer">
designed by gtaphysioclinic
</div>
</div>
</div>
</body>
</html>
-------------------------------------
CSS
* {
margin: 0;
}
.wrapper {
width: 600px;
background-color: white;
margin: 0 auto 0 auto;
}
.heading {
height: 100px;
background-color: #42910e;
color: white;
padding: 10px;
font-size: 20px;
font-family: serif;
text-shadow: 0.1em 0.1em black;
border-radius: 10px;
}
.nav {
height: 35px;
background-color: #42910e;
color: white;
margin-top: 5px;
margin-bottom: 5px;
border-radius: 10px;
padding: 10px;
}
.nav ul {
text-align: center;
padding: 10px;
}
.nav ul li {
display: inline;
margin-right: 30px;
padding: 5px;
box-sizing: border-box;
}
.nav ul li a {
color: white;
text-decoration: none;
}
.content {
float: left;
color: black;
background-color: #42910e;
color: white;
width: 395px;
min-height: 398px;
padding: 10px;
box-sizing: border-box;
border-radius: 5px;
}
#home-pic {
max-width: 390px;
margin: auto;
border-radius: 5px;
}
p {
margin: 5px;
}
.side-bar {
float: right;
background-color: #42910e;
color: white;
width: 200px;
min-height: 398px;
padding: 10px;
box-sizing: border-box;
border-radius: 5px;
}
.side-bar ul li {
line-height: 25px;
margin-right: 25px;
}
.footer {
clear: both;
background-color: black;
color: aliceblue;
box-sizing: border-box;
border-radius: 5px;
margin-top: 50px;
}
@basilsindhu8402
Hey great videos! I had a question about linking the new categories. How do you link a page to it, for example, If i wanted to attach a link to "Contact" and also edit that page?
@kakairecharles3474