-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (83 loc) · 4.47 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
<!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">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" media="screen and (max-width:800px)" href="tablet.css">
<link rel="stylesheet" media="screen and (max-width:530px)" href="phone.css">
</head>
<body>
<nav class="navbar">
<u1>
<li><a href="#home">Home</a></li>
<li><a href="#about">About Me</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#services">Services</a></li>
<li><a href="#contact">Contact Me</a></li>
</u1>
</nav>
<section id="home">
<div class="main">
<h1 class="headings">I AM <br> SIDDHANT MANGAL</h1>
<button class="btn">
Hire Me
</button>
</div>
</section>
<section id="about">
<h1 class="headings">ABOUT ME</h1>
<div id="pic">
<img src="sid1.png" alt="">
<div id="intro">
<h2>SIDDHANT MANGAL</h2>
<p>"Hello! I'm Siddhant Mangal, and I can help your company create stunning visuals. As someone who has worked in UI/UX, Animation and Graphic Design for the last two years now and having done various internships and courses in animation and designing, I know what a brands need to capture their audiences' attention and spark a sense of curiosity towards the topic. With my creative design skills and slick for animation, I have the right background and knowledge for your brand's needs.
While animation and graphic design are my two passions and forte, I also enjoy outdoor sports, doing crosswords and exploring the world. I am insanely curious about different technical fields and learning new languages and skills is my hobby.
When you're ready for your brand to reach its next level of success, call or email me. I have the right tools and expertise to turn your brand into a household name. See it for yourself in my "services" section."</p>
</div>
</div>
</section>
<section id="portfolio">
<h1 class="headings">PORTFOLIO</h1>
<div class="gallery">
<img src="PORTFOLIO/img1.png" alt="">
<img src="PORTFOLIO/img2.png" alt="">
<img src="PORTFOLIO/img3.png" alt="">
<img src="PORTFOLIO/img4.png" alt="">
<img src="PORTFOLIO/img5.png" alt="">
<img src="PORTFOLIO/img6.png" alt="">
</div>
</section>
<section id="services">
<h1 class="headings">SERVICES</h1>
<div class="row">
<div class="box">
<img src="Services/web-design.png" alt="">
<h1 class="headings">Website Design</h1>
<p>Web design encompasses many different skills and disciplines in the production and maintenance of websites. The different areas of web design include web graphic design; user interface design (UI design); authoring, including standardised code and proprietary software; user experience design (UX design); and search engine optimization.</p>
</div>
<div class="box">
<img src="Services/ux-design.png" alt="">
<h1 class="headings">UX/UI <br> Design</h1>
<p>User experience design (UX design, UXD, UED, or XD) is the process of defining the experience a user would go through when interacting with a digital product or website.In the industrial design field of human–computer interaction, a user interface (UI) is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine from the human end.</p>
</div>
<div class="box">
<img src="Services/animation.png" alt="">
<h1 class="headings">Animation</h1>
<p>Animation is a method by which still figures are manipulated to appear as moving images. In traditional animation, images are drawn or painted by hand on transparent celluloid sheets to be photographed and exhibited on film. Today, most animations are made with computer-generated imagery (CGI).</p>
</div>
</div>
</section>
<section id="contact">
<h1 class="headings">CONTACT</h1>
<form action="" class="form">
<input type="text" name="name" class="input" placeholder="Enter Your Name">
<input type="email" name="email" class="input" placeholder="Enter Your Email">
<textarea name="msg" id="msg" cols="30" rows="10" placeholder="Enter Your Message"></textarea>
<input type="submit" value="SEND" id="send">
</form>
</section>
</body>
</html>