Skip to content

Commit

Permalink
webpage
Browse files Browse the repository at this point in the history
  • Loading branch information
nigellak committed Jul 3, 2019
1 parent ece367a commit 422d2ed
Show file tree
Hide file tree
Showing 18 changed files with 303 additions and 208 deletions.
2 changes: 1 addition & 1 deletion Lesson7.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<meta charset="UTF-8">
<title>Forms and CSS</title >
<link rel="icon" href="Resources/imag.png">
<link rel="stylesheet" href="css/customa.css">
<link rel="stylesheet" href="css/customd.css">
</head>
<body>
<div class="form">
Expand Down
File renamed without changes
File renamed without changes
Binary file removed Resources/cont.jpg
Binary file not shown.
Binary file removed Resources/fid.webp
Binary file not shown.
Binary file removed Resources/indie.webp
Binary file not shown.
Binary file removed Resources/job.gif
Binary file not shown.
Binary file not shown.
File renamed without changes
43 changes: 43 additions & 0 deletions The First.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Webpage</title>
<link rel="stylesheet" href="css/customf.css">
<link rel="icon" href="Resources/nk.jpg">
</head>
<body>
<div class="nk">
<b>NK Incorporated</b>
</div>

<div class="logo">
<img src="Resources/Wit.jpg" alt="logo" height="500" width="900">
</div>
<div class="para1">
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab distinctio ducimus eius exercitationem explicabo impedit libero maxime minima modi odit optio, perferendis praesentium quas, quia similique? Dolorum magnam unde voluptatum.</span><span>Ab, adipisci alias, aliquid blanditiis consectetur delectus deserunt dolor dolorum eos ex excepturi fuga iure magnam necessitatibus nostrum officiis optio perspiciatis quas quasi recusandae similique tempora tenetur! Cumque, dolorem, earum!</span><span>Aliquam assumenda culpa cum eaque fugiat iure laboriosam odit provident quo. Adipisci consectetur cupiditate deserunt dolor earum eius in labore, nemo obcaecati quaerat quia quisquam repellat tempore! Corporis debitis, ducimus!</span>
</p>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab distinctio ducimus eius exercitationem explicabo impedit libero maxime minima modi odit optio, perferendis praesentium quas, quia similique? Dolorum magnam unde voluptatum.</span><span>Ab, adipisci alias, aliquid blanditiis consectetur delectus deserunt dolor dolorum eos ex excepturi fuga iure magnam necessitatibus nostrum officiis optio perspiciatis quas quasi recusandae similique tempora tenetur! Cumque, dolorem, earum!</span><span>Aliquam assumenda culpa cum eaque fugiat iure laboriosam odit provident quo. Adipisci consectetur cupiditate deserunt dolor earum eius in labore, nemo obcaecati quaerat quia quisquam repellat tempore! Corporis debitis, ducimus!</span>
</p>
<p><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab distinctio ducimus eius exercitationem explicabo impedit libero maxime minima modi odit optio, perferendis praesentium quas, quia similique? Dolorum magnam unde voluptatum.</span><span>Ab, adipisci alias, aliquid blanditiis consectetur delectus deserunt dolor dolorum eos ex excepturi fuga iure magnam necessitatibus nostrum officiis optio perspiciatis quas quasi recusandae similique tempora tenetur! Cumque, dolorem, earum!</span><span>Aliquam assumenda culpa cum eaque fugiat iure laboriosam odit provident quo. Adipisci consectetur cupiditate deserunt dolor earum eius in labore, nemo obcaecati quaerat quia quisquam repellat tempore! Corporis debitis, ducimus!</span>
</p>
</div>

<div class="end">
<ul>
<li><a href="#">Contact</a></li>
<!--li>a-->
<li><a class="active" href="#">Services and Products</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Cookie Preferences</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">Feedback</a></li>
</ul>
</div>
<div class="foot">
<h4>Nigellak Inc. &copy 2019.</h4>
</div>


</body>
</html>
4 changes: 2 additions & 2 deletions about.html
Original file line number Diff line number Diff line change
Expand Up @@ -3,8 +3,8 @@
<head>
<meta charset="UTF-8">
<title>About Us</title>
<link rel="icon" href="Resources/pic2.jpg">
<link rel="stylesheet" href="css/customa.css">
<link rel="icon" href="Resources/pic4.jpg">
<link rel="stylesheet" href="css/custome.css">
</head>
<body>
<div class="logo">
Expand Down
103 changes: 0 additions & 103 deletions css/customa.css
Original file line number Diff line number Diff line change
Expand Up @@ -46,107 +46,4 @@ img {
.revision, .revision1, .revision2{
display: flex;
}
.contact-form{
width: 50%;
background: darkturquoise;
padding: 16px;
}
.form{
width: 100%;
height: 100vh;
display: flex;
align-items: center;
justify-content: center;

}
input[type = "text" ], select, input[ type = "email" ]{
width: 100%;
padding: 12px 20px;
/* bottom&top left&right*/
margin: 8px 0;
display: inline-block;
border: 2px solid midnightblue;
border-radius: 4px;
box-sizing:border-box ;
}
textarea {
width: 100%;
height: 150px;
padding: 12px 20px;
border-radius: 4px;
box-sizing: border-box;
border: 2px solid midnightblue;
background-color: mintcream;
resize: none;
}
input[type = "submit"]{
width: 100%;
background-color: black;
color: whitesmoke;
padding: 14px 20px;
margin: 8px 0;
border: none;
border-radius: 4px;
cursor:pointer;
}
input[type = 'submit']:hover{
background: crimson;
}
h3{
color: darkolivegreen;
text-align: center;
font-family: "Lucida Sans Typewriter";
}
.logo{
display: flex;
align-items: center;
justify-content: center;
}
ul {
list-style-type: none;
/*gets rid of bullets*/
margin: 0;
padding: 0;
overflow: hidden;
background-color: orange;

}
li {
float: left;
align-items: center;
justify-content: center;
}
/*li a {*/
/* display: block;*/
/* padding: 8px;*/
/* background-color: #dddddd;*/
/*}*/
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: "Bookman Old Style";
font-size:18px ;
}
li a:hover {
background-color: #111;
}
.active{
background: cadetblue;
}
li{
border-right: 1px solid midnightblue;
}
#image{
/*margin: 0px;*/
/*padding: 0px;*/
padding-left: 10px;
padding-right: 0px;
padding-top: 0px;

}
.hovah{
display: flex;
}
3 changes: 3 additions & 0 deletions css/customb.css
Original file line number Diff line number Diff line change
Expand Up @@ -66,4 +66,7 @@ tr:hover{
}
tr:nth-child(odd){
background: mistyrose;
}
td{
font-family: Tahoma ;
}
101 changes: 0 additions & 101 deletions css/customd.css
Original file line number Diff line number Diff line change
@@ -1,51 +1,3 @@
body{
margin: 0px;
padding: 0px;

}
p{
text-align: justify;
font-family: SansSerif;
color: gray();
font-size: 18px;
padding-left: 10px;
padding-right: 10px;

}
.container, .container-1, .container-2{
display: flex;
}
img {
padding-left: 10px;
padding-right: 10px;
padding-top: 20px;
}
.heading{
background: darkgreen ;
width: 100%;
height: 80px;
padding: 20px;
color: lightgoldenrodyellow;
text-align: center;
}
.topheader, #footertext{
font-family: "Rockwell Extra Bold";
}
.footer{
background: darkgreen ;
width: 100%;
height: 50px;
padding: 10px;
color: lightgoldenrodyellow;
text-align: center;
}
#footertext{
font-family: "Rockwell Extra Bold";
}

.revision, .revision1, .revision2{
display: flex;
}
.contact-form{
width: 50%;
background: darkturquoise;
Expand Down Expand Up @@ -97,56 +49,3 @@ h3{
text-align: center;
font-family: "Lucida Sans Typewriter";
}
.logo{
display: flex;
align-items: center;
justify-content: center;
}
ul {
list-style-type: none;
/*gets rid of bullets*/
margin: 0;
padding: 0;
overflow: hidden;
background-color: orange;

}
li {
float: left;
align-items: center;
justify-content: center;
}
/*li a {*/
/* display: block;*/
/* padding: 8px;*/
/* background-color: #dddddd;*/
/*}*/
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: "Bookman Old Style";
font-size:18px ;
}
li a:hover {
background-color: #111;
}
.active{
background: cadetblue;
}
li{
border-right: 1px solid midnightblue;
}
#image{
/*margin: 0px;*/
/*padding: 0px;*/
padding-left: 10px;
padding-right: 0px;
padding-top: 0px;

}
.hovah{
display: flex;
}
78 changes: 78 additions & 0 deletions css/custome.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,78 @@
.footer{
background: blue;
width: 100%;
height: 50px;
padding: 10px;
color: gainsboro;
text-align: center;
}
p{
font-family: "Eras Medium ITC";
font-size:18px ;
color: darkslategray;
padding-left: 10px;
padding-right: 10px;
text-align: justify;
}
body{
margin: 0px;
padding: 0px;
}
/*.image{*/
/* padding-left: 10px;*/
/* padding-right: 10px;*/
/* padding-top: 20px;*/
/*}*/
ul {
list-style-type: none;
/*gets rid of bullets*/
margin: 0;
padding: 0;
overflow: hidden;
background-color: orange;

}
li {
float: left;
align-items: center;
justify-content: center;
}
/*li a {*/
/* display: block;*/
/* padding: 8px;*/
/* background-color: #dddddd;*/
/*}*/
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-family: "Bookman Old Style";
font-size:18px ;
}
li a:hover {
background-color: #111;
}
.active{
background: cadetblue;
}
li{
border-right: 1px solid midnightblue;
}
.image{
/*margin: 0px;*/
/*padding: 0px;*/
padding-left: 10px;
padding-right: 0px;
padding-top: 0px;

}
.hovah{
display: flex;
}
.logo{
display: flex;
align-items: center;
justify-content: center;
}
Loading

0 comments on commit 422d2ed

Please sign in to comment.