1<!DOCTYPE html> 2<body lang="en"> 3<head> 4 <meta charset="UTF-8"> 5<!-- This site is hosted on Netlify. Anyone can build and deploy a site 6 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=18514dcc-7bce-4036-9b11-7a767b81e3e8 7 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 <title>personal portfolio website</title> 11 <link href="style.css" rel="stylesheet"/> 12 13 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"/> 14 15 <link rel="preconnect" href="https://fontawesome.com"> 16</head> 17<body> 18 <div class="hero"> 19 20 <nav> 21 <div class="heading"> 22 <h1>Portfo<span>lio.</span></h1></a> 23 </div> 24 <ul> 25 <li><a href='/'>HOME</a></li> 26 <li><a href='/about'>ABOUT</a></li> 27 <li><a href='/skills'>SKILLS</a></li> 28 <li><a href='/contact'>CONTACT</a></li> 29 </ul> 30 </nav> 31 32 33 <!-- home section start --> 34 <section class="home" id="home"> 35 <div class="max-width"> 36 <div class="home-content"> 37 <div class="text-1">Hello, This is</div> 38 <div class="text-2">Parvej Ali.</div> 39 <div class="text-3">And I'm a <span class="input"></span></div> 40 <div class ="buttons"> 41 <a href="https://www.linkedin.com/in/parvej-ali-92096a215/overlay/1635503280508/single-media-viewer/"> 42 <button>Download CV</button></a> 43 44 45 </div> 46 </div> 47 </div> 48 <div class="social"> 49 <a href="https://www.linkedin.com/in/parvej-ali-92096a215/overlay/1635509046567/single-media-viewer/"><i class="fa-brands fa-linkedin"></i></a> 50 <a href="https://github.com/parvejali1234"><i class="fa-brands fa-github"></i></a> 51 52 </div> 53 </div> 54 55 </section> 56 57 58 59 60<!--about section start--> 61<div class="about" id="about"> 62 <div class="max-width"> 63 64 <div class="about-content"> 65 66 <div class="column left"> 67 <img src="/1.png" height="350px" width="800px"> 68 69 </div> 70 71 72 <div class="column right"> 73 <div class="text">I'm Parvej and I'm a <span>web Developer</span></div> 74 <p>I am Parvej ali pursuing B.Tech in IT Branch at 75 Sir chhotu Ram Institute of engineering and technology meerut , Nowadays I am 76 learning Web Development in languages like ReactJS, HTML, CSS, JavaScript.</p> 77 </div> 78 79 </div> 80 </div> 81 </div> 82 </div> 83 </section> 84 85 <!--Skills Section Start--> 86 <section class="skills" id="skills"> 87 <div class="max-width"> 88 <h2 class="title"><center>My Skills</center></h2> 89 <div class="skills-content"> 90 <div class="card"> 91 <div class="box"> 92 <i class="fas fa-paint-brush"></i> 93 <div class="text">HTML, CSS, JavaScript</div> 94 <p>We Create Websites</p> 95 </div> 96 </div> 97 98 99 <div class="card"> 100 <div class="box"> 101 <i class="fas fa-code"></i> 102 <div class="text">Rect js, Node js</div> 103 <p>We Design App & Web</p> 104 </div> 105 </div> 106 </div> 107 </div> 108 </section> 109 110 111 <!--Contact section start --> 112 <section class="contact" id="contact"> 113 <div class="max-width"> 114 <h2 class="title"><center>Contact me</center></h2> 115 <div class="contact-content"> 116 <div class="column left"> 117 <div class="text"></div> 118 <p>We create and build websites and web pages by combining any number of visual design elements including text, photos, graphics, animations and videos. We create a brand new website or simply make updates to the design and layout of existing pages.</p> 119 <div class="icons"> 120 <div class="row"> 121 <i class="fas fa-user"></i> 122 <div class="info"> 123 <div class="head">Name</div> 124 <div class="sub-title">Parvej Ali</div> 125 </div> 126 </div> 127 <div class="row"> 128 <i class="fas fa-map-marker-alt"></i> 129 <div class="info"> 130 <div class="head">Address</div> 131 <div class="sub-title">Mirzapur, U.P.</div> 132 </div> 133 </div> 134 <div class="row"> 135 <i class="fas fa-envelope"></i> 136 <div class="info"> 137 <div class="head">Email</div> 138 <div class="sub-title">[email protected]</div> 139 </div> 140 </div> 141 </div> 142 </div> 143 <div class="column right"> 144 <div class="text">Message me</div> 145 <form onsubmit="Mail(); reset(); return false;"> 146 147 <div class="fields"> 148 <div class="field name"> 149 150 <input type="text" placeholder="Name" id="name" required> 151 </div> 152 <div class="field email"> 153 <input type="email" placeholder="Email" id="email" required> 154 </div> 155 </div> 156 <div class="field"> 157 <input type="text" placeholder="Subject" id="subject" required> 158 </div> 159 <div class="field textarea"> 160 <textarea id="message" cols="30" rows="10" placeholder="Message.." required></textarea> 161 </div> 162 <div class="button"> 163 <button type="submit">submit</button> 164 </div> 165 166 </form> 167 </div> 168 </div> 169 </div> 170 </section> 171
171<script src="https://cdn.jsdelivr.net/npm/[email protected]"></script>
171 172
172<script> 173 var typed = new Typed (".input", { 174 strings: ["Frontend Developer.","Web Designer."], 175 typeSpeed: 70, 176 backSpeed: 60, 177 loop: true 178 }); 179 </script>
179 180 181</body> 182
183<script 184 src="https://code.jquery.com/jquery-2.2.4.min.js" 185 integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44=" 186 crossorigin="anonymous"></script>
186 187
188<script src="https://smtpjs.com/v3/smtp.js"> 189</script>
189 190
191<script> 192 function Mail(){ 193 194 195 let name = document.getElementById('name').value; 196 let email = document.getElementById('email').value; 197 let subject = document.getElementById('subject').value; 198 let message = document.getElementById('message').value; 199 200 201 Email.send({ 202 203 SecureToken : "34a65119-d651-4451-804f-124d47369f88", 204 205 To : '[email protected]', 206 From : "[email protected]", 207 Subject : "Mail from contact form", 208 Body : "name:" + name + "<br> email:" + email + "<br> subject:" + subject + "<br> message:" + message 209}).then( 210 message => alert("Message Sent Succesfully") 211); 212 } 213 </script>
213 214 215 216 217</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.