Portfolio/index.html at master · denlebedenko/Portfolio · 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
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 name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="style/jquery.pagepiling.css">
    <link href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="style/main.css">
    <title>Lebedenko Portfolio</title>
</head>
<body>
    <header id="pagepiling">
<!---------- Block header -------->
        <header class="section header">
            <div class="logo">
                dl
            </div>
            <div class="menu">
                    <div class="menu__nav">
                        <a href="#" class="aboutBtn">About Me</a>
                        <a href="#" class="portfolioBtn">Portfolio</a>
                        <a href="#" class="contactBtn">Contacts</a>
                    </div>
                    <a href="#" class="menu__btn">
                        <span></span>
                    </a>
                </div>
            <div class="container">
                <div class="header__title">
                    <h1>denys lebedenko</h1>
                    <h2 class="header__subtitle">
                        Junior FrontEnd Developer
                    </h2>
                </div>
                <a href="#" class="header__more">read more <i class="fa fa-long-arrow-right" aria-hidden="true"></i></a>
                <div class="mouse">
                    <img src="img/mouse.png" alt="mouse">
                    <div class="mouse__scroll">scroll down</div>
                </div>
            </div>
        </header>

<!------- Block studio ------->
        <section class="section studio">
            <div class="letter__bg">
                a
            </div>
            <div class="letters__bg">
                ab
            </div>
            <div class="container">
                <h2 class="studio__title"><span>creative</span> person</h2>
                <div class="studio_bg">
                    <img src="img/studio.png" alt="studio">
                </div>
                <div class="studio__description">
                    Hello! My name is Denys!
                    I'm frontend Developer, and I specialize in developing both web sites and single-page applications. I feel like a fish in water in such technologies:
                    Angular 2+, React/Redux, HTML5/CSS3(SCSS), JavaScript, jQuery (use of ready-made solutions and optimization for the needs of the project), NestJs(node.js)!
                    Anyway, contact me on <a href="#" class="form-btn contactBtn">this form</a>, and we, in any case, will be able to solve your problem in a short time :)
                </div>
            </div>
        </section>

<!---------- Block portfolio --------->
        <section class="section portfolio">
            <div class="container">
                <div class="portfolio__title title">
                    <h2>portfolio</h2>
                </div>
                <div class="portfolio__examples">
                    <div class="protfolio__examples-works">
                        <a href="#"><img src="img/portfolio1.png" alt="example" class="portfolio__examples_item"></a>
                        <a href="#" class="top"><img src="img/portfolio2.png" alt="example" class="portfolio__examples_item"></a>
                        <a href="#"><img src="img/portfolio3.png" alt="example" class="portfolio__examples_item portfolio__item-3"></a>
                    </div>
                    <ul class="portfolio__expemples-points">
                        <li class="point">Angular 2+/React(Redux)</li>
                        <li class="point">Adaptive and responsive layout</li>
                        <li class="point">Node.js(Nest.js)</li>
                    </ul>
                </div>
            </div>
        </section>

<!---------- Block contacts --------->
        <div class="section contact">
            <div class="container">
                <div class="contact__title title">
                    <h2>contact</h2>
                </div>
                <div class="contact__info">
                    <form action="" method="POST">
                        <div class="contact__info-form">
                            <input type="text" class="form__input" placeholder="How can I call you ?">
                            <!-- <span class="floating-label">How can I call you ?</span> -->
                        </div>
                        <div class="contact__info-form">
                            <input type="text" class="form__input" placeholder="How I can contact with you ?">
                            <!-- <span class="floating-label">How I can contact with you ?</span> -->
                        </div>
                        <div class="contact__info-form">
                            <input type="text" class="form__input" placeholder="How can I be of service to you ?">
                            <!-- <span class="floating-label">How can I be of service to you ?</span> -->
                        </div>
                        <input type="submit" class="form__btn" value="Send">
                    </form>
                    <div class="contact__info_me">
                            <ul class="contact__info_me-list">
                                <li class="contact__info_me-list-item">
                                    <p><i class="fa fa-facebook-official" aria-hidden="true"></i> Facebook</p>
                                    <a href="https://www.facebook.com/profile.php?id=100007061472841" target="_blank">https://www.facebook.com/profile.php?id=100007061472841</a>
                                </li>
                                <li class="contact__info_me-list-item">
                                    <p><i class="fa fa-github icon" aria-hidden="true"></i> GitHub</p>
                                    <a href="https://github.com/denlebedenko" target="_blank">https://github.com/denlebedenko</a>
                                </li>
                                <li class="contact__info_me-list-item">
                                    <p><i class="fa fa-skype" aria-hidden="true"></i> Skype</p>
                                    <a href="https://www.skype.com/" target="_blank">live:e507800f9b05f452</a>
                                </li>
                                <li class="contact__info_me-list-item">
                                    <p><i class="fa fa-envelope" aria-hidden="true"></i> Email</p>
                                    <a href="mailto:lebedenkodd@gmail.com" target="_blank">lebedenkodd@gmail.com</a>
                                </li>
                            </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <script src="https://use.fontawesome.com/6b2c1b701a.js"></script>
    <script src="js/jquery-3.4.1.min.js"></script>
    <script src="js/jquery.pagepiling.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>