Notes
Notes - notes.io |
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Design</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>Admin Page</h1>
<form action="/admin/login" method="post">
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<br>
<button type="submit">Login</button>
</form>
<!-- SECTION_1 INFO -->
<section id="s1" class="clearfix">
<img src="imgs/bg1..png" alt="bg1" id="i1">
<img src="imgs/bg2..png" alt="bg2" id="i2">
<header class="header">
<a href="#s1">Design</a>
</header>
<article class="clearfix">
<h2>What’re <br> style miracles<br> in your closet.</h2>
<h1>We’ll<br> find<br> them<br> in you.</h1>
</article>
<!-- IPAD AND IPHONE VIEW: NAV INFO-->
<nav id="iphonenav" class="overlay1">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<div class="overlay-content">
<a href="#s1">HOME</a>
<a href="#s2">PROCESS</a>
<a href="#s3">SERVICE</a>
<a href="#s4">STYLES</a>
<a href="#s5">INDUSTRY</a>
<a href="#s6">CONTACT</a>
</div>
</nav>
<span id="trigger" onclick="openNav()">☰</span>
<!-- DESKTOP VIEW: NAV INFO -->
<nav id="nav">
<a href="#s1">HOME</a>
<a href="#s2">PROCESS</a>
<a href="#s3">SERVICE</a>
<a href="#s4">STYLES</a>
<a href="#s5">INDUSTRY</a>
<a href="#s6">CONTACT</a>
</nav>
</section>
<!-- SECTION_2 INFO -->
<section id="s2">
<article>
<h3>OUR PROCESS</h3>
<p>Let’s design for you! Fashion designers attempt to design clothes which are functional as well as aesthetically pleasing. They consider who is likely to wear a garment and the situations in which it will be worn. They have a wide range and combinations
of materials to work with and a wide range of colors, patterns and styles to choose from. Unusual garments are usually sought for special occasions such as evening wear or party dresses. Today, most clothing is designed for casual and every-day wear.
The clothing sector is concerned with all types of clothes, from fashion to uniforms, e-textiles and workwear. </p>
</article>
<figure></figure>
</section>
<!-- SECTION_3 INFO -->
<section id="s3">
<article>
<h3>SERVICES</h3>
<P>We work with clients all over the world to help bring your fashion ideas to life. With a full design service at our fingertips, we help with strategic direction and creative direction, right through to garment development – and everything in-between.
From a little helping hand to creating complete collections, FDS are the fashion design experts that help deliver, season after season.</P>
</article>
<div id="icon">
<section class="ic">
<a href="#">
<img src="imgs/s1.png" alt="style" class="im">
<div class="overlay">
<img src="imgs/s11..png" alt="style">
</div>
</a>
</section>
<section class="ic i2">
<a href="#">
<img src="imgs/s2.png" alt="style" class="im">
<div class="overlay">
<img src="imgs/s22..png" alt="style">
</div>
</a>
</section>
<section class="ic i3">
<a href="#">
<img src="imgs/s3.png" alt="style" class="im">
<div class="overlay">
<img src="imgs/s33..png" alt="style">
</div>
</a>
</section>
<section class="ic i4">
<a href="#">
<img src="imgs/s4.png" alt="style" class="im">
<div class="overlay">
<img src="imgs/s44..png" alt="style">
</div>
</a>
</section>
</div>
</section>
<!-- SECTION_4 INFO -->
<section id="s4">
<div class="h3">
<h3>STYLES</h3>
</div>
<figure id="pic">
<div class="p p1"></div>
<div class="p p2"></div>
<div class="p p3"></div>
<div class="p p4"></div>
</figure>
</section>
<!-- SECTION_5 INFO -->
<section id="s5">
<div id="vd">
<video controls muted poster="imgs/vd.png">
<source src="imgs/video.mp4" type="video/mp4">
</video>
</div>
<article>
<h3>INDUSTRY</h3>
<P>Fashion today is a global industry, and most major countries we have a fashion industry. China and Bangladesh are the biggest manufacturers of clothing, and other notable clothing manufacturing countries are Germany, Indonesia, Malaysia, India,
Philippines, South Korea, Spain, and Brazil. The "big four" centres of the fashion industry are Paris, Milan, New York City and London. </p>
</article>
</section>
<!-- SECTION_6 INFO -->
<section id="s6">
<h3>CONTACT</h3>
<form action="MAILTO:[email protected]" method="post" enctype="text/plain" >
<div class="form clearfix ">
<div class="f1">
<select</select>/select> name="contries" id="sel" placeholder="Which country?">
<option value="mongolia">mongolia</option>
<option value="turkey">turkey</option>
<option value="Germany">Germany</option>
<option value="russia">russia</option>
<option value="china">china</option>
<option value="India">India</option>
</select>
<input type="text" id="fname" name="name" placeholder="First Name" required>
<input type="text" id="lname" name="name" placeholder="Last Name" required>
<input type="email" id="mail" name="email" placeholder="Email">
</div>
<div class="f2">
<textarea name="comments" id="tarea" placeholder="Your message here"></textarea>
<input type="submit" value="SEND">
</div>
</div>
</form>
</section>
<!-- FOOTER INFO -->
<footer>
<div id="footer">
<div class="logo"><h1>Design</h1></div>
<div class="info1">
<a href="mailto:[email protected]">[email protected]</a><br>
<a href="tel:999.888.0000">999.888.0000</p>
<span id="contact">
<a href="#">FACEBOOK</a> |
<a href="#">INSTAGRAM</a> |
<a href="#">PINTEREST</a> |
</span>
</div>
<div class="info2">
<p>© 2017 DESIGN INC.</p>
<p>All rights reserved.</p>
</div>
</div>
</footer>
<!-- SOCIAL ICONS INFO -->
<div id="social">
<a href="#" class="facebook"></a>
<a href="#" class="instagram"></a>
<a href="#" class="pinterest"></a>
</div>
<!-- JAVASCRIPT INFO -->
<script>
function openNav() {
document.getElementById("iphonenav").style.width="200px";
}
function closeNav() {
document.getElementById("iphonenav").style.width="0px";
}
</script>
</body>
</html>
|
|
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
