My-Portfolio

Style

body,html{ height: 100%; margin-top: 0px;

} .hello{ width:100%; height:100%; background-color: aqua; background: url('surya.jpg'); background-repeat: no-repeat; background-position: center; background-size:cover; background-attachment: fixed; }

html,body{ font-family: 'Source Sans Pro', sans-serif; margin: 0; padding: 0; } .graph-cont{ width: calc(100% - 40px); width: 100%; max-width: 800px; margin: 0 auto; } h1,h2,h3{ text-align: center; color: #34495e; } .bar{ height: 30px; max-width: 800px; margin: 0 auto 10px auto; line-height: 30px; font-size: 16px; color: white; padding: 0 0 0 10px; position: relative; } .bar::before{ content: ''; width: 100%; position: absolute; left: 0; height: 30px; top: 0; z-index: -2; background: #ecf0f1; } .bar::after{ content: ''; background: #2ecc71; height: 30px; transition: 0.7s; display: block; width: 100%; -webkit-animation: bar-before 1 1.8s; position: absolute; top: 0; left: 0; z-index: -1; } .bar1::after{ max-width: 80%; } .bar2::after{ max-width: 85%; } .bar3::after{ max-width: 75%; } .bar4::after{ max-width: 45%; } @-webkit-keyframes bar-before{ 0%{ width: 0px; } 100%{ width: 100%; } }

.how-cont{ width: calc(100% - 40px); width: 100%; max-width: 800px; margin: 0 auto; } code { padding: 5px; background: #ecf0f1; display: block;

#navbar.php

Suryansh Pratap Singh

Home (current)
My resume

Dropdown

My project My education My hobbies MY to-do list

    </div>
  </li>
  <li class="nav-item">
    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
  </li>
</ul>

worhspace.php

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,700;1,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Text&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@700&display=swap" rel="stylesheet">

<!--font aweswom link-->

<title>My Portfolio</title>

#body.css body,html{ height: 100%; margin-top: 0px;

}

.hello{ width:100%; height:500px; background-color: aqua; /* background: url('surya.jpg'); background-repeat: no-repeat; background-position: center; background-size:cover; background-attachment: fixed; */ } .word{ font-family: 'Merriweather', serif; } .intro{ font-family: 'Merriweather', serif; }

/background: url(image/ankur.jpg); height: 80%; background-position: center; background-repeat: no-repeat; background-size: cover; }/

#footer.php

Contact:-9336156564

E-Mail:-[email protected]

Address:-120 Indira Nagar ,Behind Doodh Dairy Building ,Raibareli, Uttar Pradesh,INDIA

© 2020 Copyright: Suryansh Pratap Singh

#index.php

<!-- <div class="hello">
    
<h1 class="jumborton"style="color:black;float:center;font-family: 'Dancing Script', cursive;">
        Hello!This is Suryansh
 </h1>
</div> -->


<!-- flip carsd
<div class="flip-card">

 <div class="row justify-content-center">

-->

<!-- Front Side -->
<div class="face front">

  <!-- Image-->
  <div class="card-up">
    <img class="card-img-top" src="https://mdbootstrap.com/img/Photos/Others/photo7.jpg" height="500px" alt="Image with a photo of clouds.">
  </div>

  <!-- Avatar -->
  <div class="avatar mx-auto white"><img src="surya.jpg" class="rounded-circle" height="200px"
      alt="Sample avatar image.">
  </div>

  <!-- Content -->
  <div class="card-body">
    <h4 class="font-weight-bold mb-3">Suryansh Pratap Singh</h4>
    <p class="font-weight-bold blue-text">Software Developer
        <br>
        -Enthusiast
    </p>
    <!-- Triggering button -->
    <!-- <a class="rotate-btn" data-card="card-1"><i class="fas fa-redo-alt"></i> Click here to rotate</a> -->
  </div>
</div>
<!-- Front Side -->

<!-- Back Side -->
<div class="face back">
  <div class="card-body">

    <!-- Content -->
    <h4 class="font-weight-bold mb-0">About me</h4>
    <hr>
    <p>
    <!-- I'm a full stack web developer who can develope both front and back ends of a website or application
   -meaning I can tackel projects that involve databases,building user-facing website or 
   even work with client during the planning phase of projects 
   .In addition to mastering C++,Data Structure and Algorithms I can solve problems efficiently.
    So,please check my resume and feel free to contact me.I am always avilable for you. -->
    Keen to learn and apply new and advance technologies in order to make the life of people around me easier.
    In addition to mastering <b>C++,JAVA,Data stuctures and Algorithms</b> I can solve problems efficiently.
    I am also a team player with good leadership &team management skill.
      
      <!-- Social Icons -->
      <!-- <ul class="list-inline py-2">
        <li class="list-inline-item"><a class="p-2 fa-lg fb-ic"><i class="fab fa-facebook-f"></i></a></li>
        <li class="list-inline-item"><a class="p-2 fa-lg tw-ic"><i class="fab fa-twitter"></i></a></li>
        <li class="list-inline-item"><a class="p-2 fa-lg gplus-ic"><i class="fab fa-google-plus-g"></i></a></li>
        <li class="list-inline-item"><a class="p-2 fa-lg li-ic"><i class="fab fa-linkedin-in"></i></a></li>
      </ul>
    Triggering button -->
      <!-- <a class="rotate-btn" data-card="card-1"><i class="fas fa-undo"></i> Click here to rotate back</a> --> 

  </div>
</div>
<!-- Back Side -->

MY SKILLS

C++

85%

JAVA

80%

Data Structures

75%

Algorithms

45%

MY BLOGS

This is a longer card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

My blogs

Last updated 3 mins ago

MY ACHIVEMENTS

This card has supporting text below as a natural lead-in to additional content.

My Achivements

Last updated 3 mins ago

MY RESUME

  <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
  <a href="project/project.php" class="btn btn-warning">My Resume</a>
  <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>

suryansh26 / my-portfolio Goto Github PK

my-portfolio's Introduction