FreeCodeCamp/Portfolio.html at master · vinithreddy3/FreeCodeCamp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>
<html>
<head>
  <title>Portfolio Page</title>
  <link rel="stylesheet" type="text/css" href="Portfolio_CSS.css">
</head><nav>
  <ul id='navbar'>
    <li><a href="#welcome-section"><button>ABOUT</button></a></li>
    <li><a href="#projects"><button>WORK</button></a></li>
    <li><a href="#contact"><button>CONTACT</button></a></li>
  </ul>
</nav>

<div id="welcome-section" class="intro">

  <h1 class="transform">Hey This is Vinith reddy.</h1>
  <p>an associate software engineer</p>


</div>
<div id="projects" class="work">
  <h2 class="work-header">Let's have a glance at some of my projects..</h2>
  <a href="https://codepen.io/FreeCodeCamp/pen/NNvBQW" target="_blank" class="project project-tile">
    <img class="project-pic" src="https://c.ndtvimg.com/2018-11/o4oggba_yuvraj-singh-afp_625x300_13_November_18.jpg" alt="project">
    <div class="project-title">Tribute Page</div>
  </a>
  <a href="https://codepen.io/FreeCodeCamp/pen/ONjoLe" target="_blank" class="project project-tile">
    <img class="project-pic" src="https://zapier.cachefly.net/storage/photos/a0e964d2186dcb3baf6dcc944c299a13.png" alt="project">
    <div class="project-title">Survey Form</div>
  </a>
  <a href="https://codepen.io/FreeCodeCamp/pen/PNKdjo" target="_blank" class="project project-tile">
    <img class="project-pic" src="http://www.starkidsproducts.com/wp-content/uploads/2015/10/idea.jpg" alt="project">
    <div class="project-title">Product Landing Page</div>
  </a>
  <a href="https://codepen.io/FreeCodeCamp/pen/mVEJag" target="_blank" class="project project-tile">
    <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642773/7d08cb94-6171-11e6-8c45-22e7cf64683e.png" alt="project">
    <div class="project-title">Documentation Page</div>
  </a>
  <a href="https://codepen.io/FreeCodeCamp/pen/wGqEga" target="_blank" class="project project-tile">
    <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642774/7d091806-6171-11e6-8d47-ecf2f2833fe2.png" alt="project">
    <div class="project-title">Wikipedia Viewer</div>
  </a>
  <a href="https://codepen.io/FreeCodeCamp/pen/KzXQgy" target="_blank" class="project project-tile">
    <img class="project-pic" src="https://cloud.githubusercontent.com/assets/15967809/17642775/7d354304-6171-11e6-8b56-66eee4681d88.png" alt="project">
    <div class="project-title">Tic Tac Toe Game</div>
  </a>

  <h2>Few more are coming .... </h2>
</div>
<div id="contact" class="contact">
  <div class="header">
    <h1>I&rsquo;ve enjoyed working on this project. Let&rsquo;s keep in touch. </h1>
    <p>Share your ideas ...</p>
  </div>
  <a href="https://www.linkedin.com/in/vinith-reddy-chitteti-b6753013a/" target="_blank" class="contact-details">Linkedln</a>
  <a id='profile-link' href="https://github.com/Vinith786" target="_blank" class="contact-details">GitHub</a>
  <a href="https://twitter.com" target="_blank" class="contact-details">Twitter</a>
  <a href="mailto:dreamleaguesoccer786@gmail.com" class="contact-details">Send a mail</a>
  <a href="tel:6281949283" class="contact-details">Call me</a>
</div>
<footer>FROM A WEB DEVELOPMENT LEARNER
  <p><marquee>&copy; Created by OptiPrime</marquee></p>
</footer>
</html>