-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
141 lines (134 loc) · 9.56 KB
/
index.html
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Manas Dewari</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
</head>
<body>
<section class="main">
<nav id="navbar">
<img class="logo" src="images/download (1).png" alt="Manas Dewari's logo">
<svg class="hambur" onclick="showMenu()" xmlns="http://www.w3.org/2000/svg" width="50" height="50" fill="white" viewBox="0 0 24 24"><path d="M24 6h-24v-4h24v4zm0 4h-24v4h24v-4zm0 8h-24v4h24v-4z"/></svg>
<div class="big-menu">
<ul id="nav-list">
<li><a href="#about-me">About Me</a></li>
<li><a href="#skills">Skill</a></li>
<li><a href="#contact-me">Contacts</a></li>
</ul>
</div>
<div class="menu" id="menu">
<ul>
<li><a href="#about-me">About me</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#contact-me">Contact</a></li>
</ul>
</div>
</nav>
<div class="hero-area">
<div class="hero-text">
<h1>Manas Dewari</h1>
<p>Web Developer</p>
<div class="button"><a href="#about-me">About me</a></div>
</div>
<div class="socials">
<!---for images like for github twitter type example twitter svg and paste code here-->
<!---we have fill="#ffffff" for filling white color in svg-->
<a target="_blank"href="https://twitter.com/manasdewari04" class="social"><svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="50" height="50" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z"/></svg></a>
<a target="_blank" href="https://in.linkedin.com/in/manas-dewari-2717441a9?trk=public_profile_browsemap_profile-result-card_result-card_full-click"class="social"><svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="50" height="50" viewBox="0 0 24 24"><path d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z"/></svg></a>
<a target="_blank" href="https://github.com/manassinghdewari" class="social"><svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="50" height="50" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/></svg></a>
<a target="_blank" href="https://instagram.com/manassinghdewari" class="social"><svg xmlns="http://www.w3.org/2000/svg" fill="#ffffff" width="50" height="50" viewBox="0 0 24 24"><path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z"/></svg></a>
</div>
</div>
</section>
<section class="sub-section" id="about-me">
<div class="information">
<h2>About Me</h2>
<p>Hello my name is Manas Dewari. I am a second year Computer Science and Engineering student at Sir M. Visvesvaraya Institute of Technology, Bangalore. I know Java, C, C++ and currently learning javaScript. I am also learning web development. I am a technophile and love to know about upcoming technology. I also like to play Football and Cricket.</p>
</div>
<div class="headshot-container">
<img class="headshot" src="images/manas.jpg" alt="manas">
</div>
</section>
<section class="sub-section-alternative" id="skills">
<h2>Skills</h2>
<div class="project-container">
<div class="project-card">
<img class="project-image"src="images/Competitive-Programming.jpg" alt="project one image">
<h3>Competitive Programming</h3>
<p class="subtext">
<div><a target="_blank" class="project-link" href="https://www.hackerrank.com/mnsdewari"><button>Hacker Rank</button></a></div>
<div><a target="_blank" class="project-link" href="https://www.codechef.com/users/thisismanas143"><button>Code Chef</button></a></div>
</p>
<hr/>
</div>
<div class="project-card">
<img class="project-image "src="images/1_pE2fOVDikEUwiQJlh4ggzg.jpeg" alt="project one image">
<h3>Web Devloping</h3>
<p class="subtext">I am mainly into Web Development.I enjoyed making these projects and in every project i explored many new skills.
</p>
<hr/>
<p class="subtext"><a target="_blank" class="project-link" href="https://github.com/manassinghdewari"><button>View here</button></a></p>
</div>
<div class="project-card">
<img class="project-image "src="images/istockphoto-1295900106-170667a.jpg" alt="project one image">
<h3>Programming Languages</h3>
<p class="subtext">
C++ , C , Java , HTML , CSS ,JavaScript </p>
<hr>
</div>
</div>
</section>
<footer id="contact-me">
<!-- <div class="contactcontainer"> -->
<h2>Contact Me</h2>
<div class="formcontainer">
<form action="https://formsubmit.co/[email protected]" method="POST">
<input type="hidden" name="_captcha" value="false">
<input type="hidden" name="autoresponse" value="Thanks for visiting">
<input type="hidden" name="subject" value="New Submission!">
<input type="hidden" name="_next" value="https://manas-dewari.netlify.app">
<div class="input">
<input type="text" name="name" placeholder="Full Name " required class="input-field">
</div>
<div class="input">
<input type="email" name="email" placeholder="Email" required class="input-field">
</div>
<div class="input">
<input type="text" name="message" placeholder="Message" required class="input-field extra">
</div>
<div class="input">
<button type="submit" class="submit-button">Submit</button>
</div>
</form>
</div>
<!-- </div> -->
</footer>
</body>
<script>
var count=0;
const navList=document.getElementById('nav-list');
function showMenu()
{
console.log(count);
if(count%2==0)
{
document.getElementById("menu").style.display="flex";
document.getElementById("navbar").style.display="flex";
document.getElementById("navbar").style.flexDirection="column";
document.getElementById("navbar").style.backgroundColor="rgb(156, 99, 52)";
}
else
{
document.getElementById("menu").style.display="none";
document.getElementById("navbar").style.backgroundColor="darkblue";
}
count++;
}
</script>
</html>