Skip to content

Create maket1.html #10

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
evjlobanova wants to merge 8 commits into
base: main
Choose a base branch
from
Open

Create maket1.html #10

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
4601d24
Create maket1.html
evjlobanova Jul 15, 2021
f3edb61
Create maket1.css
evjlobanova Jul 15, 2021
a344a9a
Create best_services_styles.css
evjlobanova Jul 15, 2021
a41bb6a
Add files via upload
evjlobanova Jul 15, 2021
ee20bf5
Create file.css
evjlobanova Jul 15, 2021
65fd08e
Add files via upload
evjlobanova Jul 15, 2021
5484fa3
Create file1.css
evjlobanova Jul 15, 2021
da63a0b
Add files via upload
evjlobanova Jul 15, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions maket1/fonts/file1.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

Binary file added maket1/fonts/fontawesome-webfont.eot
View file
Open in desktop
Binary file not shown.
655 changes: 655 additions & 0 deletions maket1/fonts/fontawesome-webfont.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added maket1/fonts/fontawesome-webfont.ttf
View file
Open in desktop
Binary file not shown.
Binary file added maket1/fonts/fontawesome-webfont.woff
View file
Open in desktop
Binary file not shown.
Binary file added maket1/fonts/fontawesome-webfont.woff2
View file
Open in desktop
Binary file not shown.
Binary file added maket1/fonts/glyphicons-halflings-regular.eot
View file
Open in desktop
Binary file not shown.
288 changes: 288 additions & 0 deletions maket1/fonts/glyphicons-halflings-regular.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added maket1/fonts/glyphicons-halflings-regular.ttf
View file
Open in desktop
Binary file not shown.
Binary file added maket1/fonts/glyphicons-halflings-regular.woff
View file
Open in desktop
Binary file not shown.
Binary file added maket1/fonts/glyphicons-halflings-regular.woff2
View file
Open in desktop
Binary file not shown.
Binary file added maket1/fonts/icon-font.eot
View file
Open in desktop
Binary file not shown.
21 changes: 21 additions & 0 deletions maket1/fonts/icon-font.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added maket1/fonts/icon-font.ttf
View file
Open in desktop
Binary file not shown.
Binary file added maket1/fonts/icon-font.woff
View file
Open in desktop
Binary file not shown.
Binary file added maket1/image/bg-4.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added maket1/image/bg-5.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions maket1/image/file.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@

10 changes: 10 additions & 0 deletions maket1/maket1.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
@import url(/maket1/styles/body_styles.css);
@import url(/maket1/styles/header_styles.css);
@import url(/maket1/styles/button.css);
@import url(/maket1/styles/best_services_styles.css);
@import url(/maket1/styles/flat_switcher_styles.css);
@import url(/maket1/styles/testimonials_styles.css);
@import url(/maket1/styles/form_styles.css);
@import url(/maket1/styles/contact_styles.css);
@import url(/maket1/styles/social_icons_styles.css);
@import url(/maket1/styles/footer_style.css);
169 changes: 169 additions & 0 deletions maket1/maket1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,169 @@
<html lang="en">
<head>
<title>Delex - Best Ideas for your Business</title>
<link rel="stylesheet" href="maket1.css">
<link rel="stylesheet" href="/fonts_styles.css">
</head>

<body>
<header>
<div class="logo">Delex</div>
<menu>
<a href="https://www.google.com" title="Home"> HOME</a>
<a href="/maket.html#services">SERVICES</a>
<a href="/maket.html#testimonials">TESTIMONIALS</a>
<a href="/maket.html#contacts">CONTACT</a>
</menu>
<div class="head_info">
<h1>
Best ideas for your Business
</h1>
<div class="head_info_description">
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain wants to have it, simply because it is pain..."
</div>
</div>
<div class="button_wrapper">
<button>Get Started</button>
</div>
</header>

<article>
<div class="article_name">
<h2>Best services</h2>
<div class="flat switcher">
<div class="one_switcher_panel"> </div>
<div class="one_switcher_panel"> </div>
<div class="one_switcher_panel"> </div>
</div>
</div>
<div class="features">
<div class="feature_1">
<div class="feature_icon_ideas"></div>
<h3>CREATIVE IDEAS </h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
</div>
<div class="feature_2">
<div class="feature_icon_solutions"></div>
<h3>RAPID SOLUTIONS</h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
</div>
<div class="feature_3">
<div class="feature_icon_touch"></div>
<h3>MAGIC TOUCH</h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
</div>
<div class="feature_4">
<div class="feature_icon_ideas1"></div>
<h3>CREATIVE IDEAS </h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
</div>
<div class="feature_5">
<div class="feature_icon_solutions1"></div>
<h3>RAPID SOLUTIONS</h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
</div>
<div class="feature_6">
<div class="feature_icon_touch1"></div>
<h3>MAGIC TOUCH</h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
</div>
</div>
</div>
</article>
<div class="testimonials">
<div class="svg_wrapper">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg>
</div>
<div class="testimonials-text_wrapper">
<div class="testimonials-text">"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit. Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</div>
</div>
<div class="testimonials-author_wrapper">
<div class="testimonials_author">- Jhon Doe</div>
</div>
<div class="slider_pointer_wrapper">
<div class="slider_pointer">Slider</div>
</div>

</div>
<div class ="feedback_forum">
<div class="feedback_forum_name">
<h2>Contact us</h2>
<div class="flat switcher">
<div class="one_switcher_panel"> </div>
<div class="one_switcher_panel"> </div>
<div class="one_switcher_panel"> </div>
</div>
</div>
<form>
<form action="" method="post">
<div class="name_field">
<label for="POST-name">Name:</label>
<input id="POST-name" type="text" name="name" placeholder="Enter your Name">
</div>
<div class="mail_field">
<label for="POST-email">E-mail:</label>
<input id="POST-email" type="email" name="E-mail"placeholder="Enter your work e-mail">
</div>
<div class="message_field">
<label for="POST-comment">Message:</label>
<input id="POST-comment" type="textarea" name="Message" placeholder="Enter your request">
</div>
<p>"Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."</p>
<button type="submit"> SUBMIT </button>
</form>
</div>

<contacts>
<div class="line"></div>
<div class="contact_item"><h3>KEEP IN TOUCH</h3></div>
<div class="contact_item_details">
<div class="facebook">
<a href="https://www.facebook.com/" target="_blank">f</a>
</div>
<div class="google">
<a href="https://www.google.com/" target="_blank">g</a>
</div>
<div class="twitter">
<a href="https://www.twitter.com/" target="_blank">t</a>
</div>
<div class="pinterest">
<a href="https://wwww.pinterest.com" target="_blank">p</a>
</div>
</div>

<div class="contact_adress"><h3>ADRESS</h3></div>
<div class="contact_phys_adress">
<pre style="font-size: 1em;">
454 Main Streer,
Nashville, PA 23456, Other
</pre>
</div>
<div class="contact_email_adress">
<div class="email_adress">
<pre style="font-size: 1em;">
+ 0 123-456-7890
www.domain.com
info@domain.com
</pre>
</div>
</div>

<div class="contact_support"><h3>SUPPORT</h3></div>
<div class="contact_support_detalis">
<pre style="font-size: 1em;">
Neque porro quisquam est qui dolorem
ipsum quia dolor sit amet
</pre>
</div>
<div class="contact_support_button">
<div class="button_wrapper">
<button>FORUM</button>
</div>
</div>
</contacts>

<footer>2045 Delex. Designed by Template Stock</footer>


</body>
</html>
99 changes: 99 additions & 0 deletions maket1/styles/best_services_styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,99 @@
article{
display: grid;
grid-template-columns: 0.1fr 1fr 0.1fr;
grid-template-rows: 0.2fr 0.5fr 1fr 0.5fr;

}
.article_name{
grid-column:2;
grid-row: 2;
display:flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
color:535353;
}

.features{
grid-column:2;
grid-row: 3;
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
align-items: center;
color:#737373;
}
.feature_1{
width: 30%;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;

}
.feature_2{
width: 30%;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
.feature_3{
width: 30%;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
.feature_4{
width: 30%;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
.feature_5{
width: 30%;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
.feature_6{
width: 30%;
display: flex;
flex-flow: column wrap;
justify-content: flex-start;
align-items: center;
margin-bottom: 30px;
}
p{
text-align: center;
}

h3{
color:535353;
}
.feature_icon_ideas{
background-image: url();
}
.feature_icon_solutions{
background-image: url();
}
.feature_icon_touch{
background-image: url();
}
.feature_icon_ideas1{
background-image: url();
}
.feature_icon_solutions1{
background-image: url();
}
.feature_icon_touch1{
background-image: url();
}
34 changes: 34 additions & 0 deletions maket1/styles/body_styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
body{
font-family: 'glyphicons', 'fontawesome', sans-serif;
font-size: 0.8em;
margin: auto;
display: grid;
grid-template-columns: 1fr
grid-template-rows: 800px auto auto auto auto auto;
grid-template-areas:
"header"
"article"
"testimonials"
"feedback_form"
"contacts"
"footer"
}

header{
grid-template-areas: "header";
}
article{
grid-template-areas: "article";
}
.testimonials{
grid-template-areas: "testimonials";
}
.feedback_form{
grid-template-areas: "feedback_form";
}
contacts{
grid-template-areas: "contacts";
}
footer{
grid-template-areas: "footer";
}
13 changes: 13 additions & 0 deletions maket1/styles/button.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,13 @@
button{
background: #19BB96;
width: 120px;
height: 40px;
border:0px;
border-radius: 4px;
cursor: pointer;
font-size: 12px;
color: white;
font-weight: bold;
z-index: 3;
}

Loading