php source code to link database with html form
How to Activate Microsoft Office Professional Plus 2016 Without Product Key
To activate Microsoft Office 2016 without a product key you must use a batch script. Batch script (CMD) is a method that can activate Microsoft Office 2016 without a KEY. Please follow the steps below!
- Open Notepad and create a new text document
How to Activate Microsoft Office Professional Plus 2016
- Next, please open this link and copy paste to notepad
list of css properties
STEPS TO REMOVE OLD WINDOWS FILES
CSS PROPERTIES LIST TO USE AND LEARN
html {
box-sizing: border-box;
font-size: 18px;
}
:root {
--dark-blue: hsl(233, 26%, 24%);
--lime-green: hsl(136, 65%, 51%);
--bright-cyan: hsl(192, 70%, 51%);
--grayish-blue: hsl(233, 8%, 62%);
--light-grayish-blue: hsl(220, 16%, 96%);
--light-gray: hsl(0, 0%, 98%);
--white: hsl(0, 0%, 100%);
}
body, h1, h2, h3, h4, h5, h6, p, ol, ul {
margin: 0;
padding: 0;
font-weight: normal;
font-family: 'Public Sans', sans-serif;
-webkit-font-smoothing: antialiased;
}
p {
line-height: 1.4;
}
.root {
overflow-x: hidden;
}
img {
max-width: 100%;
height: auto;
}
nav {
display: flex;
justify-content: space-between;
align-items: center;
/* padding: 20px 0; */
height: 60px;
}
nav ul {
display: flex;
list-style-type: none;
align-items: center;
}
nav ul li a {
text-decoration: none;
color: var(--grayish-blue);
transition: all .3s ease-in-out;
}
nav ul li a:hover {
color: var(--dark-blue);
}
nav ul li {
margin-left: 20px;
}
.container {
width: 1120px;
margin: 0 auto;
max-width: 90%;
}
.btn {
border: none;
background: linear-gradient(to right, var(--lime-green), var(--bright-cyan));
padding: 10px 20px;
border-radius: 50px;
color: var(--white);
cursor: pointer;
transition: all .3s ease-in-out;
}
.btn:hover {
background: linear-gradient(to right, var(--bright-cyan), var(--lime-green));
}
.header-wrap {
display: flex;
align-items: center;
position: relative;
padding-bottom: 40px;
}
.header-section {
background: var(--light-gray);
}
.header-text {
flex: 1 0 40%;
}
.header-images {
flex: 1 0 60%;
position: relative;
}
.header-images img:first-child {
position: relative;
top: -50px;
transform: scale(1.6);
bottom: 0;
right: -200px;
}
.header-images img:last-child {
position: absolute;
top: -160px;
right: -190px;
transform: scale(1.1);
}
.nav-section {
position: relative;
z-index: 1;
background: var(--white);
}
.header-text h1 {
font-size: 48px;
font-weight: 300;
line-height: 1.1;
margin-bottom: 30px;
}
.header-text p {
margin-bottom: 30px;
color: var(--grayish-blue);
}
section.pros-section {
background: var(--light-grayish-blue);
padding: 100px 0;
}
section.pros-section h1 {
margin-bottom: 20px;
}
section.pros-section p.section-text {
margin-bottom: 60px;
color: var(--grayish-blue);
}
section.pros-section .card-wrapper {
display: flex;
/* gap: 100px; */
}
section.pros-section .card-wrapper > * + *{
margin-left: 30px;
}
.card-wrapper .card img {
margin-bottom: 30px;
}
.card-wrapper .card h2 {
font-size: 22px;
margin-bottom: 20px;
}
.card-wrapper .card p {
font-size: 16px;
}
section.articles-section {
padding: 100px 0;
background: var(--light-gray);
}
section.articles-section h1 {
margin-bottom: 30px;
}
.article-wrapper {
display: flex;
}
.article-wrapper > * + * {
margin-left: 30px;
}
.article-wrapper img {
width: 100%;
height: 200px;
object-fit: cover;
}
.article-card {
background: var(--white);
}
.article-wrapper .content {
background: var(--white);
padding: 20px;
}
.article-wrapper .content a {
padding: 10px 0;
display: inline-block;
color: var(--dark-blue);
text-decoration: none;
transition: all .3s ease-in-out;
}
.article-wrapper .content a:hover {
color: var(--lime-green);
}
.article-wrapper .content p {
font-size: 16px;
color: var(--grayish-blue);
}
footer ul {
list-style-type: none;
}
footer {
background: var(--dark-blue);
padding: 30px;
}
footer ul.socials {
display: flex;
margin-top: 60px;
}
footer ul.socials > * + * {
margin-left: 14px;
}
footer .content {
display: flex;
justify-content: space-between;
}
footer .content a {
color: var(--light-gray);
text-decoration: none;
transition: all .3s ease-in-out;
}
footer .content a:hover {
color: var(--grayish-blue);
}
footer .content li {
margin-bottom: 10px;
}
footer .footer-cta {
text-align: right;
}
footer .copyright {
color: var(--grayish-blue);
font-size: 16px;
margin-top: 30px;
}
/* Responsive */
.hamburger-btn {
display: none;
}
@media(max-width: 1198px) {
.card-wrapper, .article-wrapper {
flex-wrap: wrap;
}
.card-wrapper .card {
flex: 1 0 40%;
margin-bottom: 30px;
}
.card-wrapper .card:nth-child(odd) {
margin-left: 0;
}
.article-wrapper .article-card {
flex: 1 0 40%;
margin-bottom: 30px;
}
.article-wrapper .article-card:nth-child(odd) {
margin-left: 0;
}
}
@media(max-width: 998px) {
footer .content {
flex-wrap: wrap;
}
footer .content > * {
flex: 1 0 30%;
margin-bottom: 30px;
text-align: left;
}
footer ul.socials {
margin-top: 30px;
}
footer .footer-cta {
margin-bottom: 0;
}
}
@media(max-width: 870px) {
.hamburger-btn {
display: block;
}
.nav-links {
position: fixed;
top: 80px;
left: -500px;
/* left: 50%; */
transform: translateX(-50%);
background: var(--white);
display: flex;
flex-direction: column;
width: 90%;
border-radius: 20px;
padding: 20px 0;
box-shadow: 0px 30px 50px 5px #A0A0A0;
transition: all .3s ease-in-out;
}
.nav-links.open {
left: 50%;
}
.navbar-cta {
display: none;
}
.hamburger-btn {
border: none;
background: none;
outline: none;
}
.nav-links a {
color: var(--dark-blue);
}
.nav-links li{
padding-bottom: 10px;
}
.nav-links li:last-child {
padding-bottom: 0;
}
.header-text {
flex: 1 0 70%;
}
.header-images {
flex: 1 0 30%;
}
.header-wrap {
padding-top: 30px;
}
.header-images img:first-child {
right: -50px;
}
.header-images img:last-child {
top: -135px;
right: -72px;
}
.header-text h1 {
font-size: 30px;
}
.header-text p {
font-size: 16px;
}
section.pros-section, section.articles-section{
padding: 30px 0;
}
section.pros-section h1 {
font-size: 24px;
}
section.pros-section p.section-text {
font-size: 16px;
}
}
@media (max-width: 768px) {
footer .content > * {
flex: 1 0 100%;
text-align: center;
}
footer .socials {
justify-content: center;
}
}
@media(max-width: 580px) {
.card-wrapper .card {
flex: 1 0 100%;
margin-left: 0!important;
}
.article-wrapper .article-card {
flex: 1 0 100%;
margin-left: 0;
}
.article-wrapper .article-card:last-child {
margin-bottom: 0;
}
}
Best 🔮🔮AI Movies to watch
Best science fiction AI movies
1)Ex Machina
2) Stanley Kubrick
3) metropolis
4)Her
5)wall e
CREATING BEAUTIFUL WEBSITE USING HTML AND CSS
 |
| web page out put screen of given below source code, This is output screen. |
<!DOCTYPE html>
<html>
<head>
<title> second web page</title>
<style>
div.para{
background-color: rgb(49, 209, 62);
color: rgb(4, 25, 31);
height: 17cm;
width: 15cm;
margin-left:320px;
margin-top: 0px;
margin-right:2px;
font-size: 20px;
padding: 5%;
border: rgb(7, 101, 129) solid;
border-radius: 20px;
opacity: 0.8;
}
</style>
<style>
// comment
body{
margin: 0;
padding: 0;
}
</body>
</style>
<style>
.nav ul{
list-style: none;
background: rgb(3, 131, 46);
text-align: center;
padding: 0;
margin: 0;
transition-property: all;
opacity: 0.9;
}
.nav li{
display:inline-block;
}
.nav a{
text-decoration: none;
font-family:Helvetica, sans-serif;
color: rgb(0, 14, 0);
width: 100px;
padding: 25px;
display: block;
font-size: 25px;
}
.nav a:hover{
background: rgb(187, 185, 68);
transition: 0.5s;
}
</style>
<style>
.h1{}
.block ul{
height: 18cm;
width: 4.7cm;
border: 10px;
border-radius: 25px;
border-style: double;
border-color: rgb(226, 114, 9);
text-align: center;
margin:10px;
padding-right: 10px;
padding-top: 40px;
margin-top: 88px;
background-color: rgb(17, 206, 196);
float: left;
opacity: 0.6;
}
.block li{
list-style: none;
font-size: 30px;
text-align: left;
padding: 15px;
font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.block a{
display: block;
color: rgb(2, 0, 0) ;
block-size: auto;
border: 30px;
border-color: deepskyblue;
border-radius: 15px;
}
.block a:hover{
background-color: rgb(226, 175, 109);
transition: 1s;
}
</style>
</head>
<body background="hd1.jpg">
<h1 style=" padding-right: 100px; color: rgb(248, 8, 236); font-size: 50px;">
w3school.com<
/h1>
<div class="nav">
<ul>
<li><a href="html">HTML</a></li>
<li><a href="css">CSS</a></li>
<li><a href="java">JAVA</a></li>
<li><a href="swift">SWIFT</a></li>
<li><a href="python">PYTHON</a></li>
<li><a href="ruby">RUBY</a></li>
</ul>
</div>
<div class="block">
<ul>
<li><a href="html">LEARN HTML</a></li>
<li><a href="css">LEARN CSS</a></li>
<li><a href="java">LEARN JAVA</a></li>
<li><a href="swift">LEARN SWIFT</a></li>
<li><a href="python">LEARN PYTHON</a></li>
<li><a href="ruby">LEARN RUBY</a></li>
</ul>
</div>
<h2 style="text-align: right; font-size: 30px; float: inline-start;" >
world largest devloper site</h2>
<div class="para">
<p>
This year, only three languages dipped below 2019 levels, which are C++,
Perl and PHP. The strength of the other languages indicate the programming industry
and demand for developers are holding strong."
Some of the older languages such as SQL, Java and C++ are still on
the list because a lot of older applications are built by those languages
and legacy systems are hard to change to a different language.
But Wang's recommendation? "I think the language right now that's really
important to learn is Python."
Here are the top 10 programming languages that employers are seeking in
job postings in 2021, according to Coding Dojo:
<ul>
<li>Python (70,497 worldwide job postings)</li>
<li>SQL (69,033)</li>
<li>Java (59,369)</li>
<li>R (55,978)</li>
<li>Visual Basic (54,253)</li>
<li>JavaScript (49,724)</li>
<li>C++ (35,034)</li>
<li>C# (27,525)</li>
<li>C (25,082)</li>
<li>Ruby (13,279)</li>
</ul>
</div>
</p>
</body>
</html>
Subscribe to:
Posts (Atom)