Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
@Kodelack47
Kodelack47 authored May 21, 2023
1 parent d888ed5 commit 74140e1
Show file tree
Hide file tree
Showing 2 changed files with 209 additions and 127 deletions.
68 changes: 40 additions & 28 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,40 +6,44 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dream</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="script/styles.css"/>
</head>

<body>

<!-- section -->

<div class="header">
<body>
<div class="header">
<!-- header start -->
<header>
<h1>Dream</h1>
<!-- nav start -->
<!-- <nav class="dropdown"> -->
<!-- <button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false"> -->
<!-- <menu> -->
<nav>
<ul class="dropdown-menu">
<li class="dropdown-item" style="background-color: #f01c51;"><a href="+">Home</a></li>
<li class="dropdown-item" style="background-color: #585123;"><a href="+">Products</a></li>
<li class="dropdown-item" style="background-color: #2E0219;"><a href="+">Shipping</a></li>
<li class="dropdown-item" style="background-color: #211103;"><a href="+">Policies</a></li>
<li class="dropdown-item" style="background-color: #DBCCC5;"><a href="/register.html">Register</a></li>
<li class="dropdown-item" style="background-color: #DBCCC5;"><a href="/login.html">Log-In</a></li>
</ul>
<!-- </menu> -->
</button>
</nav>
<!-- nav end -->
</header>
<!-- header end -->
</div>

<!-- nav start -->
<nav class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
<menu>
<ul class="dropdown-menu">
<li><button class="dropdown-item" type="button"><a href="+">Home</a></button></li>
<li><button class="dropdown-item" type="button"><a href="+">Products</a></button></li>
<li><button class="dropdown-item" type="button"><a href="+">Shipping</a></button></li>
<li><button class="dropdown-item" type="button"><a href="+">Policies</a></button></li>
</ul>
</menu>
</button>
</nav>
<!-- nav end -->

</div>
<!-- section end -->
<div class="nav">

</div>
<hr>

<div>
<!-- main start -->
<main>

<p class="text-justify">DREAM.COM<i>CODE WANTS TO BE SIMPLE </i> is an initiative to help the upcoming programmers with the code. Scanfcode focuses on providing the most efficient code or snippets as the code wants to be simple. We will help programmers build up concepts in different programming languages that include C, C++, Java, HTML, CSS, Bootstrap, JavaScript, PHP, Android, SQL and Algorithm.</p>

<section>
<table>
<tr>
Expand All @@ -60,11 +64,18 @@ <h1>Dream</h1>
</tr>
</table>
</section>
<section></section>

<!-- second section -->
<section>

</section>

</main>
</div>
<!-- main end -->


<!-- footer start -->
<footer>
<footer class="second">

<hr>
<div class="container">
Expand All @@ -85,4 +96,5 @@ <h1>Dream</h1>
</footer>
<!-- footer end -->
</body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
</html>
268 changes: 169 additions & 99 deletions styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,117 +1,173 @@
body {
background-color: palevioletred;
}

.header {
width: 100%;
background-color: snow;
text-align: center;
background-color: rgb(176, 208, 247);
}
/* .header {
background-color: #f1f1f1;
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
padding: 0 0 0 0;
} */
header{
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
padding: 2%;
background-color: #f1f1f1;
/* display: inline-block; */

table {
border: black;
}

hr {
background-color: white;
}
nav {
float: right;
margin: 0%;
padding: 25px 20px 0 0;
/* }
.dropdown { */
display: inline-block;
background-color: #ea4c89;
display: hidden;
width: 40px;
height: 40px;
/* background: url(https://res.cloudinary.com/dgpmuegqe/image/upload/v1492571257/nav_xe79ju.png) center; */
}
nav a:hover. {
border-radius: 4px 4px 0 0;
}
ul {
list-style-type: none;
}
nav ul li {
font-size: 150%;
display: inline-block;
float: left;
padding: 10px;
}
nav ul li a {
color: #080808;
text-decoration: none;
}
nav ul li a:hover {
color: #C3D7DF;
}
/* header {
background-color: #f1f1f1;
width: 80%;
padding: 5px;
margin: 5px;
border-radius: 5px;
border: 2px solid red;
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
padding: 0 0 0 0;
} */

.copyright-text {
margin: 0;
/* header{
text-align: center;
}
nav.dropdown{
text-align: end;
display:;
} */

/* nav ul {
list-style-type: none;
overflow: visible;
display: inline-block;
margin-left: auto;
margin-right: auto;
margin-top: -4px;
}
@media (max-width: 991px)
/* .footer-links a:active, */
/* .footer-links a:focus, */
/* .footer-links a:hover { */
/* color: #3366cc; */
/* text-decoration: none; */
nav li {
float: left;
width: 204px;
height: 80px;
overflow: hidden;
white-space: nowrap;
} */

.site-footer{
background-color:#26272b;
padding:45px 0 20px;
font-size:15px;
line-height:24px;
color:#737373;
}
.site-footer hr
{
border-top-color:#bbb;
opacity:0.5
}
.site-footer hr.small
{
margin:20px 0
}
.site-footer h6
{
color:#fff;
font-size:16px;
text-transform:uppercase;
margin-top:5px;
letter-spacing:2px
}
.site-footer a
{
color:#737373;
}
.site-footer a:hover
{
color:#3366cc;
text-decoration:none;
}
.footer-links
{
padding-left:0;
list-style:none
}
.footer-links li
{
display:block
}
.footer-links a
{
color:#737373
}
.footer-links a:active,.footer-links a:focus,.footer-links a:hover
{
color:#3366cc;
text-decoration:none;
}
.footer-links.inline li {
/* .footer {
background-color: #f1f1f1;
width: 80%;
padding: 5px;
margin: 5px;
border-radius: 5px;
border: 2px solid red;
display: inline-block;
}
.site-footer .social-icons {
text-align: right;
}
.site-footer .social-icons a {
width: 40px;
height: 40px;
line-height: 40px;
margin-left: 6px;
margin-right: 0;
border-radius: 100%;
background-color: #33353d;
}
.copyright-text {
margin: 0;
}
@media (max-width: 991px) {
.site-footer [class^="col-"] {
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
margin-top: -30px;
padding: 0 0 0 0;
} */



footer {
background-color: #6991AC;
width: 100%;
}
}
@media (max-width: 767px) {
.site-footer {
padding-bottom: 0;
.social {
list-style-type: none;
text-align: center;
}
.social li {
display: inline;
}
.site-footer .copyright-text,
.site-footer .social-icons {
/* .social i {
font-size: 450%;
margin: 1%;
padding: 5% 5% 5% 4%;
color: #C3D7DF;
} */
.social i:hover {
color: #f5f5f5;
}
/*--- begining of second footer---*/
/* footer.second {
border-top: 2px solid #AADCD2;
background-color: #544859;
max-height: 35px;
}
footer.second p{
text-align: center;
}
}
/*---media start----*/
/* @media screen and (max-width: 768px) {
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
p {
font-size: 110%;
}
header {
position: absolute;
}
#logo {
margin: 15px 0 20px 25px;
background: url(https://res.cloudinary.com/dgpmuegqe/image/upload/v1492571257/RD_mobile_sapd7z.png) no-repeat center;
}
#menu-icon {
display: inline-block;
}
nav ul, nav:active ul {
display: none;
z-index: 1000;
position: absolute;
background: #6991AC;
padding: 20px;
right: 20px;
top: 60px;
.copyright-text {
margin: 0;
} */

.social-icons {
padding-left: 0;
margin-bottom: 0;
Expand Down Expand Up @@ -167,10 +223,24 @@ hr {
.social-icons a.dribbble:hover {
background-color: #ea4c89;
}

@media (max-width: 767px) {
.social-icons li.title {
display: block;
margin-right: 0;
font-weight: 600;
}
}

.site-footer .social-icons {
text-align: right;
}
.site-footer .social-icons a {
width: 40px;
height: 40px;
line-height: 40px;
margin-left: 6px;
margin-right: 0;
border-radius: 100%;
background-color: #33353d;
}

0 comments on commit 74140e1

Please sign in to comment.