behavior-pathways/index.html at main · chanceadrian/behavior-pathways · 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
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Get Expert Coaching</title>
    <link rel="stylesheet" href="style.css">
    <link rel="icon" href="Im/favicon.webp" type="image/x-icon">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <meta name="theme-color" content="#42593F">
</head>

<body>
    <div class="navigation">
        <div class="nav-title">Behavior Pathways</div>
        <div class="nav-button-container">
            <a href="index" class="nav-button" style="opacity: 1;">Home</a>
            <a href="services" class="nav-button">Services</a>
            <a href="about" class="nav-button">About</a>
            <a href="blog-resources" class="nav-button">Blog & Resources</a>
            <a href="contact" class="nav-contact">Contact</a>
        </div>
    </div>

    <div class="navigation-2">
        <div class="nav-button-container-2">
            <a href="index" class="nav-button-2" style="opacity: 1;">Home</a>
            <a href="services" class="nav-button-2">Services</a>
            <a href="about" class="nav-button-2">About</a>
            <a href="blog-resources" class="nav-button-2">Blog & Resources</a>
        </div>
    </div>

    <div class="home-page">
        <div class="darken"></div>
        <div class="subtitle">Get Expert Help</div>
        <div class="title">
            Struggling<br>to reach every<br>student?
        </div>
        <div class="body">
            Many educators grapple with the challenge of meeting diverse learning needs. Are 1-2 students not responding
            to your lessons? Have traditional methods and behavior plans fallen short? Overcome these hurdles with
            expert guidance and support.
        </div>
    </div>

    <div class="section">
        <div class="subtitle-2">
            <img src="Im/Logo.webp" class="logo">
        </div>
        <div class="title-2">Customized coaching to support your students.</div>
        <div class="body-2">As an experienced educational coach, I can provide personalized guidance to help you more
            effectively teach and manage behavior for hard-to-reach students. My collaborative coaching process
            identifies targeted strategies to set your students up for success.</div>

        <a href="services" class="work-preview">
            <div class="work-preview-row">
                <div class="work-preview-content"
                    style="background-image: url('https://images.unsplash.com/photo-1581726707445-75cbe4efc586?q=80&w=2976&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
                    <div class="mini-subtitle">For Teachers</div>
                    <div class="mini-title">Classroom Observation & Feedback</div>
                    <div class="darken-2"></div>
                </div>
                <div class="work-preview-content"
                    style="background-image: url('https://images.unsplash.com/photo-1634155938686-24a26c55d71a?q=80&w=2970&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
                    <div class="mini-subtitle">For Administrators</div>
                    <div class="mini-title">Workshops & Talks</div>
                    <div class="darken-2"></div>
                </div>
            </div>
            <div class="work-preview-row">
                <div class="work-preview-content"
                    style="background-image: url('https://images.unsplash.com/photo-1527219525722-f9767a7f2884?q=80&w=2973&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
                    <div class="mini-subtitle">For Recent Grads</div>
                    <div class="mini-title">Mentorship & Supervision</div>
                    <div class="darken-2"></div>
                </div>
                <div class="work-preview-content"
                    style="background-image: url('https://images.unsplash.com/photo-1578574577315-3fbeb0cecdc2?q=80&w=2972&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
                    <div class="mini-subtitle">For All</div>
                    <div class="mini-title">Specialized Support</div>
                    <div class="darken-2"></div>
                </div>
            </div>
        </a>

        <div class="button-container">
            <a href="services" class="button">Learn more</a>
        </div>
    </div>

    <div class="section-2">
        <div class="about-container-row">
            <img src="Im/lupe.webp" class="about-photo">
            <div class="about-column">
                <div class="medium-title">About Lupe</div>
                <div class="mini-subtitle" style="color: #86868B;">Empowering Educators for Over 30 Years</div>
                <div class="about-detail-container">
                    <div class="about-detail-row">
                        <div class="bullet-pane"></div>
                        <div class="about-detail">The education philosophy and values guiding my practice</div>
                    </div>
                    <div class="about-detail-row">
                        <div class="bullet-pane"></div>
                        <div class="about-detail">What past teacher clients highlight about my collaborative process
                        </div>
                    </div>
                    <div class="about-detail-row">
                        <div class="bullet-pane"></div>
                        <div class="about-detail">My unique framework blending multiple best practices</div>
                    </div>
                </div>
                <div class="button-container-2">
                    <a href="about" class="button">Learn more</a>
                </div>
            </div>
        </div>
    </div>

    <div class="blog-page"
        style="background: url('https://images.unsplash.com/photo-1640351484187-41a452cd4559?q=80&w=3090&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');">
        <div class="darken-2"></div>
        <div class="subtitle">Weekly Newsletter</div>
        <div class="title">
            Blog & Resources
        </div>
        <div class="body">
            These articles and resources offer a taste of the wisdom and framework I draw upon in my full practice. As
            you walk your own complex path in the teaching profession, know that you are not alone.
        </div>
        <div class="button-container">
            <a href="blog-resources" class="button" style="background-color: white;  color:#1D1F1D;">Learn more</a>
        </div>
        <div class="contact-footer">
            <div class="about-detail" style="font-weight: 600;">Contact</div>
            <div class="contact-detail-container-row">
                <div class="contact-details">
                    <div class="contact-detail-container-column">
                        <div class="contact-detail">Phone</div>
                        <div class="contact-detail-2">210-870-0907</div>
                    </div>
                    <div class="contact-detail-container-column">
                        <div class="contact-detail">Email</div>
                        <div class="contact-detail-2">lupe@learnwithaba.com</div>
                    </div>
                </div>

                <div class="contact-details" style="flex-direction: row;">
                    <a href="https://www.facebook.com/bcbalupe/">
                        <img src="Im/facebook.webp" class="icon">
                    </a>
                    <a href="https://www.linkedin.com/in/lupe-castaneda-78790a22/">
                        <img src="Im/linkedin.webp" class="icon">
                    </a>
                    <a href="https://www.youtube.com/@lupe5150">
                        <img src="Im/youtube.webp" class="icon">
                    </a>
                </div>
            </div>
        </div>
    </div>
</body>