#frondend

Master both front-end and back-end web development with our full stack development course in Dharamshala. This comprehensive program covers everything from HTML, CSS, and JavaScript to advanced server-side technologies like Node.js, Express, and MongoDB. Gain hands-on experience through real-world projects, expert mentorship, and practical deployment strategies—equipping you with job-ready skills for a successful career in web development.

Internship Program In Python/ PHP

Duration ⏱️:30 Days, 45days and 6 months.

100% Placement Support 🎧Instructor Live Online Interactive Classes. 💻 Live Projects

For more details

📞: 8921201881 / 8089382993

Link for Registration :https://forms.gle/aDuhE69rL6owok298

Filterfunctionality for phode.net

For my personal portfolio, I have built a content filter to be able to hide or show specific projects. The filter is fully responsive, I only fight with mobile safaris minimal-ui. Who ever devised that crap I ’d like to talk some words.

Check out the Demo:

body{

margin : 0px;

}

header {

width: 100%;

margin-right: 0px;

margin-left: 0px;

background-color: #069;

padding: 10px;

overflow: hidden;

}

header h1{

width:30%;

float:left;

}

header nav {

width:50%;

float:right;

}

nav ul{

list-style-type:none;

}

nav ul li{

display: inline;

float: left;

margin: 15px;

}

nav ul li a{

color:white;

text-decoration:none;

}

위는 네비게이터 바를 만들때 쓴 css코드 이다. header안에 h1과 nav를 이용해서 logo와 네비게이션을 배치했다. 이렇게 중첩된 레이아웃의 경우 상위의 마크업과 상대적으로 배치된다. 또한 float가 없을 경우 마크업은 수직으로 배열된다.