https://mentorsity.

com/login-signup/
KEFENE APP URL BY ME : https://web-dev-fundamentals---kafene.web.app

https://triplebyte.com/tb/bhagyasri-u-lhswcxd/certificate

Respect for all levels of employees and to have equal opportunities to put forward
their ideas/opinions on certain matters.
well . i am a girl with dreams and i what to achieve my dreams to be independent
and successful. So A desire to be successful in my career and recognition
motivates me more.
My coworkers would describe me as cool and thoughtful person who works well,handles
issues and resolves them in very effectively.

Cadrienoir Agreste = miraculous

https://www.linkedin.com/in/bhagyasri-ushanagalla-969a83195/

https://www.hellointern.com/student/applications/

https://classroom.edyoda.com/
https://teams.microsoft.com/_?tenantId=95605ae2-d8be-4f86-8098-da577d0eb45e#/
conversations/48:notes?ctx=chat

===================================================================================
======================================

export default class App extends Component {

constructor() {
super();
this.state = { displayBio: false };
this.toggleDisplayBio = this.toggleDisplayBio.bind(this);

}
toggleDisplayBio() {
this.setState({ displayBio: !this.state.displayBio });
}

render() {

return (
<div>
<h1>Bhagyasri</h1>
<p>web developer</p>
{
this.state.displayBio ? (
<div>
<div>show this part</div>
<p>contest to show and gikdbgridnbgoedcbh</p>
<button onClick={this.toggleDisplayBio}>show less</button>
</div>
 ) : (<div>
<button onClick={this.toggleDisplayBio} >Read more</button>
</div>)
}
</div>
)
}
}

-----------------------------------------------------------------------------------
----------------------------------------------------
import React, { useState, useEffect } from 'react';
import { StyleSheet, Text, TextInput, View } from 'react-native'
// import { NavigationContainer } from '@react-navigation/native';
// import { createNativeStackNavigator } from '@react-navigation/native-stack';
import Home from './src/Components/Home';

// import { StatusBar } from 'expo-status-bar';

// import { StyleSheet, Text, View } from 'react-native';

export default function App() {

return (
<View>hello
{/* <Home></Home> */}
</View>
// <View style={styles.container}>
// <Text>Hello</Text>
// {/* <StatusBar style="auto" /> */}
// </View>
);
}

// const styles = StyleSheet.create({

// container: {
// flex: 1,
// backgroundColor: '#fff',
// alignItems: 'center',
// justifyContent: 'center',
// },
// });

===================================================================================
=====================================================

.about-section{
left: 50%;
bottom: -90%;
position: absolute;
width: 50px;
height: 5px;
line-height: 0px;

.about-section-content{
 font-size: 43px;
z-index: 1;
color: rgba(241, 241, 247, 0.5);
font-size: 100px;
letter-spacing: 10px;
}

.about-section-text{
font-size: 24px;
width: 500px;
position: absolute;
top: 120px;
left: 50px;
}

.about-section-details{
display: flex;
}

.about-section-img1{
position: absolute;
left:10%;
right:0;
bottom: 0;
top: 0;

==================================================================================
<div class="dropword-page">
<div class="dropdown-icon">
<div class="dropdown">
<div class="navtext">Pages</div>
<img class="dropdown-image" src="../Nuuk
Project/sort-down.svg" alt="dropdown-imag" width="10px">
</div>

</div>
<nav>
<div class="dropdown-menu">
<a href="#" class="dropdown-menu-content">404
error page</a>
<a href="#" class="dropdown-menu-
content">protected page</a>
<a href="#" class="dropdown-menu-content">style
guide</a>
<a href="#" class="">LICENSING</a>

</div>
</nav>
</div>

========================================================

html{
margin: 30px;
padding: 0px;
box-sizing: border-box;
}
body{
font-family: Georgia, 'Times New Roman', Times, serif;

.overflow-hidden{
background-image:linear-gradient(76deg, rgba(193, 195, 204, 0.83) 35%,
rgba(193, 195, 204, 0.28) 65%), url(background.jpg);
z-index: -1;
height: 85vh;
padding-left: 5%;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: #c1c3cc;
background-position: 0px 0px, 50% 0%;
background-size: auto, cover;
background-attachment: scroll, fixed;
}

.navigation-bar{

width: 100%;
margin-top: 1%;
background-color: #fff;

nav div a{
all: unset;
}

.nuuk-logo{
background-color:#e47312;
justify-items: center;
width: 100%;
height: 100%;
padding: 20px 20px 20px 20px;
z-index: -1;
}

.navigation-menu {
display:flex;
margin-left: 30%;

.navigation-menu a {
margin-left:6%;

.navigation-menu div .nav-text {

margin-left:6%;

}
.nav-text{
font-weight: 540;
text-transform:uppercase;
font-size: 80%;

.dropword-page{
margin-top: 0%;
margin-left: 10%;
margin-bottom: 5%;

.dropdown{
display: flex;
padding-bottom: 5px;

.dropdown-menu{

display: block;
position: absolute;
background-color: #fff;
top: 0;
left: 0;
bottom: 0;
right: 0;

.dropdown-menu-content{
display: none;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
padding: 10px 1px;
font-family: Georgia, 'Times New Roman', Times, serif;
color: rgb(85, 83, 83);
width: 120px;
height: 50px;
line-height: 3.5;

div .dropdown-menu-content:hover{
color: #e47312;
background-color: rgb(230, 225, 225);

}
.dropword-page:hover .dropdown-menu-content{
display: block;
}

.button-header{
width: 190px;
height: 100px;
float: right;
margin-left: 100px;

.section-heading{
font-size: 62px;
color: #fff;
font-family: sans-serif;
}

.section-text{
font-size: 18px;
color: #fff;
font-family: sans-serif;
}

.section-button{
width: 140px;
height: 50px;
background-color: #e47312;
color: #fff;
border: none;

.logos{
display: flex;
justify-content: space-between;
height: 900px;
}

#section-logos {
float: right;
display: block;
margin-top: 260px;

.logo-facebook{
background-color: rgb(3, 2, 51);
width:25px;
padding: 20px;
display: block;
border-bottom: 1px solid white;