Skip to content

Commit

Permalink
Fix colorscheme, buttons
Browse files Browse the repository at this point in the history
  • Loading branch information
@aadit-n3rdy
aadit-n3rdy committed Oct 29, 2023
1 parent 397c7e4 commit dd77f66
Show file tree
Hide file tree
Showing 2 changed files with 50 additions and 115 deletions.
54 changes: 18 additions & 36 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,61 +9,43 @@
</head>
<body>
<div id="header" class="header-box" style="position:fixed;">

<div class="flip">
<a href="#aboutme" style="margin-left: 25px;">
<div class="front">AyushMaan</div>
<div class="back">AyushMaan</div>
<div class="flipl">
<a href="#aboutme">
AyushMaan
</a>
</div>

<div class="flip" style="margin-left: 820px;">
<a href="#aboutme">
<div class="front">resources</div>
<div class="back">resources</div>
<div class="flip">
<a href="https://bhavananannuru.github.io/resourcesPage/">
Resources
</a>
</div>

<div class="flip" style="margin-left: 1000px;">
<a href="#aboutme">
<div class="front">Chat</div>
<div class="back">Chat</div>
<div class="flip">
<a href="http://pranavsuriya-sr.github.io/chatApp">
Chat
</a>
</div>

<div class="flip" style="margin-left: 1150px;">
<a href="#projects">
<div class="front">Meet</div>
<div class="back">Meet</div>
<div class="flip">
<a href="http://pranavsuriya-sr.github.io/meetApp">
Meet
</a>
</div>

<div class="flip" style="margin-left: 1300px;">
<a href="#Contact-Form">
<div class="front">Login</div>
<div class="back">SignUp</div>
<div class="flip">
<a href="../signup/index.html">
Login
</a>
</div>
</div>

<img class="img1" src="https://gumlet.assettype.com/dainikgomantak%2F2021-12%2F5823c6dd-303d-4a11-b6c8-58488b4b970f%2Fdainik_gomantak____2021_12_01T104601_597.jpg?rect=0%2C0%2C742%2C417&format=auto">
<div class = "p1">
<p>jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
</p>

Team AYUSHmaan has developed a comprehensive platform that serves as a central hub for AYUSH enthusiasts, regardless of their specialization in Ayurveda, Yoga and Naturopathy, Unani, Siddha, or Homeopathy. The primary aim of this platform is to establish and nurture a positive and interconnected network, bringing together diverse stakeholders, including startups, investors, incubators, accelerators, government administrators, and, most significantly, the general public.
</div>

<div class="p2">
<p>jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
jidgfuogadfgayuif dhfud gfyu sdgfosidgf fyudgoufgsduifgsduf fjug sdufgsd f79sdfgtsd f duifgsdufgsdy fgsdpfg dyfg sdo8fg7sdt sd dyu fsdgf
</p>
The principal objective driving the creation of this portal is to unite all stakeholders within the AYUSH ecosystem under a single digital roof, fostering a sense of unity and collaboration while facilitating community expansion. Through the active participation of a diverse range of individuals and organizations, our platform is dedicated to providing mentorship, guidance, and a platform to showcase various opportunities through virtual connections. This, in turn, will propel every individual in their AYUSH journey, furthering the advancement and awareness of AYUSH practices and principles.
</div>

<img class="img2" src="https://gumlet.assettype.com/dainikgomantak%2F2021-12%2F5823c6dd-303d-4a11-b6c8-58488b4b970f%2Fdainik_gomantak____2021_12_01T104601_597.jpg?rect=0%2C0%2C742%2C417&format=auto">
Expand All @@ -77,4 +59,4 @@ <h4>Copyrights &copy; AsyushMaan-Dev 2023</h4>
</ul>
</div>
</body>
</html>
</html>
111 changes: 32 additions & 79 deletions styles.css
View file
Original file line number Diff line number Diff line change
@@ -1,99 +1,50 @@
body{
* {
box-sizing: border-box;
}

body{
background-color: #f2f6f9;
margin: 0;
padding: 0;
}
.header-box{
border-width: 0px;
display: flex;
justify-content: flex-end;
border: 0;
margin-right: 50px;
background-color: #08977b;
padding: 20px;
width: 100%;
height: 50px;
padding-left: -500px;
font-size: 20px;
}

.flip {
position: absolute;

.flip, .flipl {
width: 160px;
// height: 48px;
perspective: 500px;
margin: 0px 0 0 0px;
height: 48px;
align-items: center;
padding: 1rem;
height: 100%;
}
.flipl {
margin-right: auto;
}

.flip a {
font-weight: 400;
.flip a, .flipl a {
color: white;
text-decoration: none;
font-weight: 400;
text-transform: uppercase;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: absolute;
transform-style: preserve-3d;
transform: translateZ(0);
cursor: pointer;
padding: 1rem;
}
.flip a:hover, .flipl a:hover {
color: #08977b;
background-color: white;
transition-duration: 100ms;
}

.flip a .front,
.flip a .back {
margin: 0;
width: 160px;
height: 48px;
line-height: 48px;
position: absolute;
text-align: center;
letter-spacing: 0.4em;
transition: transform 0.3s;
}

.flip a .front {
background-color: #08977b;
color: #fff;
transform: rotateY(0) translateZ(0);
}

.flip a .back {
background-color: rgba(255,255,255,0);
color: rgba(34,34,34,0);
transform: rotateX(0) translateZ(0);
overflow: hidden;
}

.flip a .back:after {
content: '';
position: absolute;
top: -32%;
left: -10%;
width: 120%;
height: 50%;
background: #08977b;
transform: rotate(8deg);
transition: all 0.5s ease;
transition-delay: 0.15s;
}

.flip a:hover {
transform: translateZ(-25px) rotateX(0);
}

.flip a:hover .front {
background: #000;
transition: all 0.8s ease;
}

.flip a:hover .back {
color: #08977b;
transition: color 0.4s linear;
background: #fff;
}

.flip a:hover .back:after {
transform: rotate(6deg) translate(100px, -18px);
}



.img1
{
margin-top: 100px;
Expand All @@ -117,16 +68,18 @@
{
margin-top: 300px;
margin-left: 30px;
margin-right: 800px;
margin-right: 1000px;
}

.img2
{
margin-left: 750px;
margin-top: -300px;
float: right;
margin-right: 100px;
margin-top: -300px;
}
.foot1
{
margin-top: 200px;
background-color: #08977b;
position: relative;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
Expand Down

0 comments on commit dd77f66

Please sign in to comment.