Portfolio-maker/output.html at main · ubaidcode/Portfolio-maker · 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
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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
      <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
</head>
<body>
<!--
<h1>
  <div><strong>Input 1:</strong> </div>
  <div><strong>Input 2:</strong> </div>
  <div><strong>Input 3:</strong> </div>
  <div><strong>Input 4:</strong> </div>
  <div><strong>Input 5:</strong> </div>
  <div><strong>Input 6:</strong> </div>
  <div><strong>Input 7:</strong>
  <div><strong>Input 8:</strong>
  <div><strong>Input 9:</strong> </div>
  <div><strong>Input 10:</strong> </div>
</h1> -->


    <nav class="nav">
        <h1 class="headtop" data-aos="zoom-in">Personnal portfolio</h1>
    </nav>

<br><br><br><br><br><br><br><br>
<center>
<h1 id="displayData" class="heading"data-aos="fade-down"
     data-aos-easing="linear"
     data-aos-duration="1500"><span id="out1">Ubaid ullah</span></h1></center>
<center>
<!-- <p class="para1">My name is <p>ubaid</p> and i am a web developer.</p></center> -->


<br><br><br><br><br><br><br><br><br><br><br><br><br><hr><br><br>
<center><h1 class="head2" data-aos="flip-up">My Self</h1></center>

<center><p class="myself" data-aos="flip-up">My name is <span id="out10"></span>, and my age is <span id="out2">25</span>. I am a <span id="out3"></span> and my hobby is <span id="out4"></span>. I live in <span id="out5"></span>.My qualification is <span id="out6"></span> I Am Work a Holiic Person you trust me
    <br>That's all about me.
    <br>Thank you
</p></center>
<br><br><br><br><hr><br>
<center><h1 class="head2" data-aos="flip-up">My services</h1></center>

<center><p class="myself" data-aos="flip-up">

   <span id="out11" data-aos="flip-up"></span>
</p>
  <br><br><hr><br>

<center><h1 class="head2" data-aos="flip-up">Contact Us</h1>

<p class="para1" data-aos="flip-up">
<h3 class="p4 para1" data-aos="flip-up"><h1>✉️</h1>For commission inquiries, please send me e mail at:</h3>
<center><p class="para1" data-aos="flip-up"><span id="out7"></span></div></p></center>
and my number is:<p><span id="out8" data-aos="flip-up"></span></div></p>
</p>
</center><br><br><hr><br>

<center><h1 class="head2" data-aos="flip-up">Feed back</h1></center>

 <br>
<center>  <button onclick="fd()" class="cal"  data-aos="fade-down-right">💬 Feedback</button> </center>
  <br>
<hr><br>


<center><h1 data-aos="flip-up">Thanks for visit my portfolio</h1></center>
<br><hr><br>
<center><h1>This Website is Copy Write By Ubaid Ullah</h1></center><br><br>
<a href="index.html"><button class="cal">Click To Re-make Your Portfolio</button></a>


<br>
<br>


<br>


<div class="df1">
  <marquee behavior="sliding" direction="left" scrollamount="25" scrolldelay="" class="pa12"><h2 class="aa"><span id="out9">👋 Hi, My name is Ubaid ullah I am passionate Web Developer who loves building modern, responsive, and eye-catching websites. 💻 I combine creativity 🎨 with clean, efficient code 🧩 to craft smooth and user-friendly experiences. ✨ From sleek designs to interactive animations 🎬, I aim to make every project unique and memorable. 🌟 Technology is not just my job — it’s my passion ❤️, and I’m always exploring new tools 🛠️ to bring fresh, innovative ideas to life.</span></h2></marquee>

</div>


<!-- <div id="displayData"></div> -->
    <script src="app.js"></script>
      <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
  <script>
    AOS.init();
  </script>
</body>
</html>