Forem: Freecodez

CPP Learning

Freecodez — Mon, 20 Jan 2025 21:04:12 +0000

Hey there, You are most welcome to this article.

CPP Learning

For full source code visit : https://freecodez.com/post/k9apzfs

Checkout this amazing code directory.

C++

cpp

include

using namespace std;
int main() {
cout << "Hello World!";
return 0;
}

Source Code : https://freecodez.com/post/k9apzfs

For more such articles visit : https://freecodez.com

Hashedin questions

Freecodez — Sat, 22 Jun 2024 04:21:29 +0000

Hey there, You are most welcome to this article.

*Hashedin questions *

For full source code visit : https://freecodez.com/post/amyxbrm

Checkout this amazing code directory.

C++

cpp

include

using namespace std;
int main() {
cout << "Hello World!";
return 0;
}

Source Code : https://freecodez.com/post/amyxbrm

For more such articles visit : https://freecodez.com

Astra premium wordpress themes

Freecodez — Mon, 15 Apr 2024 12:38:53 +0000

Hey there, You are most welcome to this article.

Astra premium wordpress themes

For full source code visit : https://freecodez.com/post/uh4jjq1

Source Code : https://freecodez.com/post/uh4jjq1

For more such articles visit : https://freecodez.com

Happy Holi 2024

Freecodez — Wed, 20 Mar 2024 15:22:08 +0000

Hey there, You are most welcome to this article.

Happy Holi 2024

For full source code visit : https://freecodez.com/post/zapjvx9

<!-- https://freecodez.com -->
<div class="myinfo">
    <h1>Happy Holi</h1>
    <p>Wishing you and your loved ones a very colourful
        Holi<br>May you forget all your worries and enjoy this day to the fullest.<br>
    <h2>Happy Holi!</h2>
    </p>
</div>

<video autoplay loop play-inline muted>
    <source
        src="https://res.cloudinary.com/freecodez/video/upload/v1710946976/videos/Happy_Holi_2024_By_CWS_mkmshc.mp4">
    video is not load
</video>

Source Code : https://freecodez.com/post/zapjvx9

For more such articles visit : https://freecodez.com

great button

Freecodez — Tue, 27 Feb 2024 19:08:05 +0000

Hey there, You are most welcome to this article.

great button

For full source code visit : https://freecodez.com/post/5yo8x50

<!-- https://freecodez.com -->
<div class="button">
  <span class="text">hover me</span>
  <span class="arrow"></span>
</div>

Source Code : https://freecodez.com/post/5yo8x50

For more such articles visit : https://freecodez.com

Television using single div with pure css

Freecodez — Sun, 04 Feb 2024 07:42:28 +0000

Hey there, You are most welcome to this article.

Television using single div with pure css

For full source code visit : https://freecodez.com/post/qizts5g

<!-- https://freecodez.com -->
<div id="tv"></div>

Source Code : https://freecodez.com/post/qizts5g

For more such articles visit : https://freecodez.com

Happy Republic Day 2024, 26 January

Freecodez — Wed, 24 Jan 2024 12:22:25 +0000

Hey there, You are most welcome to this article.

Happy Republic Day 2024, 26 January

For full source code visit : https://freecodez.com/post/elxrl6y

<!-- https://freecodez.com -->
<div class="pattern0 fireworks fire0">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern1 fireworks fire1">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern2 fireworks fire2">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern3 fireworks fire3">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern4 fireworks fire4">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern5 fireworks fire5">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern6 fireworks fire6">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern7 fireworks fire7">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern8 fireworks fire8">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern9 fireworks fire9">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern10 fireworks fire10">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern11 fireworks fire11">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern12 fireworks fire12">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern13 fireworks fire13">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern14 fireworks fire14">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern15 fireworks fire15">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern16 fireworks fire16">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern17 fireworks fire17">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern18 fireworks fire18">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="pattern19 fireworks fire19">
    <div class="ring_1"></div>
    <div class="ring_2"></div>
</div>
<div class="container">
    <div class="flag">
        <div class="orange"></div>
        <div class="white">
            <div class="circle">
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
                <span class="bar"></span>
            </div>
        </div>
        <div class="green"></div>
        <div class="flagwave"></div>
    </div>
    <div class="text">
        <svg width="0" height="0">
            <filter id="f" x="-50%" y="-200%" width="200%" height="500%">
                <feGaussianBlur stdDeviation="35"></feGaussianBlur>
                <feColorMatrix type="saturate" values="1.3"></feColorMatrix>
                <feComposite in="SourceGraphic"></feComposite>
            </filter>
        </svg>
        <h1>Happy Republic Day 2024</h1>
    </div>
</div>

Source Code : https://freecodez.com/post/elxrl6y

For more such articles visit : https://freecodez.com

Draggable glassmorphism list using html css javascript

Freecodez — Wed, 10 Jan 2024 16:23:14 +0000

Hey there, You are most welcome to this article.

Draggable glassmorphism list using html css javascript

For full source code visit : https://freecodez.com/post/jx8om1k

<!-- https://freecodez.com -->
<div id="team-members">
    <article class="team-member">
        <img class="team-member-avatar" src="https://res.cloudinary.com/freecodez/image/upload/v1698067298/images/fy8azbqxhgdrbbijhipe.webp" alt="Team Member" />
        <div class="team-member-name">
            <h3>Vikas</h3>
            <p>Full Stack Web Developer</p>
        </div>
        <ul class="social-links">
            <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-github"></i></a></li>
        </ul>
    </article>
    <article class="team-member">
        <img class="team-member-avatar" src="https://res.cloudinary.com/freecodez/image/upload/v1698067298/images/fy8azbqxhgdrbbijhipe.webp" alt="Team Member" />
        <div class="team-member-name">
            <h3>Rohan</h3>
            <p>Data Analyst</p>
        </div>
        <ul class="social-links">
            <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-github"></i></a></li>
        </ul>
    </article>
    <article class="team-member">
        <img class="team-member-avatar" src="https://res.cloudinary.com/freecodez/image/upload/v1698067298/images/fy8azbqxhgdrbbijhipe.webp" alt="Team Member" />
        <div class="team-member-name">
            <h3>Nitin</h3>
            <p>App Developer</p>
        </div>
        <ul class="social-links">
            <li><a href="#"><i class="fa-brands fa-linkedin"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-x-twitter"></i></a></li>
            <li><a href="#"><i class="fa-brands fa-github"></i></a></li>
        </ul>
    </article>
</div>

Source Code : https://freecodez.com/post/jx8om1k

For more such articles visit : https://freecodez.com

Responsive Grid Layout Design using html, css

Freecodez — Tue, 09 Jan 2024 16:35:10 +0000

Hey there, You are most welcome to this article.

Responsive Grid Layout Design using html, css

For full source code visit : https://freecodez.com/post/5khe4kr

<!-- https://freecodez.com -->
<div class="container">
    <main class="always-great-grid" id="grid">
        <div class="box" style="view-transition-name: b0"></div>
        <div class="box" style="view-transition-name: b1"></div>
        <div class="box" style="view-transition-name: b2"></div>
        <div class="box" style="view-transition-name: b3"></div>
        <div class="box" style="view-transition-name: b4"></div>
    </main>
</div>

<footer>
    <button onclick="addBox()">Add a box</button>
    <button onclick="removeBox()" type="reset">Remove a box</button>
</footer>

Source Code : https://freecodez.com/post/5khe4kr

For more such articles visit : https://freecodez.com

Button shine animation

Freecodez — Thu, 04 Jan 2024 19:54:32 +0000

Hey there, You are most welcome to this article.

Button shine animation

For full source code visit : https://freecodez.com/post/pea546l

<!-- https://freecodez.com -->
<button class="button">
  Apply Now
  <svg fill="currentColor" viewBox="0 0 24 24" class="icon">
    <path clip-rule="evenodd" d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25zm4.28 10.28a.75.75 0 000-1.06l-3-3a.75.75 0 10-1.06 1.06l1.72 1.72H8.25a.75.75 0 000 1.5h5.69l-1.72 1.72a.75.75 0 101.06 1.06l3-3z" fill-rule="evenodd"></path>
  </svg>
</button>

Source Code : https://freecodez.com/post/pea546l

For more such articles visit : https://freecodez.com

React Loader Component

Freecodez — Wed, 03 Jan 2024 14:24:12 +0000

Hey there, You are most welcome to this article.

React Loader Component

For full source code visit : https://freecodez.com/post/cohdazj

// https://freecodez.com
const Loader = () => {
    return (
        <div class="dot-spinner">
            <div class="dot-spinner__dot"></div>
            <div class="dot-spinner__dot"></div>
            <div class="dot-spinner__dot"></div>
            <div class="dot-spinner__dot"></div>
            <div class="dot-spinner__dot"></div>
            <div class="dot-spinner__dot"></div>
            <div class="dot-spinner__dot"></div>
            <div class="dot-spinner__dot"></div>
        </div>
    );
};

Source Code : https://freecodez.com/post/cohdazj

For more such articles visit : https://freecodez.com

3D drilling motion animation using GSAP library

Freecodez — Tue, 02 Jan 2024 15:20:04 +0000

Hey there, You are most welcome to this article.

3D drilling motion animation using GSAP library

For full source code visit : https://freecodez.com/post/i4qa9lf

<!-- https://freecodez.com -->
<main class="grid place-items-center h-screen">
    <section class="h-[400px] w-[400px]">
        <svg class="sphere" viewBox="0 0 440 440" stroke="rgba(80,80,80,.35)">
            <defs>
                <linearGradient id="sphereGradient" x1="5%" x2="5%" y1="0%" y2="15%">
                    <stop stop-color="#373734" offset="0%" />
                    <stop stop-color="#242423" offset="50%" />
                    <stop stop-color="#0D0D0C" offset="100%" />
                </linearGradient>
            </defs>
            <path
                d="M361.604 361.238c-24.407 24.408-51.119 37.27-59.662 28.727-8.542-8.543 4.319-35.255 28.726-59.663 24.408-24.407 51.12-37.269 59.663-28.726 8.542 8.543-4.319 35.255-28.727 59.662z" />
            <path
                d="M360.72 360.354c-35.879 35.88-75.254 54.677-87.946 41.985-12.692-12.692 6.105-52.067 41.985-87.947 35.879-35.879 75.254-54.676 87.946-41.984 12.692 12.692-6.105 52.067-41.984 87.946z" />
            <path
                d="M357.185 356.819c-44.91 44.91-94.376 68.258-110.485 52.149-16.11-16.11 7.238-65.575 52.149-110.485 44.91-44.91 94.376-68.259 110.485-52.15 16.11 16.11-7.239 65.576-52.149 110.486z" />
            <path
                d="M350.998 350.632c-53.21 53.209-111.579 81.107-130.373 62.313-18.794-18.793 9.105-77.163 62.314-130.372 53.209-53.21 111.579-81.108 130.373-62.314 18.794 18.794-9.105 77.164-62.314 130.373z" />
            <path
                d="M343.043 342.677c-59.8 59.799-125.292 91.26-146.283 70.268-20.99-20.99 10.47-86.483 70.269-146.282 59.799-59.8 125.292-91.26 146.283-70.269 20.99 20.99-10.47 86.484-70.27 146.283z" />
            <path
                d="M334.646 334.28c-65.169 65.169-136.697 99.3-159.762 76.235-23.065-23.066 11.066-94.593 76.235-159.762s136.697-99.3 159.762-76.235c23.065 23.065-11.066 94.593-76.235 159.762z" />
            <path
                d="M324.923 324.557c-69.806 69.806-146.38 106.411-171.031 81.76-24.652-24.652 11.953-101.226 81.759-171.032 69.806-69.806 146.38-106.411 171.031-81.76 24.652 24.653-11.953 101.226-81.759 171.032z" />
            <path
                d="M312.99 312.625c-73.222 73.223-153.555 111.609-179.428 85.736-25.872-25.872 12.514-106.205 85.737-179.428s153.556-111.609 179.429-85.737c25.872 25.873-12.514 106.205-85.737 179.429z" />
            <path
                d="M300.175 299.808c-75.909 75.909-159.11 115.778-185.837 89.052-26.726-26.727 13.143-109.929 89.051-185.837 75.908-75.908 159.11-115.778 185.837-89.051 26.726 26.726-13.143 109.928-89.051 185.836z" />
            <path
                d="M284.707 284.34c-77.617 77.617-162.303 118.773-189.152 91.924-26.848-26.848 14.308-111.534 91.924-189.15C265.096 109.496 349.782 68.34 376.63 95.188c26.849 26.849-14.307 111.535-91.923 189.151z" />
            <path
                d="M269.239 267.989c-78.105 78.104-163.187 119.656-190.035 92.807-26.849-26.848 14.703-111.93 92.807-190.035 78.105-78.104 163.187-119.656 190.035-92.807 26.849 26.848-14.703 111.93-92.807 190.035z" />
            <path
                d="M252.887 252.52C175.27 330.138 90.584 371.294 63.736 344.446 36.887 317.596 78.043 232.91 155.66 155.293 233.276 77.677 317.962 36.521 344.81 63.37c26.85 26.848-14.307 111.534-91.923 189.15z" />
            <path
                d="M236.977 236.61C161.069 312.52 77.867 352.389 51.14 325.663c-26.726-26.727 13.143-109.928 89.052-185.837 75.908-75.908 159.11-115.777 185.836-89.05 26.727 26.726-13.143 109.928-89.051 185.836z" />
            <path
                d="M221.067 220.7C147.844 293.925 67.51 332.31 41.639 306.439c-25.873-25.873 12.513-106.206 85.736-179.429C200.6 53.786 280.931 15.4 306.804 41.272c25.872 25.873-12.514 106.206-85.737 179.429z" />
            <path
                d="M205.157 204.79c-69.806 69.807-146.38 106.412-171.031 81.76-24.652-24.652 11.953-101.225 81.759-171.031 69.806-69.807 146.38-106.411 171.031-81.76 24.652 24.652-11.953 101.226-81.759 171.032z" />
            <path
                d="M189.247 188.881c-65.169 65.169-136.696 99.3-159.762 76.235-23.065-23.065 11.066-94.593 76.235-159.762s136.697-99.3 159.762-76.235c23.065 23.065-11.066 94.593-76.235 159.762z" />
            <path
                d="M173.337 172.971c-59.799 59.8-125.292 91.26-146.282 70.269-20.991-20.99 10.47-86.484 70.268-146.283 59.8-59.799 125.292-91.26 146.283-70.269 20.99 20.991-10.47 86.484-70.269 146.283z" />
            <path
                d="M157.427 157.061c-53.209 53.21-111.578 81.108-130.372 62.314-18.794-18.794 9.104-77.164 62.313-130.373 53.21-53.209 111.58-81.108 130.373-62.314 18.794 18.794-9.105 77.164-62.314 130.373z" />
            <path
                d="M141.517 141.151c-44.91 44.91-94.376 68.259-110.485 52.15-16.11-16.11 7.239-65.576 52.15-110.486 44.91-44.91 94.375-68.258 110.485-52.15 16.109 16.11-7.24 65.576-52.15 110.486z" />
            <path
                d="M125.608 125.241c-35.88 35.88-75.255 54.677-87.947 41.985-12.692-12.692 6.105-52.067 41.985-87.947C115.525 43.4 154.9 24.603 167.592 37.295c12.692 12.692-6.105 52.067-41.984 87.946z" />
            <path
                d="M109.698 109.332c-24.408 24.407-51.12 37.268-59.663 28.726-8.542-8.543 4.319-35.255 28.727-59.662 24.407-24.408 51.12-37.27 59.662-28.727 8.543 8.543-4.319 35.255-28.726 59.663z" />
        </svg>
    </section>
</main>

Source Code : https://freecodez.com/post/i4qa9lf

For more such articles visit : https://freecodez.com