Add web design files
This commit is contained in:
153
web-design/Занятие_8_М/WebCTreg.css
Normal file
153
web-design/Занятие_8_М/WebCTreg.css
Normal file
@@ -0,0 +1,153 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.FL {
|
||||
float: left;
|
||||
}
|
||||
|
||||
.FR {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.CB {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.main {
|
||||
width: 674px;
|
||||
margin: 0 auto;
|
||||
margin-top: 10px;
|
||||
border: 1px solid black;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.image_block {
|
||||
background-image: url(webctlogo_matted_2.gif);
|
||||
background-repeat: no-repeat;
|
||||
background-color: #B5C4E0;
|
||||
height: 75px;
|
||||
width: 258px;
|
||||
border-bottom: 1px solid black;
|
||||
border-right: 1px solid black;
|
||||
border-bottom-right-radius: 10px;
|
||||
margin-bottom: 50px;
|
||||
box-shadow: 3px 3px 5px grey;
|
||||
}
|
||||
|
||||
.image_text {
|
||||
font-size: 11px;
|
||||
margin-top: 50px;
|
||||
margin-left: 75px;
|
||||
}
|
||||
|
||||
.content {
|
||||
width: 454px;
|
||||
}
|
||||
|
||||
.text {
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.otstup {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.title {
|
||||
background-color: #B5C4E0;
|
||||
width: 177px;
|
||||
padding-left: 5px;
|
||||
border-top-left-radius: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.line {
|
||||
width: 454px;
|
||||
height: 1px;
|
||||
background-color: #7276CE;
|
||||
}
|
||||
|
||||
.names {
|
||||
width: 177px;
|
||||
padding-top: 1px;
|
||||
}
|
||||
|
||||
.names .text {
|
||||
margin-top: 9px;
|
||||
}
|
||||
|
||||
.names2 {
|
||||
width: 177px;
|
||||
padding-top: 1px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.names2 .text {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.inputs {
|
||||
width: 257px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
input {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
select {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.grey_line {
|
||||
width: 454px;
|
||||
height: 2px;
|
||||
background-color: grey;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.checkOtstup {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.checkboxOtstup {
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.submit {
|
||||
margin-top: 30px;
|
||||
margin-left: 205px;
|
||||
}
|
||||
|
||||
.largeOtstup {
|
||||
margin-top: 30px;
|
||||
}
|
||||
|
||||
.footer {
|
||||
margin-top: 40px;
|
||||
background-color: #0030C8;
|
||||
}
|
||||
|
||||
.navigation li {
|
||||
display: inline;
|
||||
color: #ffffff;
|
||||
font-size: 11px;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.navigation li a {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-size: 11px;
|
||||
}
|
||||
|
||||
.navigationLink {
|
||||
color: #ffffff;
|
||||
text-decoration: none;
|
||||
font-size: 11px;
|
||||
}
|
||||
106
web-design/Занятие_8_М/WebCTreg.html
Normal file
106
web-design/Занятие_8_М/WebCTreg.html
Normal file
@@ -0,0 +1,106 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
|
||||
<head>
|
||||
<link href="WebCTreg.css" rel="stylesheet" type="text/css">
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>Документ без названия</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="main" align="center">
|
||||
<div class="FL image_block" align="left">
|
||||
<p class="image_text">A Blackboard' Company</p>
|
||||
</div>
|
||||
|
||||
<div class="content CB" align="left">
|
||||
<p class="text otstup">The information requested below will help us tailor our communications to meet your needs. Thank you for your interest in WebCT's software and services</p>
|
||||
<p class="text">All fields are required</p>
|
||||
<div class="title">
|
||||
<p class="text">Contact Information</p>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
<div class="names FL">
|
||||
<p class="text">First Name:</p>
|
||||
<p class="text">Last Name:</p>
|
||||
<p class="text">E-Mail:</p>
|
||||
<p class="text">Confirm E-Mail:</p>
|
||||
<p class="text">Preferred EMail Format:</p>
|
||||
<p class="text">City:</p>
|
||||
<p class="text">State or Province:</p>
|
||||
<p class="text">Country:</p>
|
||||
</div>
|
||||
|
||||
<div class="inputs FL">
|
||||
<input type="text" size="24">
|
||||
<input type="text" size="24">
|
||||
<input type="text" size="24" value="e-mail address">
|
||||
<input type="text" size="24" value="e-mail address">
|
||||
<select>
|
||||
<option>Choose one</option>
|
||||
</select>
|
||||
<input type="text" size="24">
|
||||
<select>
|
||||
<option>Choose State or Province</option>
|
||||
</select>
|
||||
<select>
|
||||
<option>- Select a Country -------------------------------</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="title CB">
|
||||
<p class="text">Institution Information</p>
|
||||
</div>
|
||||
<div class="line"></div>
|
||||
|
||||
<div class="names2 FL">
|
||||
<p class="text">Job Title:</p>
|
||||
<p class="text">Role:</p>
|
||||
<p class="text">Name of Institution:</p>
|
||||
<p class="text">Type of Institution:</p>
|
||||
<p class="text">Does your institution currently license WebCT?</p>
|
||||
</div>
|
||||
|
||||
<div class="inputs FL">
|
||||
<input type="text" size="24">
|
||||
<select>
|
||||
<option>Select Primary Role</option>
|
||||
</select>
|
||||
<input type="text" size="24">
|
||||
<select>
|
||||
<option>Select Institution Type</option>
|
||||
</select>
|
||||
<br>
|
||||
<select>
|
||||
<option>Choose one</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="grey_line CB"></div>
|
||||
<input type="checkbox" class="FL">
|
||||
<p class="text checkOtstup">I would like to receive the mounthly WebCT Newsletter</p>
|
||||
<input type="checkbox" class="CB FL checkboxOtstup">
|
||||
<p class="text">I am interested in receiving periodic information about WebCT events, promotions and products</p>
|
||||
<input type="submit" value="Submit" class="submit">
|
||||
<p class="text largeOtstup otstup">To ensure that messages from WebCT are delivered to your inbox, please add email@webct.rsc02.com to your address book, or ask your IT department to add us to your "approved sender" list</p>
|
||||
<p class="text">WebCT is commited to privacy. For information, read our <a href="#">Privacy Policy</a>.</p>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<ul class="navigation">
|
||||
<li><a href="#">Contact Us</a></li>
|
||||
<li>|</li>
|
||||
<li><a href="#">Terms of Service</a></li>
|
||||
<li>|</li>
|
||||
<li><a href="#">Privacy Policy</a></li>
|
||||
<li>|</li>
|
||||
<li><a href="#">Employment</a></li>
|
||||
<li>|</li>
|
||||
<li><a href="#">Accessibillity</a></li>
|
||||
<li>|</li>
|
||||
<li><a href="#">Site Map</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
BIN
web-design/Занятие_8_М/formular.png
Normal file
BIN
web-design/Занятие_8_М/formular.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 23 KiB |
BIN
web-design/Занятие_8_М/webctlogo_matted_2.gif
Normal file
BIN
web-design/Занятие_8_М/webctlogo_matted_2.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Reference in New Issue
Block a user